{"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-17T12:44:11","modified_gmt":"2026-07-17T12:44:11","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-5003fab 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=\"5003fab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eab6c5 elementor-widget elementor-widget-html\" data-id=\"2eab6c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     NADER SAIED HERO\n     FULL IMAGE \u2014 DESKTOP + MOBILE\n     MOBILE TEXT OVERLAP\n========================================================= -->\n\n<section class=\"nader-full-hero\" id=\"naderFullHero\">\n\n  <div class=\"nader-full-hero__container\">\n\n    <!-- =====================================================\n         DESKTOP CONTENT\n    ====================================================== -->\n\n    <div class=\"nader-full-hero__content\">\n\n      <div class=\"nader-full-hero__desktop-name\">\n\n        <span class=\"nader-full-hero__hello\">\n          HELLO, I'M\n        <\/span>\n\n        <h1 class=\"nader-full-hero__name\">\n          <span>NADER<\/span>\n          <strong>SAIED<\/strong>\n        <\/h1>\n\n      <\/div>\n\n      <h2 class=\"nader-full-hero__title\">\n        Creative Technology &amp;<br>\n        Premium Design\n      <\/h2>\n\n      <p class=\"nader-full-hero__description\">\n        I blend creativity with technology to craft digital experiences\n        that are elegant, functional, and built to stand out.\n      <\/p>\n\n      <div class=\"nader-full-hero__buttons\">\n\n        <a\n          href=\"https:\/\/nadersaied.com\/projects\/\"\n          class=\"nader-full-hero__button nader-full-hero__button--gold\"\n        >\n          <span>EXPLORE MY WORK<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n        <a\n          href=\"https:\/\/wa.me\/201220913636\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"nader-full-hero__button nader-full-hero__button--outline\"\n        >\n          <span>START A PROJECT<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"nader-full-hero__divider\"><\/div>\n\n      <div class=\"nader-full-hero__location\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 22s7-7.1 7-13a7 7 0 1 0-14 0c0 5.9 7 13 7 13z\"><\/path>\n          <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\n        <\/svg>\n\n        <span>\n          Based in\n          <strong>Alexandria, Egypt<\/strong>\n        <\/span>\n\n      <\/div>\n\n      <div class=\"nader-full-hero__socials\">\n\n        <a\n          href=\"https:\/\/www.linkedin.com\/in\/nadersaied\/\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-label=\"LinkedIn\"\n        >\n          <span>in<\/span>\n        <\/a>\n\n        <a\n          href=\"https:\/\/www.instagram.com\/nadersaiedzone1\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-label=\"Instagram\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"4.5\"><\/rect>\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n            <circle cx=\"17.4\" cy=\"6.7\" r=\"1\"><\/circle>\n          <\/svg>\n        <\/a>\n\n        <a\n          href=\"https:\/\/www.behance.net\/nadersaiedzone\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-label=\"Behance\"\n        >\n          <span>Be<\/span>\n        <\/a>\n\n        <a\n          href=\"https:\/\/wa.me\/201220913636\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-label=\"WhatsApp\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20.5 11.7a8.5 8.5 0 0 1-12.6 7.5L3.5 20.5l1.3-4.2a8.5 8.5 0 1 1 15.7-4.6z\"><\/path>\n            <path d=\"M8.6 8.1c.2-.4.4-.5.7-.5h.6c.2 0 .4.1.5.4l.8 1.8c.1.3.1.5-.1.7l-.6.8c-.2.2-.2.4 0 .7.7 1.2 1.7 2.2 3 2.8.3.2.5.1.7-.1l.8-1c.2-.3.5-.3.7-.2l1.9.9c.3.1.4.3.4.5 0 .4-.2 1.3-.7 1.8-.5.5-1.2.8-2 .8-.7 0-1.7-.2-3.2-1-1.8-1-3.2-2.4-4.1-4-.7-1.2-1.1-2.4-1-3.2 0-.5.2-.9.6-1.2z\"><\/path>\n          <\/svg>\n        <\/a>\n\n        <a\n          href=\"https:\/\/www.facebook.com\/nadersaiedzone1\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          aria-label=\"Facebook\"\n        >\n          <span>f<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =====================================================\n         IMAGE\n    ====================================================== -->\n\n    <div class=\"nader-full-hero__visual\">\n\n      <div class=\"nader-full-hero__image-wrap\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Nader-saied-22.png\"\n          alt=\"Nader Saied\"\n          class=\"nader-full-hero__image\"\n        >\n\n        <div class=\"nader-full-hero__image-overlay\"><\/div>\n\n        <!-- Mobile Name Over Image -->\n        <div class=\"nader-full-hero__mobile-name\">\n\n          <span class=\"nader-full-hero__mobile-hello\">\n            HELLO, I'M\n          <\/span>\n\n          <h1>\n            <span>NADER<\/span>\n            <strong>SAIED<\/strong>\n          <\/h1>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   LOCAL RESET\n========================================================= *\/\n\n.nader-full-hero,\n.nader-full-hero * {\n  box-sizing: border-box;\n}\n\n.nader-full-hero {\n  --nader-gold: #e5bd70;\n  --nader-gold-dark: #b98c42;\n  --nader-white: #ffffff;\n  --nader-muted: rgba(255, 255, 255, 0.68);\n  --nader-line: rgba(255, 255, 255, 0.17);\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  color: var(--nader-white);\n  font-family: Arial, Helvetica, sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 82% 32%,\n      rgba(112, 5, 31, 0.28),\n      transparent 40%\n    ),\n    linear-gradient(\n      90deg,\n      #050505 0%,\n      #080607 49%,\n      #190208 100%\n    );\n}\n\n\/* =========================================================\n   DESKTOP LAYOUT\n========================================================= *\/\n\n.nader-full-hero__container {\n  width: min(1440px, calc(100% - 70px));\n  min-height: calc(100vh - 78px);\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns:\n    minmax(460px, 0.9fr)\n    minmax(520px, 1.1fr);\n\n  gap: clamp(25px, 4vw, 65px);\n  align-items: center;\n}\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.nader-full-hero__content {\n  position: relative;\n  z-index: 5;\n  width: 100%;\n  padding: 55px 0;\n}\n\n.nader-full-hero__desktop-name {\n  margin-bottom: 30px;\n}\n\n.nader-full-hero__hello {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--nader-gold);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 4px;\n}\n\n.nader-full-hero__name {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(78px, 6.8vw, 112px);\n  line-height: 0.69;\n  letter-spacing: -5px;\n  font-weight: 400;\n}\n\n.nader-full-hero__name span,\n.nader-full-hero__name strong {\n  display: block;\n}\n\n.nader-full-hero__name span {\n  color: #ffffff;\n  font-weight: 400;\n}\n\n.nader-full-hero__name strong {\n  color: var(--nader-gold);\n  font-weight: 700;\n}\n\n.nader-full-hero__title {\n  max-width: 630px;\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(34px, 3.1vw, 51px);\n  line-height: 1.13;\n  font-weight: 400;\n  letter-spacing: -1.7px;\n}\n\n.nader-full-hero__description {\n  max-width: 610px;\n  margin: 22px 0 0;\n  color: var(--nader-muted);\n  font-size: clamp(15px, 1.05vw, 17px);\n  line-height: 1.75;\n}\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.nader-full-hero__buttons {\n  width: min(100%, 610px);\n  margin-top: 29px;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 13px;\n}\n\n.nader-full-hero__button {\n  min-height: 62px;\n  padding: 0 23px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 17px;\n\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease,\n    color 0.3s ease;\n}\n\n.nader-full-hero__button svg {\n  width: 20px;\n  height: 20px;\n  flex: 0 0 auto;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.nader-full-hero__button:hover {\n  transform: translateY(-3px);\n}\n\n.nader-full-hero__button--gold {\n  color: #111111;\n  border: 1px solid var(--nader-gold);\n\n  background:\n    linear-gradient(\n      110deg,\n      #ebcb86 0%,\n      #d5a957 54%,\n      #edca80 100%\n    );\n}\n\n.nader-full-hero__button--outline {\n  color: var(--nader-gold);\n  border: 1px solid var(--nader-gold-dark);\n  background: transparent;\n}\n\n.nader-full-hero__button--outline:hover {\n  color: #111111;\n  background: var(--nader-gold);\n}\n\n\/* =========================================================\n   LOCATION\n========================================================= *\/\n\n.nader-full-hero__divider {\n  width: min(100%, 610px);\n  height: 1px;\n  margin: 31px 0 22px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--nader-line),\n      transparent\n    );\n}\n\n.nader-full-hero__location {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  color: rgba(255, 255, 255, 0.67);\n  font-size: 14px;\n}\n\n.nader-full-hero__location svg {\n  width: 22px;\n  height: 22px;\n  flex: 0 0 auto;\n\n  fill: var(--nader-gold);\n  stroke: var(--nader-gold);\n  stroke-width: 0.7;\n}\n\n.nader-full-hero__location strong {\n  color: var(--nader-gold);\n  font-weight: 400;\n}\n\n\/* =========================================================\n   SOCIALS\n========================================================= *\/\n\n.nader-full-hero__socials {\n  margin-top: 21px;\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: 10px;\n}\n\n.nader-full-hero__socials a {\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n\n  border: 1px solid rgba(229, 189, 112, 0.48);\n  border-radius: 50%;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  color: var(--nader-gold);\n  text-decoration: none;\n  font-size: 18px;\n  font-weight: 700;\n}\n\n.nader-full-hero__socials svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   FULL IMAGE \u2014 DESKTOP\n========================================================= *\/\n\n.nader-full-hero__visual {\n  position: relative;\n  min-width: 0;\n  align-self: stretch;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.nader-full-hero__image-wrap {\n  position: relative;\n  width: 100%;\n  min-height: calc(100vh - 78px);\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  overflow: hidden;\n}\n\n.nader-full-hero__image {\n  position: relative;\n  z-index: 1;\n\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n  max-height: calc(100vh - 105px);\n\n  display: block;\n\n  object-fit: contain;\n  object-position: center bottom;\n\n  filter:\n    drop-shadow(0 25px 35px rgba(0, 0, 0, 0.36));\n}\n\n.nader-full-hero__image-overlay {\n  position: absolute;\n  z-index: 2;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(5, 5, 5, 0.18),\n      transparent 24%\n    ),\n    linear-gradient(\n      to right,\n      rgba(5, 5, 5, 0.2),\n      transparent 25%\n    );\n}\n\n.nader-full-hero__mobile-name {\n  display: none;\n}\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n  .nader-full-hero__container {\n    width: calc(100% - 46px);\n\n    grid-template-columns:\n      minmax(410px, 0.94fr)\n      minmax(430px, 1.06fr);\n\n    gap: 20px;\n  }\n\n  .nader-full-hero__name {\n    font-size: clamp(72px, 7vw, 98px);\n  }\n\n  .nader-full-hero__title {\n    font-size: clamp(32px, 3.05vw, 44px);\n  }\n\n  .nader-full-hero__image {\n    width: 100%;\n    max-height: calc(100vh - 110px);\n  }\n\n}\n\n\/* =========================================================\n   TABLET + MOBILE\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .nader-full-hero {\n    background:\n      linear-gradient(\n        180deg,\n        #25030c 0%,\n        #120105 55%,\n        #050505 100%\n      );\n  }\n\n  .nader-full-hero__container {\n    width: 100%;\n    min-height: 0;\n\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .nader-full-hero__visual {\n    order: 1;\n    width: 100%;\n    display: block;\n  }\n\n  .nader-full-hero__content {\n    order: 2;\n\n    width: min(calc(100% - 40px), 680px);\n    margin: 0 auto;\n    padding: 0 0 62px;\n  }\n\n  .nader-full-hero__desktop-name {\n    display: none;\n  }\n\n  \/* =====================================================\n     FULL MOBILE IMAGE\n  ====================================================== *\/\n\n  .nader-full-hero__image-wrap {\n    width: 100%;\n    min-height: 0;\n    display: block;\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 50% 23%,\n        #460915,\n        #190207 58%,\n        #050505 100%\n      );\n  }\n\n  .nader-full-hero__image {\n    position: relative;\n    z-index: 1;\n\n    width: 100%;\n    height: auto;\n    max-width: 100%;\n    max-height: none;\n\n    margin: 0 auto;\n    display: block;\n\n    object-fit: contain;\n    object-position: center top;\n\n    filter: none;\n  }\n\n  .nader-full-hero__image-overlay {\n    background:\n      linear-gradient(\n        to top,\n        #050505 0%,\n        rgba(5, 5, 5, 0.93) 8%,\n        rgba(5, 5, 5, 0.30) 29%,\n        transparent 53%\n      );\n  }\n\n  \/* =====================================================\n     MOBILE TEXT OVER LAST PART OF IMAGE\n  ====================================================== *\/\n\n  .nader-full-hero__mobile-name {\n    position: absolute;\n    z-index: 4;\n\n    left: 20px;\n    right: 20px;\n    bottom: 22px;\n\n    display: block;\n  }\n\n  .nader-full-hero__mobile-hello {\n    display: block;\n    margin-bottom: 10px;\n\n    color: var(--nader-gold);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 3px;\n  }\n\n  .nader-full-hero__mobile-name h1 {\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(78px, 22vw, 116px);\n    line-height: 0.73;\n    letter-spacing: -5px;\n    font-weight: 400;\n  }\n\n  .nader-full-hero__mobile-name h1 span,\n  .nader-full-hero__mobile-name h1 strong {\n    display: block;\n  }\n\n  .nader-full-hero__mobile-name h1 span {\n    color: #ffffff;\n    font-weight: 400;\n  }\n\n  .nader-full-hero__mobile-name h1 strong {\n    color: var(--nader-gold);\n    font-weight: 700;\n  }\n\n  \/* =====================================================\n     MOBILE CONTENT\n  ====================================================== *\/\n\n  .nader-full-hero__title {\n    margin: 6px 0 0;\n\n    font-size: clamp(33px, 8.7vw, 45px);\n    line-height: 1.25;\n    letter-spacing: -1.3px;\n  }\n\n  .nader-full-hero__description {\n    margin-top: 27px;\n    font-size: 17px;\n    line-height: 1.8;\n  }\n\n  .nader-full-hero__buttons {\n    width: 100%;\n    margin-top: 38px;\n\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .nader-full-hero__button {\n    min-height: 86px;\n    padding: 0 31px;\n    font-size: 16px;\n  }\n\n  .nader-full-hero__divider {\n    width: 100%;\n    margin: 50px 0 36px;\n  }\n\n  .nader-full-hero__location {\n    font-size: 16px;\n  }\n\n  .nader-full-hero__socials {\n    width: 100%;\n    margin-top: 33px;\n\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    gap: 7px;\n  }\n\n  .nader-full-hero__socials a {\n    width: clamp(48px, 12.5vw, 56px);\n    height: clamp(48px, 12.5vw, 56px);\n    flex: 0 0 clamp(48px, 12.5vw, 56px);\n    font-size: 22px;\n  }\n\n  .nader-full-hero__socials svg {\n    width: 22px;\n    height: 22px;\n  }\n\n}\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 430px) {\n\n  .nader-full-hero__mobile-name {\n    left: 14px;\n    right: 14px;\n    bottom: 15px;\n  }\n\n  .nader-full-hero__mobile-name h1 {\n    font-size: clamp(69px, 22vw, 94px);\n    letter-spacing: -4px;\n  }\n\n  .nader-full-hero__content {\n    width: calc(100% - 28px);\n  }\n\n  .nader-full-hero__title {\n    font-size: 31px;\n  }\n\n  .nader-full-hero__description {\n    font-size: 16px;\n  }\n\n  .nader-full-hero__button {\n    min-height: 82px;\n    padding: 0 25px;\n    font-size: 14px;\n  }\n\n  .nader-full-hero__location {\n    font-size: 14px;\n  }\n\n  .nader-full-hero__socials {\n    gap: 5px;\n  }\n\n  .nader-full-hero__socials a {\n    width: 50px;\n    height: 50px;\n    flex-basis: 50px;\n  }\n\n}\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .nader-full-hero__socials a {\n    width: 45px;\n    height: 45px;\n    flex-basis: 45px;\n    font-size: 19px;\n  }\n\n  .nader-full-hero__socials svg {\n    width: 19px;\n    height: 19px;\n  }\n\n}\n<\/style>\n<style>\n\/* =========================================================\n   FINAL SIZE + IMAGE POSITION FIX\n========================================================= *\/\n\n\/* -------------------------\n   COMPUTER\n-------------------------- *\/\n\n@media (min-width: 901px) {\n\n  .nader-full-hero__container {\n    min-height: 650px !important;\n    height: calc(100vh - 90px) !important;\n    max-height: 760px !important;\n  }\n\n  .nader-full-hero__image-wrap {\n    min-height: 650px !important;\n    height: calc(100vh - 90px) !important;\n    max-height: 760px !important;\n  }\n\n  .nader-full-hero__content {\n    padding-top: 30px !important;\n    padding-bottom: 30px !important;\n  }\n\n  .nader-full-hero__image {\n    width: 96% !important;\n    height: auto !important;\n    max-width: 96% !important;\n    max-height: calc(100vh - 125px) !important;\n\n    object-fit: contain !important;\n    object-position: center bottom !important;\n\n    margin: 0 auto !important;\n    transform: translateY(28px) !important;\n  }\n\n}\n\n\n\/* -------------------------\n   TABLET + MOBILE\n-------------------------- *\/\n\n@media (max-width: 900px) {\n\n  .nader-full-hero__visual {\n    padding-top: 55px !important;\n    background: #25030c !important;\n  }\n\n  .nader-full-hero__image-wrap {\n    width: 100% !important;\n    min-height: 0 !important;\n    height: auto !important;\n    max-height: none !important;\n\n    padding-top: 20px !important;\n    overflow: hidden !important;\n  }\n\n  .nader-full-hero__image {\n    position: relative !important;\n\n    width: 108% !important;\n    height: auto !important;\n    max-width: none !important;\n    max-height: none !important;\n\n    margin-left: -4% !important;\n    margin-right: 0 !important;\n\n    object-fit: contain !important;\n    object-position: center top !important;\n\n    transform: translateY(22px) !important;\n  }\n\n  .nader-full-hero__image-overlay {\n    background:\n      linear-gradient(\n        to top,\n        #050505 0%,\n        rgba(5, 5, 5, 0.94) 8%,\n        rgba(5, 5, 5, 0.30) 27%,\n        transparent 52%\n      ) !important;\n  }\n\n  .nader-full-hero__mobile-name {\n    left: 18px !important;\n    right: 18px !important;\n    bottom: 4px !important;\n  }\n\n  .nader-full-hero__content {\n    padding-top: 0 !important;\n  }\n\n}\n\n\n\/* -------------------------\n   MOBILE\n-------------------------- *\/\n\n@media (max-width: 600px) {\n\n  .nader-full-hero__visual {\n    padding-top: 65px !important;\n  }\n\n  .nader-full-hero__image-wrap {\n    padding-top: 15px !important;\n  }\n\n  .nader-full-hero__image {\n    width: 112% !important;\n    margin-left: -6% !important;\n    transform: translateY(26px) !important;\n  }\n\n  .nader-full-hero__mobile-name {\n    left: 15px !important;\n    right: 15px !important;\n    bottom: 2px !important;\n  }\n\n}\n\n\n\/* -------------------------\n   SMALL MOBILE\n-------------------------- *\/\n\n@media (max-width: 430px) {\n\n  .nader-full-hero__visual {\n    padding-top: 70px !important;\n  }\n\n  .nader-full-hero__image {\n    width: 116% !important;\n    margin-left: -8% !important;\n    transform: translateY(29px) !important;\n  }\n\n  .nader-full-hero__mobile-name {\n    left: 14px !important;\n    right: 14px !important;\n    bottom: 0 !important;\n  }\n\n  .nader-full-hero__mobile-name h1 {\n    font-size: clamp(67px, 21vw, 92px) !important;\n  }\n\n}\n<\/style>\n<style>\n\/* =========================================================\n   DESKTOP IMAGE FIX ONLY\n   \u0644\u0627 \u064a\u063a\u064a\u0651\u0631 \u0646\u0633\u062e\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n========================================================= *\/\n\n@media (min-width: 901px) {\n\n  .nader-full-hero__container {\n    min-height: 640px !important;\n    height: calc(100vh - 90px) !important;\n    max-height: 760px !important;\n  }\n\n  .nader-full-hero__visual {\n    height: 100% !important;\n    align-self: stretch !important;\n    overflow: hidden !important;\n  }\n\n  .nader-full-hero__image-wrap {\n    width: 100% !important;\n    height: 100% !important;\n    min-height: 0 !important;\n    max-height: 760px !important;\n\n    display: flex !important;\n    align-items: flex-end !important;\n    justify-content: center !important;\n\n    overflow: hidden !important;\n  }\n\n  .nader-full-hero__image {\n    position: absolute !important;\n\n    left: 50% !important;\n    top: 48px !important;\n    bottom: auto !important;\n\n    width: 100% !important;\n    height: calc(100% - 48px) !important;\n\n    max-width: none !important;\n    max-height: none !important;\n\n    margin: 0 !important;\n\n    transform: translateX(-50%) !important;\n\n    object-fit: contain !important;\n    object-position: center bottom !important;\n  }\n\n  .nader-full-hero__image-overlay {\n    height: 100% !important;\n  }\n\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n========================================================= *\/\n\n@media (min-width: 1500px) {\n\n  .nader-full-hero__image {\n    top: 55px !important;\n    height: calc(100% - 55px) !important;\n    width: 97% !important;\n  }\n\n}\n\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (min-width: 901px) and (max-width: 1200px) {\n\n  .nader-full-hero__image {\n    top: 44px !important;\n    height: calc(100% - 44px) !important;\n    width: 104% !important;\n  }\n\n}\n<\/style>\n<style>\n@media (min-width: 901px) {\n  .nader-full-hero__content {\n    transform: translateY(42px) !important;\n  }\n}\n<\/style>\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-e3f74ab elementor-widget elementor-widget-html\" data-id=\"e3f74ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Social Media Portfolio Slider -->\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n\/>\n\n<section class=\"nader-portfolio-slider\" id=\"naderPortfolioSlider\">\n\n  <div class=\"nader-slider-background\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-1\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-2\"><\/div>\n\n  <div class=\"nader-slider-container\">\n\n    <!-- Section Heading -->\n    <div class=\"nader-slider-heading\">\n\n      <div class=\"nader-social-icon\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Social.png\"\n          alt=\"Social Media Design\"\n          loading=\"eager\"\n        >\n      <\/div>\n\n      <div class=\"nader-section-tag\">\n        <span><\/span>\n        SOCIAL MEDIA DESIGN\n        <span><\/span>\n      <\/div>\n\n      <h2>Creative Social Media<\/h2>\n\n      <p>\n        A curated collection of social media visuals, campaigns and branded digital content.\n      <\/p>\n\n    <\/div>\n\n    <!-- Main Slider -->\n    <div class=\"swiper nader-main-swiper\">\n\n      <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"0\" aria-label=\"Open design 1\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\"\n              alt=\"Social media design by Nader Saied\"\n            >\n\n            <span class=\"nader-card-number\">01<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"1\" aria-label=\"Open design 2\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">02<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"2\" aria-label=\"Open design 3\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">03<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"3\" aria-label=\"Open design 4\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">04<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"4\" aria-label=\"Open design 5\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">05<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"5\" aria-label=\"Open design 6\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">06<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"6\" aria-label=\"Open design 7\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">07<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"7\" aria-label=\"Open design 8\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\"\n              alt=\"Product advertising design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">08<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"8\" aria-label=\"Open design 9\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">09<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"9\" aria-label=\"Open design 10\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">10<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"10\" aria-label=\"Open design 11\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">11<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n      <\/div>\n\n      <!-- Slider Arrows -->\n      <button type=\"button\" class=\"nader-main-arrow nader-main-prev\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button type=\"button\" class=\"nader-main-arrow nader-main-next\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <!-- Main Thumbnails -->\n    <div class=\"nader-thumbnails-wrapper\">\n\n      <div class=\"swiper nader-thumbs-swiper\">\n\n        <div class=\"swiper-wrapper\">\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"Thumbnail 1\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"Thumbnail 2\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"Thumbnail 3\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"Thumbnail 4\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"Thumbnail 5\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"Thumbnail 6\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"Thumbnail 7\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"Thumbnail 8\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"Thumbnail 9\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"Thumbnail 10\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"Thumbnail 11\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Counter And Pagination -->\n    <div class=\"nader-slider-bottom\">\n\n      <div class=\"nader-slider-counter\">\n        <strong class=\"nader-current-number\">01<\/strong>\n        <span><\/span>\n        <small>11<\/small>\n      <\/div>\n\n      <div class=\"nader-slider-pagination\"><\/div>\n\n    <\/div>\n\n    <!-- View All Button -->\n    <div class=\"nader-view-all-wrapper\">\n      <a\n        href=\"https:\/\/nadersaied.com\/my-social-work\/\"\n        class=\"nader-view-all-button\"\n        aria-label=\"View all social media designs\"\n      >\n        <span>View All Social Media Designs<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Fullscreen Viewer -->\n<div\n  class=\"nader-lightbox\"\n  id=\"naderLightbox\"\n  aria-hidden=\"true\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Social media design preview\"\n>\n\n  <div class=\"nader-lightbox-overlay\"><\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-close\"\n    aria-label=\"Close fullscreen image\"\n    title=\"Close\"\n  >\u00d7<\/button>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-prev\"\n    aria-label=\"Previous image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-stage\">\n\n    <div class=\"nader-lightbox-loader\"><\/div>\n\n    <img decoding=\"async\"\n      class=\"nader-lightbox-image\"\n      src=\"\"\n      alt=\"Fullscreen social media design\"\n    >\n\n  <\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-next\"\n    aria-label=\"Next image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-bottom\">\n\n    <div class=\"nader-lightbox-counter\">\n      <strong class=\"nader-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>11<\/small>\n    <\/div>\n\n    <div class=\"nader-lightbox-thumbnails\">\n\n      <button type=\"button\" data-index=\"0\" aria-label=\"Open image 1\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"1\" aria-label=\"Open image 2\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"2\" aria-label=\"Open image 3\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"3\" aria-label=\"Open image 4\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"4\" aria-label=\"Open image 5\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"5\" aria-label=\"Open image 6\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"6\" aria-label=\"Open image 7\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"7\" aria-label=\"Open image 8\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"8\" aria-label=\"Open image 9\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"9\" aria-label=\"Open image 10\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"10\" aria-label=\"Open image 11\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"\">\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n.nader-portfolio-slider,\n.nader-portfolio-slider *,\n.nader-lightbox,\n.nader-lightbox * {\n  box-sizing: border-box;\n}\n\n.nader-portfolio-slider {\n  --nader-gold: #f5c85c;\n  --nader-gold-light: #fff1b4;\n  --nader-red: #d21f55;\n  --nader-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 90px 5% 85px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 15% 20%, rgba(197,18,65,0.19), transparent 30%),\n    radial-gradient(circle at 88% 80%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #ffffff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* Professional Separator *\/\n.nader-portfolio-slider::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,0.08) 18%,\n    rgba(245,200,92,0.90) 50%,\n    rgba(210,31,85,0.35) 78%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,0.24),\n    0 0 40px rgba(210,31,85,0.12);\n}\n\n.nader-portfolio-slider::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--nader-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,0.70),\n    0 0 30px rgba(210,31,85,0.24);\n}\n\n.nader-slider-background {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.18;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 48px 48px;\n}\n\n.nader-slider-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(15px);\n  pointer-events: none;\n}\n\n.nader-slider-glow-1 {\n  top: 80px;\n  left: -120px;\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(218,31,83,0.20), transparent 70%);\n}\n\n.nader-slider-glow-2 {\n  right: -140px;\n  bottom: -80px;\n  width: 460px;\n  height: 460px;\n  background: radial-gradient(circle, rgba(245,200,92,0.16), transparent 70%);\n}\n\n.nader-slider-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* Social Media Icon *\/\n.nader-social-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: clamp(165px, 15vw, 235px);\n  height: clamp(165px, 15vw, 235px);\n  margin: 0 auto 28px;\n}\n\n.nader-social-icon::before {\n  content: \"\";\n  position: absolute;\n  width: 138%;\n  height: 138%;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(245,200,92,0.12), transparent 58%),\n    radial-gradient(circle at 65% 35%, rgba(210,31,85,0.12), transparent 54%);\n  filter: blur(12px);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.nader-social-icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  width: 74px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(245,200,92,0.25);\n}\n\n.nader-social-icon img {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 112%;\n  height: 112%;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 16px 25px rgba(0,0,0,0.30))\n    drop-shadow(0 0 16px rgba(245,200,92,0.07));\n  transform: translateZ(0);\n}\n\n\/* Heading *\/\n.nader-slider-heading {\n  max-width: 760px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.nader-section-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 16px;\n  color: var(--nader-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.5px;\n}\n\n.nader-section-tag span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78)\n  );\n}\n\n.nader-section-tag span:last-child {\n  background: linear-gradient(\n    90deg,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n}\n\n.nader-slider-heading h2 {\n  margin: 0;\n  color: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(44px, 5.4vw, 72px);\n  font-weight: 500;\n  line-height: 1.04;\n  letter-spacing: -2.2px;\n}\n\n.nader-slider-heading p {\n  max-width: 560px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.58);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Main Slider *\/\n.nader-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 15px 7px 32px;\n}\n\n.nader-main-swiper .swiper-slide,\n.nader-main-swiper .swiper-slide-active,\n.nader-main-swiper .swiper-slide-prev,\n.nader-main-swiper .swiper-slide-next {\n  height: auto;\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n.nader-design-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 22px;\n  background: #16070b;\n  box-shadow: 0 25px 60px rgba(0,0,0,0.38);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition:\n    transform 0.4s ease,\n    border-color 0.35s ease,\n    box-shadow 0.4s ease;\n}\n\n.nader-design-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,0.58);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,0.52),\n    0 0 40px rgba(210,31,85,0.13);\n}\n\n.nader-design-card > img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  opacity: 1 !important;\n  filter: none !important;\n  transition: transform 0.7s ease;\n}\n\n.nader-design-card:hover > img {\n  transform: scale(1.035);\n}\n\n.nader-main-swiper .swiper-slide-active .nader-design-card {\n  border-color: rgba(245,200,92,0.62);\n  box-shadow:\n    0 30px 75px rgba(0,0,0,0.52),\n    0 0 0 1px rgba(245,200,92,0.10),\n    0 0 35px rgba(210,31,85,0.10);\n}\n\n.nader-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 42px;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,0.20);\n  border-radius: 40px;\n  background: rgba(8,3,5,0.64);\n  color: rgba(255,255,255,0.88);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.nader-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.68);\n  backdrop-filter: blur(12px);\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-card-expand svg {\n  width: 19px;\n  height: 19px;\n  fill: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand {\n  transform: rotate(90deg);\n  background: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand svg {\n  fill: #18070c;\n}\n\n\/* Main Arrows *\/\n.nader-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,0.36);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.76);\n  cursor: pointer;\n  transform: translateY(-50%);\n  backdrop-filter: blur(14px);\n}\n\n.nader-main-prev {\n  left: 18px;\n}\n\n.nader-main-next {\n  right: 18px;\n}\n\n.nader-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #ffffff;\n}\n\n.nader-main-arrow:hover {\n  background: var(--nader-gold);\n}\n\n.nader-main-arrow:hover svg {\n  fill: #18070c;\n}\n\n\/* Thumbnails *\/\n.nader-thumbnails-wrapper {\n  width: min(100%, 1050px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 17px;\n  background: rgba(255,255,255,0.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,0.24);\n  backdrop-filter: blur(16px);\n}\n\n.nader-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.nader-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 1px solid transparent;\n  border-radius: 11px;\n  opacity: 0.42;\n  cursor: pointer;\n  transition:\n    opacity 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n  transform: scale(0.96);\n}\n\n.nader-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Counter *\/\n.nader-slider-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n  margin-top: 24px;\n}\n\n.nader-slider-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.nader-slider-counter strong {\n  color: var(--nader-gold);\n  font-size: 19px;\n}\n\n.nader-slider-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,0.30);\n}\n\n.nader-slider-counter small {\n  color: rgba(255,255,255,0.55);\n  font-size: 12px;\n}\n\n.nader-slider-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.32);\n  opacity: 1;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--nader-red), var(--nader-gold));\n}\n\n\/* View All Button *\/\n.nader-view-all-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 34px;\n}\n\n.nader-view-all-button {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 285px;\n  min-height: 58px;\n  padding: 0 28px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(210,31,85,0.94), rgba(117,10,43,0.96));\n  box-shadow:\n    0 18px 42px rgba(0,0,0,0.30),\n    0 10px 35px rgba(210,31,85,0.20);\n  color: #ffffff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.nader-view-all-button::before {\n  content: \"\";\n  position: absolute;\n  top: -100%;\n  left: -45%;\n  z-index: -1;\n  width: 38%;\n  height: 300%;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,0.30),\n    transparent\n  );\n  transform: rotate(20deg);\n  transition: left 0.7s ease;\n}\n\n.nader-view-all-button:hover::before {\n  left: 125%;\n}\n\n.nader-view-all-button:hover {\n  transform: translateY(-4px);\n  border-color: rgba(245,200,92,0.92);\n  box-shadow:\n    0 24px 55px rgba(0,0,0,0.38),\n    0 15px 45px rgba(210,31,85,0.30);\n}\n\n.nader-view-all-button svg {\n  width: 21px;\n  height: 21px;\n  fill: var(--nader-gold);\n  transition:\n    transform 0.3s ease,\n    fill 0.3s ease;\n}\n\n.nader-view-all-button:hover svg {\n  transform: translateX(5px);\n  fill: var(--nader-gold-light);\n}\n\n\/* Lightbox *\/\n.nader-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n  transition:\n    opacity 0.3s ease,\n    visibility 0.3s ease;\n}\n\n.nader-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.nader-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(91,12,34,0.34), transparent 48%),\n    rgba(2,1,1,0.97);\n  backdrop-filter: blur(18px);\n}\n\n\n\n\n\n.nader-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(82vw, 1250px);\n  height: calc(100vh - 190px);\n  padding: 15px;\n}\n\n.nader-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n  box-shadow: 0 40px 120px rgba(0,0,0,0.78);\n  opacity: 0;\n  transform: scale(0.96);\n  transition:\n    opacity 0.3s ease,\n    transform 0.4s ease;\n}\n\n.nader-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.nader-lightbox-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,0.16);\n  border-top-color: var(--nader-gold);\n  border-radius: 50%;\n  animation: naderLoader 0.8s linear infinite;\n}\n\n.nader-lightbox-loader.is-hidden {\n  display: none;\n}\n\n.nader-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 61px;\n  height: 61px;\n  border: 1px solid rgba(245,200,92,0.38);\n  border-radius: 50%;\n  background: rgba(12,4,7,0.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.nader-lightbox-prev {\n  left: 24px;\n}\n\n.nader-lightbox-next {\n  right: 24px;\n}\n\n.nader-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #ffffff;\n}\n\n.nader-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(0,0,0,0.96), rgba(0,0,0,0.15));\n}\n\n.nader-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.nader-lightbox-counter strong {\n  color: var(--nader-gold);\n  font-size: 17px;\n}\n\n.nader-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,0.28);\n}\n\n.nader-lightbox-counter small {\n  color: rgba(255,255,255,0.54);\n  font-size: 11px;\n}\n\n.nader-lightbox-thumbnails {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 820px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.nader-lightbox-thumbnails button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: 0.45;\n  cursor: pointer;\n}\n\n.nader-lightbox-thumbnails button.is-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n}\n\n.nader-lightbox-thumbnails img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.nader-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none;\n}\n\n@keyframes naderLoader {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .nader-social-icon {\n    width: 150px;\n    height: 150px;\n    margin-bottom: 22px;\n  }\n\n  .nader-portfolio-slider {\n    padding: 58px 16px;\n  }\n\n  .nader-slider-heading {\n    margin-bottom: 25px;\n  }\n\n  .nader-section-tag {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.8px;\n    white-space: nowrap;\n  }\n\n  .nader-section-tag span {\n    width: 20px;\n  }\n\n  .nader-slider-heading h2 {\n    font-size: clamp(27px, 8vw, 38px);\n    line-height: 1.12;\n    letter-spacing: -1px;\n    white-space: normal;\n  }\n\n  .nader-slider-heading p {\n    max-width: 310px;\n    margin: 11px auto 0;\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  .nader-main-arrow {\n    display: none;\n  }\n\n  .nader-design-card {\n    border-radius: 16px;\n  }\n\n  .nader-thumbnails-wrapper {\n    padding: 6px;\n    border-radius: 12px;\n  }\n\n  .nader-slider-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .nader-view-all-wrapper {\n    margin-top: 27px;\n  }\n\n  .nader-view-all-button {\n    width: min(100%, 310px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    border-radius: 10px;\n    font-size: 12px;\n  }\n\n  \n\n  .nader-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(70px + env(safe-area-inset-top))\n      8px\n      calc(115px + env(safe-area-inset-bottom));\n  }\n\n  .nader-lightbox-arrow {\n    top: auto;\n    bottom: calc(88px + env(safe-area-inset-bottom));\n    width: 46px;\n    height: 46px;\n    transform: none;\n  }\n\n  .nader-lightbox-prev {\n    left: 12px;\n  }\n\n  .nader-lightbox-next {\n    right: 12px;\n  }\n\n  .nader-lightbox-thumbnails button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n\/* MOBILE-SAFE CLOSE BUTTON *\/\n\n\n@media (max-width:767px){\n  \n}\n\n\n@media (max-width: 390px) {\n  .nader-social-icon {\n    width: 132px;\n    height: 132px;\n  }\n}\n\n\n\n\/* ==================================================\n   SINGLE DEFINITIVE GOLD GLASS CLOSE BUTTON\n   Desktop + Tablet + Mobile\n================================================== *\/\n#naderLightbox .nader-lightbox-close {\n  position: fixed !important;\n  top: 18px !important;\n  right: 18px !important;\n  left: auto !important;\n  bottom: auto !important;\n  z-index: 2147483647 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  width: 58px !important;\n  height: 58px !important;\n  min-width: 58px !important;\n  min-height: 58px !important;\n  padding: 0 0 4px 0 !important;\n  margin: 0 !important;\n\n  border: 1px solid rgba(255, 222, 135, 0.96) !important;\n  border-radius: 50% !important;\n  outline: none !important;\n\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.04)),\n    rgba(32, 8, 15, 0.90) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.34),\n    inset 0 -1px 0 rgba(245,200,92,0.14),\n    0 14px 38px rgba(0,0,0,0.70),\n    0 0 0 4px rgba(245,200,92,0.08),\n    0 0 34px rgba(245,200,92,0.42) !important;\n\n  color: #f5c85c !important;\n  text-shadow:\n    0 0 8px rgba(245,200,92,0.95),\n    0 0 18px rgba(245,200,92,0.45) !important;\n\n  font-family: Arial, Helvetica, sans-serif !important;\n  font-size: 42px !important;\n  font-weight: 300 !important;\n  line-height: 1 !important;\n  text-align: center !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n\n  backdrop-filter: blur(18px) saturate(155%) !important;\n  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;\n\n  transform: translate3d(0,0,0) !important;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease !important;\n}\n\n#naderLightbox .nader-lightbox-close::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 7px !important;\n  left: 11px !important;\n  width: 25px !important;\n  height: 10px !important;\n  border-radius: 50% !important;\n  background: linear-gradient(90deg, rgba(255,255,255,0.52), transparent) !important;\n  filter: blur(1px) !important;\n  transform: rotate(-24deg) !important;\n  pointer-events: none !important;\n}\n\n#naderLightbox .nader-lightbox-close:hover {\n  background:\n    linear-gradient(145deg, rgba(245,200,92,0.31), rgba(255,255,255,0.08)),\n    rgba(48, 11, 21, 0.96) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.42),\n    0 16px 44px rgba(0,0,0,0.74),\n    0 0 0 5px rgba(245,200,92,0.10),\n    0 0 44px rgba(245,200,92,0.54) !important;\n\n  transform: rotate(90deg) scale(1.06) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:active {\n  transform: rotate(90deg) scale(.92) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:focus-visible {\n  outline: 2px solid #fff1b4 !important;\n  outline-offset: 4px !important;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #naderLightbox .nader-lightbox-close {\n    top: 15px !important;\n    right: 15px !important;\n    width: 54px !important;\n    height: 54px !important;\n    min-width: 54px !important;\n    min-height: 54px !important;\n    font-size: 39px !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(12px + env(safe-area-inset-top)) !important;\n    right: calc(12px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    min-width: 50px !important;\n    min-height: 50px !important;\n    font-size: 37px !important;\n  }\n}\n\n\/* Small mobile *\/\n@media (max-width: 390px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 48px !important;\n    height: 48px !important;\n    min-width: 48px !important;\n    min-height: 48px !important;\n    font-size: 35px !important;\n  }\n}\n\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initializeNaderSlider() {\n\n    const sliderSection = document.getElementById(\"naderPortfolioSlider\");\n    const lightbox = document.getElementById(\"naderLightbox\");\n\n    if (!sliderSection || !lightbox) return;\n    if (sliderSection.dataset.initialized === \"true\") return;\n\n    sliderSection.dataset.initialized = \"true\";\n\n    \/* Move lightbox directly under body so position:fixed works correctly in Elementor\/mobile *\/\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n\n    const currentNumber =\n      sliderSection.querySelector(\".nader-current-number\");\n\n    const thumbnailsSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-thumbs-swiper\"),\n      {\n        slidesPerView: 5,\n        spaceBetween: 7,\n        watchSlidesProgress: true,\n        freeMode: true,\n\n        breakpoints: {\n          480: {\n            slidesPerView: 6,\n            spaceBetween: 8\n          },\n\n          768: {\n            slidesPerView: 8,\n            spaceBetween: 9\n          },\n\n          1100: {\n            slidesPerView: 11,\n            spaceBetween: 10\n          }\n        }\n      }\n    );\n\n    const mainSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-main-swiper\"),\n      {\n        slidesPerView: 1,\n        spaceBetween: 18,\n        speed: 750,\n        loop: false,\n        grabCursor: true,\n\n        thumbs: {\n          swiper: thumbnailsSwiper\n        },\n\n        navigation: {\n          nextEl: sliderSection.querySelector(\".nader-main-next\"),\n          prevEl: sliderSection.querySelector(\".nader-main-prev\")\n        },\n\n        pagination: {\n          el: sliderSection.querySelector(\".nader-slider-pagination\"),\n          clickable: true\n        },\n\n        autoplay: {\n          delay: 3500,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n\n        breakpoints: {\n          540: {\n            slidesPerView: 1.35,\n            spaceBetween: 20\n          },\n\n          768: {\n            slidesPerView: 2.15,\n            spaceBetween: 23\n          },\n\n          1100: {\n            slidesPerView: 3,\n            spaceBetween: 27\n          }\n        },\n\n        on: {\n          init: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          },\n\n          slideChange: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          }\n        }\n      }\n    );\n\n    const lightboxImage =\n      lightbox.querySelector(\".nader-lightbox-image\");\n\n    const lightboxLoader =\n      lightbox.querySelector(\".nader-lightbox-loader\");\n\n    const lightboxClose =\n      lightbox.querySelector(\".nader-lightbox-close\");\n\n\n    function forceCloseButtonVisible() {\n      if (!lightboxClose) return;\n\n      lightboxClose.textContent = \"\u00d7\";\n      lightboxClose.setAttribute(\"aria-label\", \"Close fullscreen image\");\n      lightboxClose.setAttribute(\"title\", \"Close\");\n\n      const isMobile = window.matchMedia(\"(max-width: 767px)\").matches;\n      const isTablet = window.matchMedia(\"(max-width: 1024px)\").matches;\n\n      lightboxClose.style.setProperty(\"position\", \"fixed\", \"important\");\n      lightboxClose.style.setProperty(\"top\", isMobile\n        ? \"calc(12px + env(safe-area-inset-top))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"right\", isMobile\n        ? \"calc(12px + env(safe-area-inset-right))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"left\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"bottom\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      lightboxClose.style.setProperty(\"display\", \"flex\", \"important\");\n      lightboxClose.style.setProperty(\"align-items\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"justify-content\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"opacity\", \"1\", \"important\");\n      lightboxClose.style.setProperty(\"visibility\", \"visible\", \"important\");\n      lightboxClose.style.setProperty(\"pointer-events\", \"auto\", \"important\");\n    }\n\n    const lightboxPrevious =\n      lightbox.querySelector(\".nader-lightbox-prev\");\n\n    const lightboxNext =\n      lightbox.querySelector(\".nader-lightbox-next\");\n\n    const lightboxOverlay =\n      lightbox.querySelector(\".nader-lightbox-overlay\");\n\n    const lightboxCurrent =\n      lightbox.querySelector(\".nader-lightbox-current\");\n\n    const lightboxThumbButtons =\n      Array.from(\n        lightbox.querySelectorAll(\".nader-lightbox-thumbnails button\")\n      );\n\n    const cards =\n      sliderSection.querySelectorAll(\".nader-design-card\");\n\n    let activeImageIndex = 0;\n    let touchStartX = 0;\n\n    function updateLightboxThumbnails() {\n\n      lightboxThumbButtons.forEach(function (button, index) {\n        button.classList.toggle(\n          \"is-active\",\n          index === activeImageIndex\n        );\n      });\n\n      const activeThumbnail =\n        lightboxThumbButtons[activeImageIndex];\n\n      if (activeThumbnail) {\n        activeThumbnail.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadLightboxImage() {\n\n      lightboxImage.classList.remove(\"is-loaded\");\n      lightboxLoader.classList.remove(\"is-hidden\");\n\n      lightboxCurrent.textContent =\n        formatNumber(activeImageIndex + 1);\n\n      updateLightboxThumbnails();\n\n      const preloadImage = new Image();\n\n      preloadImage.onload = function () {\n        lightboxImage.src = images[activeImageIndex];\n\n        requestAnimationFrame(function () {\n          lightboxImage.classList.add(\"is-loaded\");\n          lightboxLoader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preloadImage.onerror = function () {\n        lightboxLoader.classList.add(\"is-hidden\");\n      };\n\n      preloadImage.src = images[activeImageIndex];\n    }\n\n    function openLightbox(index) {\n\n      activeImageIndex = index;\n\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      forceCloseButtonVisible();\n\n      document.body.classList.add(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"hidden\";\n      document.body.style.touchAction = \"none\";\n      document.documentElement.style.overflow = \"hidden\";\n      document.documentElement.style.touchAction = \"none\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.stop();\n      }\n\n      loadLightboxImage();\n\n      setTimeout(function () {\n        lightboxClose.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.classList.remove(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"\";\n      document.body.style.touchAction = \"\";\n      document.documentElement.style.overflow = \"\";\n      document.documentElement.style.touchAction = \"\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.start();\n      }\n\n      setTimeout(function () {\n        lightboxImage.src = \"\";\n        lightboxImage.classList.remove(\"is-loaded\");\n        lightboxLoader.classList.remove(\"is-hidden\");\n      }, 300);\n    }\n\n    function showPreviousImage() {\n      activeImageIndex =\n        (activeImageIndex - 1 + images.length) % images.length;\n\n      loadLightboxImage();\n    }\n\n    function showNextImage() {\n      activeImageIndex =\n        (activeImageIndex + 1) % images.length;\n\n      loadLightboxImage();\n    }\n\n    cards.forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lightboxThumbButtons.forEach(function (button) {\n      button.addEventListener(\"click\", function () {\n        activeImageIndex = Number(button.dataset.index);\n        loadLightboxImage();\n      });\n    });\nlightboxClose.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    lightboxClose.addEventListener(\"touchend\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    }, { passive: false });\n    lightboxOverlay.addEventListener(\"click\", closeLightbox);\n\n    lightboxPrevious.addEventListener(\"click\", showPreviousImage);\n    lightboxNext.addEventListener(\"click\", showNextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") showPreviousImage();\n      if (event.key === \"ArrowRight\") showNextImage();\n    });\n\n    lightboxImage.addEventListener(\n      \"touchstart\",\n      function (event) {\n        touchStartX =\n          event.changedTouches[0].clientX;\n      },\n      { passive: true }\n    );\n\n    lightboxImage.addEventListener(\n      \"touchend\",\n      function (event) {\n\n        const touchEndX =\n          event.changedTouches[0].clientX;\n\n        const distance =\n          touchEndX - touchStartX;\n\n        if (Math.abs(distance) < 45) return;\n\n        if (distance > 0) {\n          showPreviousImage();\n        } else {\n          showNextImage();\n        }\n      },\n      { passive: true }\n    );\n  }\n\n  window.addEventListener(\"resize\", function () {\n    const lightbox = document.getElementById(\"naderLightbox\");\n    if (lightbox && lightbox.classList.contains(\"is-open\")) {\n      const closeButton = lightbox.querySelector(\".nader-lightbox-close\");\n      if (closeButton) {\n        closeButton.style.setProperty(\"display\", \"flex\", \"important\");\n        closeButton.style.setProperty(\"visibility\", \"visible\", \"important\");\n        closeButton.style.setProperty(\"opacity\", \"1\", \"important\");\n        closeButton.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      }\n    }\n  });\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeNaderSlider\n    );\n  } else {\n    initializeNaderSlider();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb6cab6 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=\"eb6cab6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9baca95 elementor-widget elementor-widget-html\" data-id=\"9baca95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Website Projects Showcase -->\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n\/>\n\n<section class=\"ns-websites-section\" id=\"nsWebsitesSection\">\n\n  <div class=\"ns-websites-grid\"><\/div>\n  <div class=\"ns-websites-glow ns-websites-glow-one\"><\/div>\n  <div class=\"ns-websites-glow ns-websites-glow-two\"><\/div>\n\n  <div class=\"ns-websites-container\">\n\n    <!-- Section Heading -->\n    <div class=\"ns-websites-heading\">\n\n      <div class=\"ns-websites-label\">\n        <span><\/span>\n        SELECTED WEBSITE PROJECTS\n        <span><\/span>\n      <\/div>\n\n      <h2>Web Design Portfolio<\/h2>\n\n      <p>\n        Selected website experiences designed and developed for construction,\n        media and real estate brands.\n      <\/p>\n\n    <\/div>\n\n    <!-- Main Slider -->\n    <div class=\"swiper ns-websites-main-slider\">\n\n      <div class=\"swiper-wrapper\">\n\n        <!-- CEG -->\n        <div class=\"swiper-slide\">\n\n          <article class=\"ns-website-project ns-project-ceg\">\n\n            <div class=\"ns-website-visual\">\n\n              <button\n                type=\"button\"\n                class=\"ns-website-image-button\"\n                data-index=\"0\"\n                data-website=\"https:\/\/cegegypt.com\/\"\n                aria-label=\"Open CEG Egypt website\"\n              >\n                <picture>\n                  <source\n                    media=\"(max-width: 767px)\"\n                    srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-Mobile.jpg\"\n                  >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-PC.jpg\"\n                    alt=\"CEG Egypt website design\"\n                    loading=\"eager\"\n                  >\n                <\/picture>\n\n                <span class=\"ns-website-expand\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n                  <\/svg>\n                <\/span>\n              <\/button>\n\n            <\/div>\n\n            <div class=\"ns-website-information\">\n\n              <div class=\"ns-project-number\">01 \/ 03<\/div>\n\n              <span class=\"ns-project-category\">\n                Construction & Engineering Website\n              <\/span>\n\n              <h3>CEG Egypt<\/h3>\n\n              <p>\n                A professional corporate website experience created for a\n                contracting and engineering company, combining strong visual\n                presentation with clear service and project navigation.\n              <\/p>\n\n              <div class=\"ns-project-features\">\n                <span>Corporate Website<\/span>\n                <span>Responsive Design<\/span>\n                <span>Project Showcase<\/span>\n              <\/div>\n\n              <a\n                href=\"https:\/\/cegegypt.com\/\"\n                class=\"ns-website-live-button\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <span>Visit Live Website<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n        <!-- El Watan International News -->\n        <div class=\"swiper-slide\">\n\n          <article class=\"ns-website-project ns-project-watan\">\n\n            <div class=\"ns-website-visual\">\n\n              <button\n                type=\"button\"\n                class=\"ns-website-image-button\"\n                data-index=\"1\"\n                data-website=\"https:\/\/elwataneldawlia.com\/\"\n                aria-label=\"Open El Watan International News website\"\n              >\n                <picture>\n                  <source\n                    media=\"(max-width: 767px)\"\n                    srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-Mobile-1.jpg\"\n                  >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-PC-1.jpg\"\n                    alt=\"El Watan International News website design\"\n                    loading=\"lazy\"\n                  >\n                <\/picture>\n\n                <span class=\"ns-website-expand\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n                  <\/svg>\n                <\/span>\n              <\/button>\n\n            <\/div>\n\n            <div class=\"ns-website-information\">\n\n              <div class=\"ns-project-number\">02 \/ 03<\/div>\n\n              <span class=\"ns-project-category\">\n                News & Media Platform\n              <\/span>\n\n              <h3>El Watan International News<\/h3>\n\n              <p>\n                A responsive Arabic news platform designed to organize\n                breaking news, reports and multimedia content through a\n                distinctive purple and gold editorial identity.\n              <\/p>\n\n              <div class=\"ns-project-features\">\n                <span>Arabic News Website<\/span>\n                <span>Responsive Layout<\/span>\n                <span>Content Platform<\/span>\n              <\/div>\n\n              <a\n                href=\"https:\/\/elwataneldawlia.com\/\"\n                class=\"ns-website-live-button\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <span>Visit Live Website<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n        <!-- AVIN -->\n        <div class=\"swiper-slide\">\n\n          <article class=\"ns-website-project ns-project-avin\">\n\n            <div class=\"ns-website-visual\">\n\n              <button\n                type=\"button\"\n                class=\"ns-website-image-button\"\n                data-index=\"2\"\n                data-website=\"https:\/\/avin-re.com\/\"\n                aria-label=\"Open AVIN Real Estate website\"\n              >\n                <picture>\n                  <source\n                    media=\"(max-width: 767px)\"\n                    srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-Mobile-1.jpg\"\n                  >\n\n                  <img decoding=\"async\"\n                    src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-PC-1.jpg\"\n                    alt=\"AVIN Real Estate website design\"\n                    loading=\"lazy\"\n                  >\n                <\/picture>\n\n                <span class=\"ns-website-expand\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n                  <\/svg>\n                <\/span>\n              <\/button>\n\n            <\/div>\n\n            <div class=\"ns-website-information\">\n\n              <div class=\"ns-project-number\">03 \/ 03<\/div>\n\n              <span class=\"ns-project-category\">\n                Luxury Real Estate Website\n              <\/span>\n\n              <h3>AVIN Real Estate Group<\/h3>\n\n              <p>\n                A refined real estate website featuring a calm premium visual\n                direction, elegant property presentation and a responsive\n                experience tailored to the Gulf market.\n              <\/p>\n\n              <div class=\"ns-project-features\">\n                <span>Luxury Real Estate<\/span>\n                <span>Arabic Experience<\/span>\n                <span>Responsive Design<\/span>\n              <\/div>\n\n              <a\n                href=\"https:\/\/avin-re.com\/\"\n                class=\"ns-website-live-button\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <span>Visit Live Website<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Slider Arrows -->\n      <button\n        type=\"button\"\n        class=\"ns-websites-arrow ns-websites-prev\"\n        aria-label=\"Previous website\"\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"ns-websites-arrow ns-websites-next\"\n        aria-label=\"Next website\"\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <!-- Project Thumbnails -->\n    <div class=\"ns-websites-thumbnails\">\n\n      <button\n        type=\"button\"\n        class=\"ns-website-thumbnail is-active\"\n        data-slide=\"0\"\n        aria-label=\"Open CEG project\"\n      >\n        <span class=\"ns-thumbnail-index\">01<\/span>\n\n        <picture>\n          <source\n            media=\"(max-width: 767px)\"\n            srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-Mobile.jpg\"\n          >\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-PC.jpg\"\n            alt=\"CEG project thumbnail\"\n          >\n        <\/picture>\n\n        <span class=\"ns-thumbnail-name\">\n          <strong>CEG Egypt<\/strong>\n          <small>Construction<\/small>\n        <\/span>\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"ns-website-thumbnail\"\n        data-slide=\"1\"\n        aria-label=\"Open El Watan project\"\n      >\n        <span class=\"ns-thumbnail-index\">02<\/span>\n\n        <picture>\n          <source\n            media=\"(max-width: 767px)\"\n            srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-Mobile-1.jpg\"\n          >\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-PC-1.jpg\"\n            alt=\"El Watan project thumbnail\"\n          >\n        <\/picture>\n\n        <span class=\"ns-thumbnail-name\">\n          <strong>El Watan News<\/strong>\n          <small>News Platform<\/small>\n        <\/span>\n      <\/button>\n\n      <button\n        type=\"button\"\n        class=\"ns-website-thumbnail\"\n        data-slide=\"2\"\n        aria-label=\"Open AVIN project\"\n      >\n        <span class=\"ns-thumbnail-index\">03<\/span>\n\n        <picture>\n          <source\n            media=\"(max-width: 767px)\"\n            srcset=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-Mobile-1.jpg\"\n          >\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-PC-1.jpg\"\n            alt=\"AVIN project thumbnail\"\n          >\n        <\/picture>\n\n        <span class=\"ns-thumbnail-name\">\n          <strong>AVIN Real Estate<\/strong>\n          <small>Real Estate<\/small>\n        <\/span>\n      <\/button>\n\n    <\/div>\n\n    <!-- Counter -->\n    <div class=\"ns-websites-counter\">\n\n      <strong class=\"ns-websites-current\">01<\/strong>\n\n      <span class=\"ns-websites-counter-line\">\n        <i><\/i>\n      <\/span>\n\n      <small>03<\/small>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Desktop Fullscreen Preview -->\n<div\n  class=\"ns-websites-lightbox\"\n  id=\"nsWebsitesLightbox\"\n  aria-hidden=\"true\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Website project preview\"\n>\n\n  <div class=\"ns-websites-lightbox-overlay\"><\/div>\n\n  <button\n    type=\"button\"\n    class=\"ns-websites-lightbox-close\"\n    aria-label=\"Close website preview\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z\"\/>\n    <\/svg>\n  <\/button>\n\n  <button\n    type=\"button\"\n    class=\"ns-websites-lightbox-arrow ns-websites-lightbox-prev\"\n    aria-label=\"Previous website preview\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"ns-websites-lightbox-stage\">\n\n    <div class=\"ns-websites-lightbox-loader\"><\/div>\n\n    <img decoding=\"async\"\n      class=\"ns-websites-lightbox-image\"\n      src=\"\"\n      alt=\"Website project fullscreen preview\"\n    >\n\n  <\/div>\n\n  <button\n    type=\"button\"\n    class=\"ns-websites-lightbox-arrow ns-websites-lightbox-next\"\n    aria-label=\"Next website preview\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"ns-websites-lightbox-bottom\">\n\n    <div class=\"ns-websites-lightbox-counter\">\n      <strong class=\"ns-websites-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>03<\/small>\n    <\/div>\n\n    <div class=\"ns-websites-lightbox-thumbnails\">\n\n      <button type=\"button\" data-index=\"0\" aria-label=\"Open CEG preview\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-PC.jpg\"\n          alt=\"\"\n        >\n      <\/button>\n\n      <button type=\"button\" data-index=\"1\" aria-label=\"Open El Watan preview\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-PC-1.jpg\"\n          alt=\"\"\n        >\n      <\/button>\n\n      <button type=\"button\" data-index=\"2\" aria-label=\"Open AVIN preview\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-PC-1.jpg\"\n          alt=\"\"\n        >\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n.ns-websites-section,\n.ns-websites-section *,\n.ns-websites-lightbox,\n.ns-websites-lightbox * {\n  box-sizing: border-box;\n}\n\n.ns-websites-section {\n  --ns-web-gold: #f3c85f;\n  --ns-web-red: #ce2053;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 95px 5% 90px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 10% 16%, rgba(199,23,70,0.18), transparent 28%),\n    radial-gradient(circle at 88% 84%, rgba(243,200,95,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #17050a 42%, #340713 70%, #090305 100%);\n  color: #ffffff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-websites-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(243,200,95,0.18),\n    rgba(243,200,95,0.95),\n    rgba(206,32,83,0.40),\n    transparent\n  );\n}\n\n.ns-websites-section::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--ns-web-gold);\n  background: #18060b;\n  box-shadow: 0 0 18px rgba(243,200,95,0.65);\n}\n\n.ns-websites-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.16;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.024) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px);\n  background-size: 50px 50px;\n}\n\n.ns-websites-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(18px);\n  pointer-events: none;\n}\n\n.ns-websites-glow-one {\n  top: 80px;\n  left: -150px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(206,32,83,0.20), transparent 70%);\n}\n\n.ns-websites-glow-two {\n  right: -160px;\n  bottom: -90px;\n  width: 480px;\n  height: 480px;\n  background: radial-gradient(circle, rgba(243,200,95,0.12), transparent 70%);\n}\n\n.ns-websites-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n.ns-websites-heading {\n  max-width: 820px;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n\n.ns-websites-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 15px;\n  color: var(--ns-web-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.3px;\n}\n\n.ns-websites-label span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(243,200,95,0.75));\n}\n\n.ns-websites-label span:last-child {\n  background: linear-gradient(90deg, rgba(243,200,95,0.75), transparent);\n}\n\n.ns-websites-heading h2 {\n  margin: 0;\n  color: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(48px, 6vw, 82px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -3px;\n}\n\n.ns-websites-heading p {\n  max-width: 650px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\/* Slider *\/\n.ns-websites-main-slider {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 10px 5px 25px;\n}\n\n.ns-website-project {\n  display: grid;\n  grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.55fr);\n  align-items: center;\n  gap: 50px;\n  min-height: 610px;\n}\n\n.ns-website-visual {\n  min-width: 0;\n}\n\n.ns-website-image-button {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 25px;\n  background: rgba(255,255,255,0.025);\n  box-shadow: 0 35px 90px rgba(0,0,0,0.42);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition:\n    transform 0.45s ease,\n    border-color 0.35s ease,\n    box-shadow 0.45s ease;\n}\n\n.ns-website-image-button:hover {\n  transform: translateY(-8px);\n  border-color: rgba(243,200,95,0.55);\n  box-shadow: 0 45px 110px rgba(0,0,0,0.55);\n}\n\n.ns-website-image-button picture,\n.ns-website-image-button img {\n  display: block;\n  width: 100%;\n}\n\n.ns-website-image-button img {\n  height: auto;\n  object-fit: cover;\n  transition: transform 0.7s ease;\n}\n\n.ns-website-image-button:hover img {\n  transform: scale(1.02);\n}\n\n.ns-website-expand {\n  position: absolute;\n  right: 18px;\n  bottom: 18px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 49px;\n  height: 49px;\n  border: 1px solid rgba(243,200,95,0.55);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.72);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.ns-website-expand svg {\n  width: 21px;\n  height: 21px;\n  fill: var(--ns-web-gold);\n}\n\n\/* Info *\/\n.ns-website-information {\n  position: relative;\n  max-width: 430px;\n}\n\n.ns-project-number {\n  margin-bottom: 24px;\n  color: rgba(255,255,255,0.30);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 3px;\n}\n\n.ns-project-category {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: var(--ns-web-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 2.3px;\n  text-transform: uppercase;\n}\n\n.ns-website-information h3 {\n  margin: 0;\n  color: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(38px, 4vw, 62px);\n  font-weight: 600;\n  line-height: 1.02;\n  letter-spacing: -2px;\n}\n\n.ns-website-information p {\n  margin: 22px 0 24px;\n  color: rgba(255,255,255,0.66);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n.ns-project-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 29px;\n}\n\n.ns-project-features span {\n  display: inline-flex;\n  align-items: center;\n  min-height: 33px;\n  padding: 0 13px;\n  border: 1px solid rgba(255,255,255,0.10);\n  border-radius: 30px;\n  background: rgba(255,255,255,0.035);\n  color: rgba(255,255,255,0.72);\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.ns-website-live-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 55px;\n  padding: 0 25px;\n  border-radius: 11px;\n  color: #ffffff !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.ns-website-live-button:hover {\n  transform: translateY(-4px);\n}\n\n.ns-website-live-button svg {\n  width: 20px;\n  height: 20px;\n}\n\n\/* Brand Button Colors *\/\n\n\/* CEG *\/\n.ns-project-ceg .ns-website-live-button {\n  border: 1px solid rgba(133,195,65,0.72);\n  background: linear-gradient(135deg, #6fae38, #234f2b);\n  box-shadow: 0 15px 38px rgba(68,132,48,0.28);\n}\n\n.ns-project-ceg .ns-website-live-button svg {\n  fill: #dcf4ae;\n}\n\n\/* Watan *\/\n.ns-project-watan .ns-website-live-button {\n  border: 1px solid rgba(195,145,236,0.72);\n  background: linear-gradient(135deg, #8a45be, #3e1769);\n  box-shadow: 0 15px 38px rgba(111,49,157,0.30);\n}\n\n.ns-project-watan .ns-website-live-button svg {\n  fill: #f2cc6d;\n}\n\n\/* AVIN *\/\n.ns-project-avin .ns-website-live-button {\n  border: 1px solid rgba(198,155,108,0.72);\n  background: linear-gradient(135deg, #9c6847, #493124);\n  box-shadow: 0 15px 38px rgba(101,66,44,0.30);\n}\n\n.ns-project-avin .ns-website-live-button svg {\n  fill: #f2d3a4;\n}\n\n\/* Arrows *\/\n.ns-websites-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 20;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 1px solid rgba(243,200,95,0.38);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.80);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.ns-websites-prev {\n  left: 18px;\n}\n\n.ns-websites-next {\n  right: 18px;\n}\n\n.ns-websites-arrow svg {\n  width: 25px;\n  height: 25px;\n  fill: #ffffff;\n}\n\n\/* Thumbnails *\/\n.ns-websites-thumbnails {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 13px;\n  width: min(100%, 1050px);\n  margin: 5px auto 0;\n  padding: 9px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 18px;\n  background: rgba(255,255,255,0.025);\n}\n\n.ns-website-thumbnail {\n  display: grid;\n  grid-template-columns: 38px 82px minmax(0, 1fr);\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding: 8px;\n  border: 1px solid transparent;\n  border-radius: 12px;\n  background: rgba(255,255,255,0.025);\n  color: #ffffff;\n  text-align: left;\n  cursor: pointer;\n  opacity: 0.52;\n}\n\n.ns-website-thumbnail.is-active {\n  border-color: rgba(243,200,95,0.62);\n  background: rgba(243,200,95,0.075);\n  opacity: 1;\n}\n\n.ns-thumbnail-index {\n  color: var(--ns-web-gold);\n  font-size: 11px;\n  font-weight: 800;\n  text-align: center;\n}\n\n.ns-website-thumbnail picture {\n  display: block;\n  overflow: hidden;\n  width: 82px;\n  height: 62px;\n  border-radius: 8px;\n}\n\n.ns-website-thumbnail img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.ns-thumbnail-name strong,\n.ns-thumbnail-name small {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ns-thumbnail-name strong {\n  font-size: 12px;\n}\n\n.ns-thumbnail-name small {\n  margin-top: 5px;\n  color: rgba(255,255,255,0.46);\n  font-size: 9px;\n}\n\n\/* Counter *\/\n.ns-websites-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 24px;\n}\n\n.ns-websites-counter strong {\n  color: var(--ns-web-gold);\n  font-size: 20px;\n}\n\n.ns-websites-counter small {\n  color: rgba(255,255,255,0.50);\n  font-size: 11px;\n}\n\n.ns-websites-counter-line {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 55px;\n  height: 2px;\n  background: rgba(255,255,255,0.12);\n}\n\n.ns-websites-counter-line i {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 33.333%;\n  background: linear-gradient(90deg, var(--ns-web-red), var(--ns-web-gold));\n  transition: transform 0.55s ease;\n}\n\n\/* Lightbox *\/\n.ns-websites-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.ns-websites-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.ns-websites-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(2,1,1,0.97);\n  backdrop-filter: blur(18px);\n}\n\n.ns-websites-lightbox-close {\n  position: fixed;\n  top: 18px;\n  right: 18px;\n  z-index: 100000003;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  border: 1px solid rgba(255,255,255,0.28);\n  border-radius: 50%;\n  background: rgba(10,3,5,0.94);\n  cursor: pointer;\n}\n\n.ns-websites-lightbox-close svg {\n  width: 28px;\n  height: 28px;\n  fill: #ffffff;\n}\n\n.ns-websites-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1400px);\n  height: calc(100vh - 180px);\n  padding: 18px;\n}\n\n.ns-websites-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  opacity: 0;\n  transform: scale(0.96);\n  transition:\n    opacity 0.3s ease,\n    transform 0.4s ease;\n}\n\n.ns-websites-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.ns-websites-lightbox-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,0.16);\n  border-top-color: var(--ns-web-gold);\n  border-radius: 50%;\n  animation: nsWebsiteLoader 0.8s linear infinite;\n}\n\n.ns-websites-lightbox-loader.is-hidden {\n  display: none;\n}\n\n.ns-websites-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000002;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 61px;\n  height: 61px;\n  border: 1px solid rgba(243,200,95,0.38);\n  border-radius: 50%;\n  background: rgba(10,3,5,0.84);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.ns-websites-lightbox-prev {\n  left: 24px;\n}\n\n.ns-websites-lightbox-next {\n  right: 24px;\n}\n\n.ns-websites-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #ffffff;\n}\n\n.ns-websites-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000001;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(0,0,0,0.96), transparent);\n}\n\n.ns-websites-lightbox-counter {\n  display: flex;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.ns-websites-lightbox-counter strong {\n  color: var(--ns-web-gold);\n}\n\n.ns-websites-lightbox-counter span {\n  width: 36px;\n  height: 1px;\n  margin-top: 10px;\n  background: rgba(255,255,255,0.28);\n}\n\n.ns-websites-lightbox-thumbnails {\n  display: flex;\n  justify-content: center;\n  gap: 9px;\n}\n\n.ns-websites-lightbox-thumbnails button {\n  overflow: hidden;\n  width: 78px;\n  height: 55px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 8px;\n  background: transparent;\n  opacity: 0.44;\n  cursor: pointer;\n}\n\n.ns-websites-lightbox-thumbnails button.is-active {\n  border-color: var(--ns-web-gold);\n  opacity: 1;\n}\n\n.ns-websites-lightbox-thumbnails img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.ns-websites-lightbox-open {\n  overflow: hidden !important;\n}\n\n@keyframes nsWebsiteLoader {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-website-project {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n\n  .ns-website-information {\n    max-width: 740px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .ns-project-features {\n    justify-content: center;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n\n  .ns-websites-section {\n    padding: 58px 15px 62px;\n  }\n\n  .ns-websites-heading {\n    margin-bottom: 28px;\n  }\n\n  .ns-websites-label {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n    white-space: nowrap;\n  }\n\n  .ns-websites-label span {\n    width: 18px;\n  }\n\n  .ns-websites-heading h2 {\n    font-size: clamp(27px, 8.2vw, 36px);\n    line-height: 1.1;\n    letter-spacing: -1.3px;\n    white-space: nowrap;\n  }\n\n  .ns-websites-heading p {\n    max-width: 315px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.6;\n  }\n\n  .ns-website-project {\n    display: block;\n    min-height: 0;\n  }\n\n  .ns-website-visual {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  \/* Mobile image is cropped *\/\n  .ns-website-image-button {\n    width: min(100%, 330px);\n    height: 360px;\n    margin: 0 auto;\n    border-radius: 16px;\n    cursor: pointer;\n  }\n\n  .ns-website-image-button picture {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .ns-website-image-button img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: top center;\n  }\n\n  \/* Mobile icon means open website *\/\n  .ns-website-expand svg {\n    display: none;\n  }\n\n  .ns-website-expand::after {\n    content: \"\u2197\";\n    color: #ffffff;\n    font-size: 21px;\n    font-weight: 700;\n  }\n\n  .ns-website-expand {\n    right: 10px;\n    bottom: 10px;\n    width: 39px;\n    height: 39px;\n    background: rgba(8,3,5,0.84);\n  }\n\n  .ns-website-information {\n    margin-top: 25px;\n    padding: 0 4px;\n    text-align: center;\n  }\n\n  .ns-project-number {\n    margin-bottom: 14px;\n    font-size: 9px;\n  }\n\n  .ns-project-category {\n    margin-bottom: 9px;\n    font-size: 8px;\n  }\n\n  .ns-website-information h3 {\n    font-size: clamp(29px, 9vw, 39px);\n    line-height: 1.04;\n  }\n\n  .ns-website-information p {\n    max-width: 330px;\n    margin: 15px auto 18px;\n    font-size: 11px;\n    line-height: 1.7;\n  }\n\n  .ns-project-features {\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 21px;\n  }\n\n  .ns-project-features span {\n    min-height: 29px;\n    padding: 0 10px;\n    font-size: 8px;\n  }\n\n  .ns-website-live-button {\n    width: min(100%, 260px);\n    min-height: 51px;\n    font-size: 11px;\n  }\n\n  .ns-websites-arrow {\n    display: none;\n  }\n\n  .ns-websites-thumbnails {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n    padding: 7px;\n    overflow-x: auto;\n  }\n\n  .ns-website-thumbnail {\n    flex: 0 0 82px;\n    display: block;\n    padding: 4px;\n  }\n\n  .ns-thumbnail-index,\n  .ns-thumbnail-name {\n    display: none;\n  }\n\n  .ns-website-thumbnail picture {\n    width: 72px;\n    height: 72px;\n  }\n\n  \/* Lightbox hidden on mobile *\/\n  .ns-websites-lightbox {\n    display: none !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .ns-website-image-button {\n    width: min(100%, 300px);\n    height: 330px;\n  }\n\n  .ns-websites-heading h2 {\n    font-size: 25px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initializeWebsiteShowcase() {\n\n    const section =\n      document.getElementById(\"nsWebsitesSection\");\n\n    const lightbox =\n      document.getElementById(\"nsWebsitesLightbox\");\n\n    if (!section || !lightbox) {\n      return;\n    }\n\n    if (section.dataset.initialized === \"true\") {\n      return;\n    }\n\n    section.dataset.initialized = \"true\";\n\n    const projects = [\n      {\n        desktop:\n          \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/CEG-PC.jpg\"\n      },\n\n      {\n        desktop:\n          \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/W-PC-1.jpg\"\n      },\n\n      {\n        desktop:\n          \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-PC-1.jpg\"\n      }\n    ];\n\n    const formatNumber = function (number) {\n      return String(number).padStart(2, \"0\");\n    };\n\n    const currentNumber =\n      section.querySelector(\".ns-websites-current\");\n\n    const counterProgress =\n      section.querySelector(\".ns-websites-counter-line i\");\n\n    const thumbnails =\n      Array.from(\n        section.querySelectorAll(\".ns-website-thumbnail\")\n      );\n\n    const websitesSwiper = new Swiper(\n      section.querySelector(\".ns-websites-main-slider\"),\n      {\n        slidesPerView: 1,\n        spaceBetween: 40,\n        speed: 850,\n        loop: false,\n        grabCursor: true,\n        autoHeight: true,\n\n        navigation: {\n          nextEl: section.querySelector(\".ns-websites-next\"),\n          prevEl: section.querySelector(\".ns-websites-prev\")\n        },\n\n        autoplay: {\n          delay: 5500,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n\n        on: {\n          init: function () {\n            updateSliderInformation(this.activeIndex);\n          },\n\n          slideChange: function () {\n            updateSliderInformation(this.activeIndex);\n          }\n        }\n      }\n    );\n\n    function updateSliderInformation(index) {\n\n      if (currentNumber) {\n        currentNumber.textContent =\n          formatNumber(index + 1);\n      }\n\n      if (counterProgress) {\n        counterProgress.style.transform =\n          \"translateX(\" + (index * 100) + \"%)\";\n      }\n\n      thumbnails.forEach(function (thumbnail, thumbnailIndex) {\n        thumbnail.classList.toggle(\n          \"is-active\",\n          thumbnailIndex === index\n        );\n      });\n    }\n\n    thumbnails.forEach(function (thumbnail) {\n\n      thumbnail.addEventListener(\"click\", function () {\n\n        websitesSwiper.slideTo(\n          Number(thumbnail.dataset.slide)\n        );\n      });\n    });\n\n    const imageButtons =\n      section.querySelectorAll(\".ns-website-image-button\");\n\n    const lightboxImage =\n      lightbox.querySelector(\".ns-websites-lightbox-image\");\n\n    const lightboxLoader =\n      lightbox.querySelector(\".ns-websites-lightbox-loader\");\n\n    const lightboxClose =\n      lightbox.querySelector(\".ns-websites-lightbox-close\");\n\n    const lightboxOverlay =\n      lightbox.querySelector(\".ns-websites-lightbox-overlay\");\n\n    const lightboxPrevious =\n      lightbox.querySelector(\".ns-websites-lightbox-prev\");\n\n    const lightboxNext =\n      lightbox.querySelector(\".ns-websites-lightbox-next\");\n\n    const lightboxCurrent =\n      lightbox.querySelector(\".ns-websites-lightbox-current\");\n\n    const lightboxThumbnails =\n      Array.from(\n        lightbox.querySelectorAll(\n          \".ns-websites-lightbox-thumbnails button\"\n        )\n      );\n\n    let activeLightboxIndex = 0;\n\n    function updateLightboxThumbnails() {\n\n      lightboxThumbnails.forEach(function (button, index) {\n        button.classList.toggle(\n          \"is-active\",\n          index === activeLightboxIndex\n        );\n      });\n    }\n\n    function loadLightboxImage() {\n\n      lightboxImage.classList.remove(\"is-loaded\");\n      lightboxLoader.classList.remove(\"is-hidden\");\n\n      lightboxCurrent.textContent =\n        formatNumber(activeLightboxIndex + 1);\n\n      updateLightboxThumbnails();\n\n      const imageUrl =\n        projects[activeLightboxIndex].desktop;\n\n      const preloadImage = new Image();\n\n      preloadImage.onload = function () {\n\n        lightboxImage.src = imageUrl;\n\n        requestAnimationFrame(function () {\n          lightboxImage.classList.add(\"is-loaded\");\n          lightboxLoader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preloadImage.src = imageUrl;\n    }\n\n    function openLightbox(index) {\n\n      activeLightboxIndex = index;\n\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n\n      document.body.classList.add(\n        \"ns-websites-lightbox-open\"\n      );\n\n      if (websitesSwiper.autoplay) {\n        websitesSwiper.autoplay.stop();\n      }\n\n      loadLightboxImage();\n    }\n\n    function closeLightbox() {\n\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.classList.remove(\n        \"ns-websites-lightbox-open\"\n      );\n\n      if (websitesSwiper.autoplay) {\n        websitesSwiper.autoplay.start();\n      }\n    }\n\n    function previousLightboxImage() {\n\n      activeLightboxIndex =\n        (\n          activeLightboxIndex - 1 + projects.length\n        ) % projects.length;\n\n      loadLightboxImage();\n    }\n\n    function nextLightboxImage() {\n\n      activeLightboxIndex =\n        (\n          activeLightboxIndex + 1\n        ) % projects.length;\n\n      loadLightboxImage();\n    }\n\n    imageButtons.forEach(function (button) {\n\n      button.addEventListener(\"click\", function () {\n\n        const index =\n          Number(button.dataset.index);\n\n        const websiteUrl =\n          button.dataset.website;\n\n        \/* Mobile: open the live website *\/\n        if (\n          window.matchMedia(\"(max-width: 767px)\").matches\n        ) {\n\n          if (websiteUrl) {\n            window.open(\n              websiteUrl,\n              \"_blank\",\n              \"noopener,noreferrer\"\n            );\n          }\n\n          return;\n        }\n\n        \/* Desktop: open the large image *\/\n        openLightbox(index);\n      });\n    });\n\n    lightboxThumbnails.forEach(function (button) {\n\n      button.addEventListener(\"click\", function () {\n\n        activeLightboxIndex =\n          Number(button.dataset.index);\n\n        loadLightboxImage();\n      });\n    });\n\n    lightboxClose.addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n    lightboxOverlay.addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n    lightboxPrevious.addEventListener(\n      \"click\",\n      previousLightboxImage\n    );\n\n    lightboxNext.addEventListener(\n      \"click\",\n      nextLightboxImage\n    );\n\n    document.addEventListener(\"keydown\", function (event) {\n\n      if (!lightbox.classList.contains(\"is-open\")) {\n        return;\n      }\n\n      if (event.key === \"Escape\") {\n        closeLightbox();\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        previousLightboxImage();\n      }\n\n      if (event.key === \"ArrowRight\") {\n        nextLightboxImage();\n      }\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeWebsiteShowcase\n    );\n\n  } else {\n\n    initializeWebsiteShowcase();\n\n  }\n\n})();\n<\/script>\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 Reels Showcase -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"ns-reels-section\" id=\"nsReelsSection\">\n\n  <div class=\"ns-reels-grid\"><\/div>\n  <div class=\"ns-reels-glow ns-reels-glow-one\"><\/div>\n  <div class=\"ns-reels-glow ns-reels-glow-two\"><\/div>\n\n  <div class=\"ns-reels-container\">\n\n    <div class=\"ns-reels-heading\">\n      <div class=\"ns-reels-label\">\n        <span><\/span>\n        SELECTED REELS\n        <span><\/span>\n      <\/div>\n\n      <h2>Reels & Motion Work<\/h2>\n\n      <p>\n        A selection of short-form visual content created for brands,\n        campaigns and digital storytelling.\n      <\/p>\n    <\/div>\n\n    <div class=\"swiper ns-reels-slider\">\n\n      <div class=\"swiper-wrapper\">\n\n        <!-- UCMAS -->\n        <div class=\"swiper-slide\">\n          <article class=\"ns-reel-card ns-reel-ucmas\">\n\n            <a\n              href=\"https:\/\/www.facebook.com\/reel\/25985695071105587\"\n              class=\"ns-reel-media\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Watch UCMAS reel on Facebook\"\n            >\n              <img decoding=\"async\"\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ucmas.jpg\"\n                alt=\"UCMAS reel by Nader Saied\"\n                loading=\"eager\"\n              >\n\n              <span class=\"ns-reel-overlay\"><\/span>\n\n              <span class=\"ns-reel-number\">01<\/span>\n\n              <span class=\"ns-reel-play\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M8 5v14l11-7z\"\/>\n                <\/svg>\n              <\/span>\n\n              <span class=\"ns-reel-watch\">\n                Watch Reel\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/span>\n            <\/a>\n\n            <div class=\"ns-reel-info\">\n              <span class=\"ns-reel-category\">Educational Campaign<\/span>\n              <h3>UCMAS<\/h3>\n            <\/div>\n\n          <\/article>\n        <\/div>\n\n        <!-- MORIVE 2 -->\n        <div class=\"swiper-slide\">\n          <article class=\"ns-reel-card ns-reel-morive\">\n\n            <a\n              href=\"https:\/\/www.facebook.com\/reel\/1534803144828336\"\n              class=\"ns-reel-media\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Watch MORIVE reel 1 on Facebook\"\n            >\n              <img decoding=\"async\"\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/morive-2.jpg\"\n                alt=\"MORIVE reel by Nader Saied\"\n                loading=\"lazy\"\n              >\n\n              <span class=\"ns-reel-overlay\"><\/span>\n              <span class=\"ns-reel-number\">02<\/span>\n\n              <span class=\"ns-reel-play\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M8 5v14l11-7z\"\/>\n                <\/svg>\n              <\/span>\n\n              <span class=\"ns-reel-watch\">\n                Watch Reel\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/span>\n            <\/a>\n\n            <div class=\"ns-reel-info\">\n              <span class=\"ns-reel-category\">Beauty & Skincare<\/span>\n              <h3>MORIVE Campaign<\/h3>\n            <\/div>\n\n          <\/article>\n        <\/div>\n\n        <!-- MORIVE 1 -->\n        <div class=\"swiper-slide\">\n          <article class=\"ns-reel-card ns-reel-morive\">\n\n            <a\n              href=\"https:\/\/www.facebook.com\/reel\/4690227764546736\"\n              class=\"ns-reel-media\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Watch MORIVE reel 2 on Facebook\"\n            >\n              <img decoding=\"async\"\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/morive-1.jpg\"\n                alt=\"MORIVE reel by Nader Saied\"\n                loading=\"lazy\"\n              >\n\n              <span class=\"ns-reel-overlay\"><\/span>\n              <span class=\"ns-reel-number\">03<\/span>\n\n              <span class=\"ns-reel-play\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M8 5v14l11-7z\"\/>\n                <\/svg>\n              <\/span>\n\n              <span class=\"ns-reel-watch\">\n                Watch Reel\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/span>\n            <\/a>\n\n            <div class=\"ns-reel-info\">\n              <span class=\"ns-reel-category\">Product Storytelling<\/span>\n              <h3>MORIVE Visual Reel<\/h3>\n            <\/div>\n\n          <\/article>\n        <\/div>\n\n        <!-- MORIVE 3 -->\n        <div class=\"swiper-slide\">\n          <article class=\"ns-reel-card ns-reel-morive\">\n\n            <a\n              href=\"https:\/\/www.facebook.com\/reel\/2222365871914291\"\n              class=\"ns-reel-media\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label=\"Watch MORIVE reel 3 on Facebook\"\n            >\n              <img decoding=\"async\"\n                src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/morive-3.jpg\"\n                alt=\"MORIVE reel by Nader Saied\"\n                loading=\"lazy\"\n              >\n\n              <span class=\"ns-reel-overlay\"><\/span>\n              <span class=\"ns-reel-number\">04<\/span>\n\n              <span class=\"ns-reel-play\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M8 5v14l11-7z\"\/>\n                <\/svg>\n              <\/span>\n\n              <span class=\"ns-reel-watch\">\n                Watch Reel\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n                  <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n                <\/svg>\n              <\/span>\n            <\/a>\n\n            <div class=\"ns-reel-info\">\n              <span class=\"ns-reel-category\">Social Media Reel<\/span>\n              <h3>MORIVE Brand Story<\/h3>\n            <\/div>\n\n          <\/article>\n        <\/div>\n\n      <\/div>\n\n      <button type=\"button\" class=\"ns-reels-arrow ns-reels-prev\" aria-label=\"Previous reel\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button type=\"button\" class=\"ns-reels-arrow ns-reels-next\" aria-label=\"Next reel\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <div class=\"ns-reels-bottom\">\n\n      <div class=\"ns-reels-counter\">\n        <strong class=\"ns-reels-current\">01<\/strong>\n        <span><\/span>\n        <small>04<\/small>\n      <\/div>\n\n      <div class=\"ns-reels-pagination\"><\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-reels-section,\n.ns-reels-section * {\n  box-sizing: border-box;\n}\n\n.ns-reels-section {\n  --ns-reels-gold: #f5c85c;\n  --ns-reels-red: #d21f55;\n  --ns-reels-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 88px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 14% 18%, rgba(210,31,85,0.18), transparent 30%),\n    radial-gradient(circle at 88% 82%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-reels-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.18),\n    rgba(245,200,92,0.95),\n    rgba(210,31,85,0.40),\n    transparent\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,0.22),\n    0 0 40px rgba(210,31,85,0.10);\n}\n\n.ns-reels-section::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--ns-reels-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,0.65),\n    0 0 30px rgba(210,31,85,0.20);\n}\n\n.ns-reels-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.16;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.024) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px);\n  background-size: 50px 50px;\n}\n\n.ns-reels-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(18px);\n  pointer-events: none;\n}\n\n.ns-reels-glow-one {\n  top: 70px;\n  left: -130px;\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(210,31,85,0.20), transparent 70%);\n}\n\n.ns-reels-glow-two {\n  right: -150px;\n  bottom: -90px;\n  width: 450px;\n  height: 450px;\n  background: radial-gradient(circle, rgba(245,200,92,0.12), transparent 70%);\n}\n\n.ns-reels-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1450px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n.ns-reels-heading {\n  max-width: 800px;\n  margin: 0 auto 46px;\n  text-align: center;\n}\n\n.ns-reels-label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 15px;\n  color: var(--ns-reels-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.3px;\n}\n\n.ns-reels-label span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,0.75));\n}\n\n.ns-reels-label span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,0.75), transparent);\n}\n\n.ns-reels-heading h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.8vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.8px;\n}\n\n.ns-reels-heading p {\n  max-width: 600px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.58);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Slider *\/\n.ns-reels-slider {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 12px 6px 30px;\n}\n\n.ns-reels-slider .swiper-slide {\n  height: auto;\n}\n\n.ns-reel-card {\n  height: 100%;\n}\n\n.ns-reel-media {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 9 \/ 16;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 24px;\n  background: #16070b;\n  box-shadow:\n    0 28px 70px rgba(0,0,0,0.42),\n    0 0 0 1px rgba(255,255,255,0.02);\n  text-decoration: none !important;\n  transition:\n    transform 0.4s ease,\n    border-color 0.35s ease,\n    box-shadow 0.4s ease;\n}\n\n.ns-reel-media:hover {\n  transform: translateY(-8px);\n  border-color: rgba(245,200,92,0.60);\n  box-shadow:\n    0 38px 90px rgba(0,0,0,0.55),\n    0 0 38px rgba(210,31,85,0.12);\n}\n\n.ns-reel-media img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition:\n    transform 0.7s ease,\n    filter 0.4s ease;\n}\n\n.ns-reel-media:hover img {\n  transform: scale(1.045);\n  filter: brightness(0.84);\n}\n\n.ns-reel-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,0.02) 38%, rgba(4,1,2,0.82) 100%);\n  pointer-events: none;\n}\n\n.ns-reel-number {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 44px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,0.22);\n  border-radius: 40px;\n  background: rgba(8,3,5,0.62);\n  color: rgba(255,255,255,0.90);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.ns-reel-play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 74px;\n  height: 74px;\n  border: 1px solid rgba(245,200,92,0.60);\n  border-radius: 50%;\n  background: rgba(9,3,5,0.64);\n  transform: translate(-50%, -50%);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 0.35s ease,\n    background 0.35s ease;\n}\n\n.ns-reel-play::before {\n  content: \"\";\n  position: absolute;\n  inset: -8px;\n  border: 1px solid rgba(245,200,92,0.18);\n  border-radius: 50%;\n}\n\n.ns-reel-play svg {\n  width: 27px;\n  height: 27px;\n  margin-left: 4px;\n  fill: var(--ns-reels-gold);\n}\n\n.ns-reel-media:hover .ns-reel-play {\n  transform: translate(-50%, -50%) scale(1.08);\n  background: var(--ns-reels-gold);\n}\n\n.ns-reel-media:hover .ns-reel-play svg {\n  fill: #18070c;\n}\n\n.ns-reel-watch {\n  position: absolute;\n  right: 16px;\n  bottom: 16px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n\n.ns-reel-watch svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--ns-reels-gold);\n}\n\n.ns-reel-info {\n  padding: 18px 4px 0;\n  text-align: left;\n}\n\n.ns-reel-category {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--ns-reels-gold);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.ns-reel-info h3 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 25px;\n  font-weight: 600;\n  line-height: 1.1;\n}\n\n\/* Arrows *\/\n.ns-reels-arrow {\n  position: absolute;\n  top: 44%;\n  z-index: 20;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,0.38);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.ns-reels-prev {\n  left: 14px;\n}\n\n.ns-reels-next {\n  right: 14px;\n}\n\n.ns-reels-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n}\n\n.ns-reels-arrow:hover {\n  background: var(--ns-reels-gold);\n}\n\n.ns-reels-arrow:hover svg {\n  fill: #18070c;\n}\n\n\/* Bottom *\/\n.ns-reels-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 20px;\n}\n\n.ns-reels-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.ns-reels-counter strong {\n  color: var(--ns-reels-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.ns-reels-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,0.30);\n}\n\n.ns-reels-counter small {\n  color: rgba(255,255,255,0.52);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.ns-reels-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.ns-reels-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.32);\n  opacity: 1;\n  transition:\n    width 0.3s ease,\n    background 0.3s ease;\n}\n\n.ns-reels-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--ns-reels-red), var(--ns-reels-gold));\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .ns-reels-section {\n    padding: 80px 30px 72px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n\n  .ns-reels-section {\n    padding: 58px 15px 60px;\n  }\n\n  .ns-reels-heading {\n    margin-bottom: 28px;\n  }\n\n  .ns-reels-label {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.7px;\n    white-space: nowrap;\n  }\n\n  .ns-reels-label span {\n    width: 18px;\n  }\n\n  .ns-reels-heading h2 {\n    font-size: clamp(26px, 8vw, 34px);\n    line-height: 1.1;\n    letter-spacing: -1.2px;\n    white-space: nowrap;\n  }\n\n  .ns-reels-heading p {\n    max-width: 315px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.6;\n  }\n\n  .ns-reels-slider {\n    padding: 6px 0 22px;\n  }\n\n  .ns-reel-media {\n    border-radius: 18px;\n  }\n\n  .ns-reel-play {\n    width: 64px;\n    height: 64px;\n  }\n\n  .ns-reel-play svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .ns-reel-info {\n    padding-top: 14px;\n    text-align: center;\n  }\n\n  .ns-reel-category {\n    font-size: 8px;\n  }\n\n  .ns-reel-info h3 {\n    font-size: 21px;\n  }\n\n  .ns-reels-arrow {\n    display: none;\n  }\n\n  .ns-reels-bottom {\n    gap: 16px;\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 390px) {\n  .ns-reels-heading h2 {\n    font-size: 24px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-reels-section * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initializeReelsShowcase() {\n\n    const section = document.getElementById(\"nsReelsSection\");\n\n    if (!section) return;\n    if (section.dataset.initialized === \"true\") return;\n\n    section.dataset.initialized = \"true\";\n\n    const currentNumber =\n      section.querySelector(\".ns-reels-current\");\n\n    const formatNumber = function (number) {\n      return String(number).padStart(2, \"0\");\n    };\n\n    new Swiper(\n      section.querySelector(\".ns-reels-slider\"),\n      {\n        slidesPerView: 1.12,\n        spaceBetween: 18,\n        speed: 780,\n        loop: false,\n        grabCursor: true,\n\n        keyboard: {\n          enabled: true,\n          onlyInViewport: true\n        },\n\n        navigation: {\n          nextEl: section.querySelector(\".ns-reels-next\"),\n          prevEl: section.querySelector(\".ns-reels-prev\")\n        },\n\n        pagination: {\n          el: section.querySelector(\".ns-reels-pagination\"),\n          clickable: true\n        },\n\n        autoplay: {\n          delay: 4200,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n\n        breakpoints: {\n          560: {\n            slidesPerView: 1.7,\n            spaceBetween: 20\n          },\n\n          768: {\n            slidesPerView: 2.4,\n            spaceBetween: 24\n          },\n\n          1100: {\n            slidesPerView: 3.2,\n            spaceBetween: 28\n          },\n\n          1450: {\n            slidesPerView: 4,\n            spaceBetween: 28\n          }\n        },\n\n        on: {\n          init: function () {\n            if (currentNumber) {\n              currentNumber.textContent =\n                formatNumber(this.activeIndex + 1);\n            }\n          },\n\n          slideChange: function () {\n            if (currentNumber) {\n              currentNumber.textContent =\n                formatNumber(this.activeIndex + 1);\n            }\n          }\n        }\n      }\n    );\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeReelsShowcase\n    );\n  } else {\n    initializeReelsShowcase();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-763ff91 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=\"763ff91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0584867 elementor-widget elementor-widget-html\" data-id=\"0584867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MORIVE Brand Showcase -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"morive-showcase\" id=\"moriveShowcase\">\n  <div class=\"morive-bg-grid\"><\/div>\n  <div class=\"morive-orb morive-orb-one\"><\/div>\n  <div class=\"morive-orb morive-orb-two\"><\/div>\n\n  <div class=\"morive-container\">\n\n    <header class=\"morive-heading\">\n      <img decoding=\"async\" class=\"morive-logo\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-12-2026-09_31_36-PM.png\" alt=\"MORIVE logo\">\n\n      <div class=\"morive-kicker\">\n        <span><\/span>\n        FEATURED BRAND PROJECT\n        <span><\/span>\n      <\/div>\n\n      <h2>MORIVE Brand Showcase<\/h2>\n\n      <p>\n        A curated collection of social media visuals, product campaigns and\n        branded creative work developed for MORIVE.\n      <\/p>\n    <\/header>\n\n    <div class=\"swiper morive-main-swiper\">\n      <div class=\"swiper-wrapper\">\n        \n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"0\" aria-label=\"Open MORIVE design 1\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M1.jpg\" alt=\"MORIVE design 1 by Nader Saied\" loading='eager' \/>\n            <span class=\"morive-card-number\">01<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"1\" aria-label=\"Open MORIVE design 2\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M2.jpg\" alt=\"MORIVE design 2 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">02<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"2\" aria-label=\"Open MORIVE design 3\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M3.jpg\" alt=\"MORIVE design 3 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">03<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"3\" aria-label=\"Open MORIVE design 4\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M4.jpg\" alt=\"MORIVE design 4 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">04<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"4\" aria-label=\"Open MORIVE design 5\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M5.jpg\" alt=\"MORIVE design 5 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">05<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"5\" aria-label=\"Open MORIVE design 6\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M6.jpg\" alt=\"MORIVE design 6 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">06<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"6\" aria-label=\"Open MORIVE design 7\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M7.jpg\" alt=\"MORIVE design 7 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">07<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"7\" aria-label=\"Open MORIVE design 8\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M8.jpg\" alt=\"MORIVE design 8 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">08<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"8\" aria-label=\"Open MORIVE design 9\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M9.jpg\" alt=\"MORIVE design 9 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">09<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"9\" aria-label=\"Open MORIVE design 10\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"MORIVE design 10 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">10<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"10\" aria-label=\"Open MORIVE design 11\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"MORIVE design 11 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">11<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"11\" aria-label=\"Open MORIVE design 12\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"MORIVE design 12 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">12<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <button class=\"morive-card\" type=\"button\" data-index=\"12\" aria-label=\"Open MORIVE design 13\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"MORIVE design 13 by Nader Saied\" loading='lazy' \/>\n            <span class=\"morive-card-number\">13<\/span>\n            <span class=\"morive-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <button class=\"morive-main-arrow morive-prev\" type=\"button\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n      <\/button>\n\n      <button class=\"morive-main-arrow morive-next\" type=\"button\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"morive-thumbs-wrap\">\n      <div class=\"swiper morive-thumbs-swiper\">\n        <div class=\"swiper-wrapper\">\n          \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M1.jpg\" alt=\"MORIVE thumbnail 1\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M2.jpg\" alt=\"MORIVE thumbnail 2\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M3.jpg\" alt=\"MORIVE thumbnail 3\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M4.jpg\" alt=\"MORIVE thumbnail 4\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M5.jpg\" alt=\"MORIVE thumbnail 5\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M6.jpg\" alt=\"MORIVE thumbnail 6\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M7.jpg\" alt=\"MORIVE thumbnail 7\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M8.jpg\" alt=\"MORIVE thumbnail 8\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M9.jpg\" alt=\"MORIVE thumbnail 9\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"MORIVE thumbnail 10\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"MORIVE thumbnail 11\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"MORIVE thumbnail 12\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"MORIVE thumbnail 13\">\n        <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"morive-bottom\">\n      <div class=\"morive-counter\">\n        <strong class=\"morive-current\">01<\/strong>\n        <span><\/span>\n        <small>13<\/small>\n      <\/div>\n\n      <div class=\"morive-pagination\"><\/div>\n    <\/div>\n\n    <div class=\"morive-cta-wrap\">\n      <a href=\"https:\/\/nadersaied.com\/morivie\/\" class=\"morive-cta\" aria-label=\"View full MORIVE project\">\n        <span>View Full MORIVE Project<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"morive-lightbox\" id=\"moriveLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"MORIVE fullscreen gallery\">\n  <div class=\"morive-lightbox-overlay\"><\/div>\n\n  <button class=\"morive-lightbox-close\" type=\"button\" aria-label=\"Close fullscreen view\">\u00d7<\/button>\n\n  <button class=\"morive-lightbox-arrow morive-lightbox-prev\" type=\"button\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"morive-lightbox-stage\">\n    <div class=\"morive-loader\"><\/div>\n    <img decoding=\"async\" class=\"morive-lightbox-image\" src=\"\" alt=\"MORIVE fullscreen design\">\n  <\/div>\n\n  <button class=\"morive-lightbox-arrow morive-lightbox-next\" type=\"button\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"morive-lightbox-bottom\">\n    <div class=\"morive-lightbox-counter\">\n      <strong class=\"morive-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>13<\/small>\n    <\/div>\n\n    <div class=\"morive-lightbox-thumbs\">\n      \n        <button type=\"button\" data-index=\"0\" aria-label=\"Open MORIVE image 1\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M1.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"1\" aria-label=\"Open MORIVE image 2\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M2.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"2\" aria-label=\"Open MORIVE image 3\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M3.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"3\" aria-label=\"Open MORIVE image 4\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M4.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"4\" aria-label=\"Open MORIVE image 5\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M5.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"5\" aria-label=\"Open MORIVE image 6\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M6.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"6\" aria-label=\"Open MORIVE image 7\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M7.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"7\" aria-label=\"Open MORIVE image 8\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M8.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"8\" aria-label=\"Open MORIVE image 9\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M9.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"9\" aria-label=\"Open MORIVE image 10\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"10\" aria-label=\"Open MORIVE image 11\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"11\" aria-label=\"Open MORIVE image 12\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"\">\n        <\/button>\n        <button type=\"button\" data-index=\"12\" aria-label=\"Open MORIVE image 13\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"\">\n        <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.morive-showcase,\n.morive-showcase *,\n.morive-lightbox,\n.morive-lightbox * {\n  box-sizing: border-box;\n}\n\n.morive-showcase {\n  --morive-rose: #e89ab8;\n  --morive-rose-dark: #f2b4cb;\n  --morive-blue: #a8d7e8;\n  --morive-cream: #fff8f5;\n  --morive-ink: #ffffff;\n  --morive-gold: #f5c85c;\n  --morive-red: #d21f55;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 96px 5% 86px;\n  border-top: 1px solid rgba(255,255,255,0.18);\n  background:\n    radial-gradient(circle at 15% 20%, rgba(210,31,85,0.18), transparent 30%),\n    radial-gradient(circle at 88% 80%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #ffffff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.morive-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(90deg, transparent, rgba(217,138,169,.28), rgba(217,138,169,.95), rgba(168,215,232,.60), transparent);\n  box-shadow: 0 0 22px rgba(217,138,169,.24);\n}\n\n.morive-showcase::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--morive-rose);\n  background: #fff;\n  box-shadow: 0 0 18px rgba(217,138,169,.55);\n}\n\n.morive-bg-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .22;\n  background-image:\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\n  background-size: 48px 48px;\n}\n\n.morive-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.morive-orb-one {\n  top: 80px;\n  left: -130px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(210,31,85,.20), transparent 70%);\n}\n\n.morive-orb-two {\n  right: -150px;\n  bottom: -100px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.morive-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.morive-heading {\n  max-width: 820px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.morive-logo {\n  display: block;\n  width: 118px;\n  height: 118px;\n  margin: 0 auto 18px;\n  object-fit: contain;\n  filter: drop-shadow(0 12px 24px rgba(138,68,100,.18));\n}\n\n.morive-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 15px;\n  color: var(--morive-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n}\n\n.morive-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(217,138,169,.85));\n}\n\n.morive-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(168,215,232,.95), transparent);\n}\n\n.morive-heading h2 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  width: 100%;\n  font-size: clamp(42px, 5.2vw, 72px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.4px;\n  color: #ffffff;\n  white-space: nowrap;\n}\n\n.morive-heading p {\n  max-width: 620px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.morive-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 14px 7px 30px;\n}\n\n.morive-main-swiper .swiper-slide {\n  height: auto;\n}\n\n.morive-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(217,138,169,.28);\n  border-radius: 23px;\n  background: rgba(255,255,255,.035);\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.38),\n    0 0 0 1px rgba(255,255,255,.03);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: transform .4s ease, border-color .3s ease, box-shadow .4s ease;\n}\n\n.morive-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(217,138,169,.70);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,.52),\n    0 0 36px rgba(168,215,232,.20);\n}\n\n.morive-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n\n.morive-card:hover img {\n  transform: scale(1.035);\n}\n\n.morive-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 43px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,.68);\n  border-radius: 40px;\n  background: rgba(58,38,50,.52);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.morive-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(255,255,255,.75);\n  border-radius: 50%;\n  background: rgba(217,138,169,.78);\n  color: #fff;\n  font-size: 21px;\n  font-weight: 700;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.morive-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(217,138,169,.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,.80);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.morive-prev { left: 18px; }\n.morive-next { right: 18px; }\n\n.morive-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #ffffff;\n}\n\n.morive-main-arrow:hover {\n  background: var(--morive-rose);\n}\n\n.morive-main-arrow:hover svg {\n  fill: #fff;\n}\n\n.morive-thumbs-wrap {\n  width: min(100%, 1080px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(217,138,169,.20);\n  border-radius: 17px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n}\n\n.morive-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.morive-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  opacity: .46;\n  cursor: pointer;\n  transition: opacity .3s ease, border-color .3s ease, transform .3s ease;\n}\n\n.morive-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--morive-rose);\n  opacity: 1;\n  transform: scale(.96);\n}\n\n.morive-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.morive-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 24px;\n}\n\n.morive-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.morive-counter strong {\n  color: var(--morive-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.morive-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,.30);\n}\n\n.morive-counter small {\n  color: rgba(255,255,255,.55);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.morive-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.morive-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,.32);\n  opacity: 1;\n  transition: width .3s ease, background .3s ease;\n}\n\n.morive-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--morive-rose), var(--morive-blue));\n}\n\n.morive-cta-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n}\n\n.morive-cta {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 285px;\n  min-height: 57px;\n  padding: 0 27px;\n  border: 1px solid rgba(255,255,255,.78);\n  border-radius: 12px;\n  background: linear-gradient(135deg, var(--morive-rose), #b96788);\n  box-shadow: 0 16px 38px rgba(185,103,136,.24);\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n\n.morive-cta:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 22px 48px rgba(185,103,136,.34);\n}\n\n.morive-cta svg {\n  width: 21px;\n  height: 21px;\n  fill: #fff;\n}\n\n\/* Fullscreen *\/\n.morive-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.morive-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.morive-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(217,138,169,.18), transparent 46%),\n    rgba(24,14,20,.97);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n}\n\n.morive-lightbox-close {\n  position: fixed !important;\n  top: max(14px, env(safe-area-inset-top)) !important;\n  right: max(14px, env(safe-area-inset-right)) !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 54px !important;\n  height: 54px !important;\n  min-width: 54px !important;\n  min-height: 54px !important;\n  padding: 0 !important;\n  border: 2px solid #fff !important;\n  border-radius: 50% !important;\n  background: #1a1015 !important;\n  color: #fff !important;\n  font-family: Arial, sans-serif !important;\n  font-size: 36px !important;\n  font-weight: 300 !important;\n  line-height: 1 !important;\n  cursor: pointer !important;\n  pointer-events: auto !important;\n  touch-action: manipulation !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  box-shadow: 0 12px 38px rgba(0,0,0,.55) !important;\n}\n\n.morive-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1320px);\n  height: calc(100vh - 190px);\n  padding: 16px;\n}\n\n.morive-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 9px;\n  box-shadow: 0 40px 120px rgba(0,0,0,.70);\n  opacity: 0;\n  transform: scale(.96);\n  transition: opacity .3s ease, transform .4s ease;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.morive-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.morive-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,.15);\n  border-top-color: var(--morive-rose);\n  border-radius: 50%;\n  animation: moriveSpin .8s linear infinite;\n}\n\n.morive-loader.is-hidden {\n  display: none;\n}\n\n.morive-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(217,138,169,.76);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.morive-lightbox-prev { left: 24px; }\n.morive-lightbox-next { right: 24px; }\n\n.morive-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #fff;\n}\n\n.morive-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(20,12,17,.98), rgba(20,12,17,.18));\n}\n\n.morive-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.morive-lightbox-counter strong {\n  color: #f3b9d0;\n  font-size: 17px;\n}\n\n.morive-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,.28);\n}\n\n.morive-lightbox-counter small {\n  color: rgba(255,255,255,.54);\n  font-size: 11px;\n}\n\n.morive-lightbox-thumbs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 860px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.morive-lightbox-thumbs button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: .42;\n  cursor: pointer;\n}\n\n.morive-lightbox-thumbs button.is-active {\n  border-color: #f3b9d0;\n  opacity: 1;\n}\n\n.morive-lightbox-thumbs img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.morive-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none !important;\n}\n\n@keyframes moriveSpin {\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 767px) {\n  .morive-showcase {\n    padding: 58px 15px 60px;\n  }\n\n  .morive-logo {\n    width: 92px;\n    height: 92px;\n    margin-bottom: 14px;\n  }\n\n  .morive-heading {\n    margin-bottom: 26px;\n  }\n\n  .morive-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n    white-space: nowrap;\n  }\n\n  .morive-kicker span {\n    width: 18px;\n  }\n\n  .morive-heading h2 {\n    width: 100%;\n    font-size: clamp(23px, 6.7vw, 31px);\n    line-height: 1.08;\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .morive-heading p {\n    max-width: 315px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.6;\n  }\n\n  .morive-main-swiper {\n    padding: 7px 0 23px;\n  }\n\n  .morive-card {\n    border-radius: 17px;\n  }\n\n  .morive-main-arrow {\n    display: none;\n  }\n\n  .morive-thumbs-wrap {\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  .morive-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .morive-cta-wrap {\n    margin-top: 27px;\n  }\n\n  .morive-cta {\n    width: min(100%, 310px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    font-size: 12px;\n  }\n\n  .morive-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    min-width: 50px !important;\n    min-height: 50px !important;\n    font-size: 33px !important;\n  }\n\n  .morive-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(68px + env(safe-area-inset-top))\n      7px\n      calc(112px + env(safe-area-inset-bottom));\n  }\n\n  .morive-lightbox-arrow {\n    top: auto;\n    bottom: calc(84px + env(safe-area-inset-bottom));\n    width: 45px;\n    height: 45px;\n    transform: none;\n  }\n\n  .morive-lightbox-prev { left: 11px; }\n  .morive-lightbox-next { right: 11px; }\n\n  .morive-lightbox-thumbs button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n@media (max-width: 390px) {\n  .morive-heading h2 {\n    font-size: 22px;\n    letter-spacing: -0.8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .morive-showcase *,\n  .morive-lightbox * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n\/* FINAL HOMEPAGE THEME ALIGNMENT *\/\n.morive-showcase {\n  border-top: 1px solid rgba(255,255,255,0.06) !important;\n}\n\n.morive-heading h2 {\n  white-space: nowrap !important;\n}\n\n.morive-logo {\n  filter:\n    drop-shadow(0 14px 28px rgba(0,0,0,.28))\n    drop-shadow(0 0 18px rgba(232,154,184,.12));\n}\n\n@media (max-width: 767px) {\n  .morive-showcase {\n    padding-top: 62px;\n  }\n\n  .morive-heading h2 {\n    font-size: clamp(22px, 6.5vw, 30px) !important;\n    letter-spacing: -0.9px !important;\n    white-space: nowrap !important;\n  }\n}\n\n@media (max-width: 360px) {\n  .morive-heading h2 {\n    font-size: 21px !important;\n  }\n}\n\n\n\/* =========================================================\n   FINAL MORIVE LOGO + GOLD SECTION SEPARATOR\n   ========================================================= *\/\n\n\/* Make the new MORIVE logo clearly visible *\/\n.morive-logo {\n  width: clamp(240px, 24vw, 390px) !important;\n  height: auto !important;\n  max-height: 190px !important;\n  margin: 0 auto 24px !important;\n  object-fit: contain !important;\n  object-position: center !important;\n  filter:\n    drop-shadow(0 12px 24px rgba(0,0,0,.28))\n    drop-shadow(0 0 22px rgba(232,154,184,.20)) !important;\n}\n\n\/* Gold separator matching the rest of the website *\/\n.morive-showcase {\n  border-top: 0 !important;\n}\n\n.morive-showcase::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  z-index: 50 !important;\n  width: min(86%, 1150px) !important;\n  height: 2px !important;\n  transform: translateX(-50%) !important;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,.06) 12%,\n    rgba(245,200,92,.42) 30%,\n    #f5c85c 50%,\n    rgba(245,200,92,.42) 70%,\n    rgba(255,255,255,.06) 88%,\n    transparent 100%\n  ) !important;\n  box-shadow:\n    0 0 14px rgba(245,200,92,.42),\n    0 0 34px rgba(245,200,92,.18) !important;\n}\n\n.morive-showcase::after {\n  content: \"\" !important;\n  position: absolute !important;\n  top: -8px !important;\n  left: 50% !important;\n  z-index: 51 !important;\n  width: 16px !important;\n  height: 16px !important;\n  transform: translateX(-50%) rotate(45deg) !important;\n  border: 2px solid #f5c85c !important;\n  background: #16070c !important;\n  box-shadow:\n    0 0 14px rgba(245,200,92,.72),\n    0 0 28px rgba(245,200,92,.30) !important;\n}\n\n\/* Keep enough breathing room below the larger logo *\/\n.morive-heading {\n  margin-bottom: 42px !important;\n}\n\n@media (max-width: 767px) {\n  .morive-logo {\n    width: min(78vw, 300px) !important;\n    height: auto !important;\n    max-height: 150px !important;\n    margin-bottom: 20px !important;\n  }\n\n  .morive-heading {\n    margin-bottom: 28px !important;\n  }\n\n  .morive-showcase::before {\n    width: 88% !important;\n  }\n}\n\n@media (max-width: 430px) {\n  .morive-logo {\n    width: min(82vw, 280px) !important;\n    max-height: 140px !important;\n  }\n}\n\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n  function initMoriveShowcase() {\n    const section = document.getElementById(\"moriveShowcase\");\n    const lightbox = document.getElementById(\"moriveLightbox\");\n\n    if (!section || !lightbox) return;\n    if (section.dataset.initialized === \"true\") return;\n\n    section.dataset.initialized = \"true\";\n\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = ['https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M1.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M2.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M3.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M4.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M5.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M6.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M7.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M8.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M9.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg', 'https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg'];\n    const formatNumber = number => String(number).padStart(2, \"0\");\n    const current = section.querySelector(\".morive-current\");\n\n    const thumbsSwiper = new Swiper(\n      section.querySelector(\".morive-thumbs-swiper\"),\n      {\n        slidesPerView: 5,\n        spaceBetween: 7,\n        watchSlidesProgress: true,\n        freeMode: true,\n        breakpoints: {\n          480: { slidesPerView: 6, spaceBetween: 8 },\n          768: { slidesPerView: 9, spaceBetween: 9 },\n          1100: { slidesPerView: 13, spaceBetween: 10 }\n        }\n      }\n    );\n\n    const mainSwiper = new Swiper(\n      section.querySelector(\".morive-main-swiper\"),\n      {\n        slidesPerView: 1,\n        spaceBetween: 18,\n        speed: 780,\n        loop: false,\n        grabCursor: true,\n        thumbs: { swiper: thumbsSwiper },\n        navigation: {\n          nextEl: section.querySelector(\".morive-next\"),\n          prevEl: section.querySelector(\".morive-prev\")\n        },\n        pagination: {\n          el: section.querySelector(\".morive-pagination\"),\n          clickable: true\n        },\n        autoplay: {\n          delay: 3600,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n        breakpoints: {\n          540: { slidesPerView: 1.35, spaceBetween: 20 },\n          768: { slidesPerView: 2.15, spaceBetween: 23 },\n          1100: { slidesPerView: 3, spaceBetween: 27 }\n        },\n        on: {\n          init: function () {\n            if (current) current.textContent = formatNumber(this.activeIndex + 1);\n          },\n          slideChange: function () {\n            if (current) current.textContent = formatNumber(this.activeIndex + 1);\n          }\n        }\n      }\n    );\n\n    const cards = section.querySelectorAll(\".morive-card\");\n    const lightboxImage = lightbox.querySelector(\".morive-lightbox-image\");\n    const loader = lightbox.querySelector(\".morive-loader\");\n    const closeButton = lightbox.querySelector(\".morive-lightbox-close\");\n    const overlay = lightbox.querySelector(\".morive-lightbox-overlay\");\n    const prevButton = lightbox.querySelector(\".morive-lightbox-prev\");\n    const nextButton = lightbox.querySelector(\".morive-lightbox-next\");\n    const lightboxCurrent = lightbox.querySelector(\".morive-lightbox-current\");\n    const lightboxThumbs = Array.from(lightbox.querySelectorAll(\".morive-lightbox-thumbs button\"));\n\n    let activeIndex = 0;\n    let touchStartX = 0;\n\n    function updateLightboxThumbs() {\n      lightboxThumbs.forEach((button, index) => {\n        button.classList.toggle(\"is-active\", index === activeIndex);\n      });\n\n      const activeThumb = lightboxThumbs[activeIndex];\n      if (activeThumb) {\n        activeThumb.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadImage() {\n      lightboxImage.classList.remove(\"is-loaded\");\n      loader.classList.remove(\"is-hidden\");\n      lightboxCurrent.textContent = formatNumber(activeIndex + 1);\n      updateLightboxThumbs();\n\n      const preload = new Image();\n\n      preload.onload = function () {\n        lightboxImage.src = images[activeIndex];\n\n        requestAnimationFrame(function () {\n          lightboxImage.classList.add(\"is-loaded\");\n          loader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preload.onerror = function () {\n        loader.classList.add(\"is-hidden\");\n      };\n\n      preload.src = images[activeIndex];\n    }\n\n    function openLightbox(index) {\n      activeIndex = index;\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n\n      document.body.classList.add(\"morive-lightbox-open\");\n      document.body.style.overflow = \"hidden\";\n      document.documentElement.style.overflow = \"hidden\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.stop();\n\n      loadImage();\n\n      setTimeout(function () {\n        closeButton.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.classList.remove(\"morive-lightbox-open\");\n      document.body.style.overflow = \"\";\n      document.documentElement.style.overflow = \"\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.start();\n\n      setTimeout(function () {\n        lightboxImage.src = \"\";\n        lightboxImage.classList.remove(\"is-loaded\");\n      }, 300);\n    }\n\n    function prevImage() {\n      activeIndex = (activeIndex - 1 + images.length) % images.length;\n      loadImage();\n    }\n\n    function nextImage() {\n      activeIndex = (activeIndex + 1) % images.length;\n      loadImage();\n    }\n\n    cards.forEach(card => {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lightboxThumbs.forEach(button => {\n      button.addEventListener(\"click\", function () {\n        activeIndex = Number(button.dataset.index);\n        loadImage();\n      });\n    });\n\n    closeButton.addEventListener(\"pointerdown\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    closeButton.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    overlay.addEventListener(\"click\", closeLightbox);\n    prevButton.addEventListener(\"click\", prevImage);\n    nextButton.addEventListener(\"click\", nextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") prevImage();\n      if (event.key === \"ArrowRight\") nextImage();\n    });\n\n    lightboxImage.addEventListener(\"touchstart\", function (event) {\n      touchStartX = event.changedTouches[0].clientX;\n    }, { passive: true });\n\n    lightboxImage.addEventListener(\"touchend\", function (event) {\n      const touchEndX = event.changedTouches[0].clientX;\n      const distance = touchEndX - touchStartX;\n\n      if (Math.abs(distance) < 45) return;\n\n      if (distance > 0) prevImage();\n      else nextImage();\n    }, { passive: true });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initMoriveShowcase);\n  } else {\n    initMoriveShowcase();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c07fc95 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=\"c07fc95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af36e45 elementor-widget elementor-widget-html\" data-id=\"af36e45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Amira Abdelaziz Showcase Slider -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"amira-showcase\" id=\"amiraShowcase\">\n  <div class=\"amira-bg-grid\"><\/div>\n  <div class=\"amira-orb amira-orb-one\"><\/div>\n  <div class=\"amira-orb amira-orb-two\"><\/div>\n\n  <div class=\"amira-container\">\n\n    <header class=\"amira-heading\">\n      <div class=\"amira-kicker\">\n        <span><\/span>\n        FEATURED MEDIA PROJECT\n        <span><\/span>\n      <\/div>\n\n      <h2>Amira Abdelaziz<\/h2>\n\n      <p>\n        A selected collection of media visuals, personal branding designs and\n        digital campaign artwork created for TV presenter Amira Abdelaziz.\n      <\/p>\n    <\/header>\n\n    <div class=\"swiper amira-main-swiper\">\n      <div class=\"swiper-wrapper\">\n        \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"0\" aria-label=\"Open Amira Abdelaziz design 1\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-1.jpg\" alt=\"Amira Abdelaziz design 1 by Nader Saied\" loading=\"eager\">\n            <span class=\"amira-card-number\">01<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"1\" aria-label=\"Open Amira Abdelaziz design 2\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-2.jpg\" alt=\"Amira Abdelaziz design 2 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">02<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"2\" aria-label=\"Open Amira Abdelaziz design 3\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3.jpg\" alt=\"Amira Abdelaziz design 3 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">03<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"3\" aria-label=\"Open Amira Abdelaziz design 4\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3-1.jpg\" alt=\"Amira Abdelaziz design 4 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">04<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"4\" aria-label=\"Open Amira Abdelaziz design 5\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-4.jpg\" alt=\"Amira Abdelaziz design 5 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">05<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"5\" aria-label=\"Open Amira Abdelaziz design 6\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-5.jpg\" alt=\"Amira Abdelaziz design 6 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">06<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"6\" aria-label=\"Open Amira Abdelaziz design 7\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-6.jpg\" alt=\"Amira Abdelaziz design 7 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">07<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"amira-card\" type=\"button\" data-index=\"7\" aria-label=\"Open Amira Abdelaziz design 8\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-7.jpg\" alt=\"Amira Abdelaziz design 8 by Nader Saied\" loading=\"lazy\">\n            <span class=\"amira-card-number\">08<\/span>\n            <span class=\"amira-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n      <\/div>\n\n      <button class=\"amira-main-arrow amira-prev\" type=\"button\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button class=\"amira-main-arrow amira-next\" type=\"button\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"amira-thumbs-wrap\">\n      <div class=\"swiper amira-thumbs-swiper\">\n        <div class=\"swiper-wrapper\">\n          \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-1.jpg\" alt=\"Amira Abdelaziz thumbnail 1\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-2.jpg\" alt=\"Amira Abdelaziz thumbnail 2\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3.jpg\" alt=\"Amira Abdelaziz thumbnail 3\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3-1.jpg\" alt=\"Amira Abdelaziz thumbnail 4\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-4.jpg\" alt=\"Amira Abdelaziz thumbnail 5\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-5.jpg\" alt=\"Amira Abdelaziz thumbnail 6\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-6.jpg\" alt=\"Amira Abdelaziz thumbnail 7\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-7.jpg\" alt=\"Amira Abdelaziz thumbnail 8\">\n        <\/div>\n    \n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"amira-bottom\">\n      <div class=\"amira-counter\">\n        <strong class=\"amira-current\">01<\/strong>\n        <span><\/span>\n        <small>08<\/small>\n      <\/div>\n\n      <div class=\"amira-pagination\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"amira-lightbox\" id=\"amiraLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Amira Abdelaziz fullscreen gallery\">\n  <div class=\"amira-lightbox-overlay\"><\/div>\n\n  <button class=\"amira-lightbox-close\" type=\"button\" aria-label=\"Close fullscreen view\">\u00d7<\/button>\n\n  <button class=\"amira-lightbox-arrow amira-lightbox-prev\" type=\"button\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"amira-lightbox-stage\">\n    <div class=\"amira-loader\"><\/div>\n    <img decoding=\"async\" class=\"amira-lightbox-image\" src=\"\" alt=\"Amira Abdelaziz fullscreen design\">\n  <\/div>\n\n  <button class=\"amira-lightbox-arrow amira-lightbox-next\" type=\"button\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"amira-lightbox-bottom\">\n    <div class=\"amira-lightbox-counter\">\n      <strong class=\"amira-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>08<\/small>\n    <\/div>\n\n    <div class=\"amira-lightbox-thumbs\">\n      \n        <button type=\"button\" data-index=\"0\" aria-label=\"Open Amira Abdelaziz image 1\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-1.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"1\" aria-label=\"Open Amira Abdelaziz image 2\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-2.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"2\" aria-label=\"Open Amira Abdelaziz image 3\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"3\" aria-label=\"Open Amira Abdelaziz image 4\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3-1.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"4\" aria-label=\"Open Amira Abdelaziz image 5\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-4.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"5\" aria-label=\"Open Amira Abdelaziz image 6\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-5.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"6\" aria-label=\"Open Amira Abdelaziz image 7\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-6.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"7\" aria-label=\"Open Amira Abdelaziz image 8\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-7.jpg\" alt=\"\">\n        <\/button>\n    \n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.amira-showcase,\n.amira-showcase *,\n.amira-lightbox,\n.amira-lightbox * {\n  box-sizing: border-box;\n}\n\n.amira-showcase {\n  --amira-gold: #f5c85c;\n  --amira-burgundy: #8f173a;\n  --amira-red: #d21f55;\n  --amira-cream: #fff7ee;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 82px;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(210,31,85,.16), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(245,200,92,.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #350814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* Golden separator matching the website *\/\n.amira-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 50;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,.06) 12%,\n    rgba(245,200,92,.42) 30%,\n    #f5c85c 50%,\n    rgba(245,200,92,.42) 70%,\n    rgba(255,255,255,.06) 88%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 14px rgba(245,200,92,.42),\n    0 0 34px rgba(245,200,92,.18);\n}\n\n.amira-showcase::after {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  z-index: 51;\n  width: 16px;\n  height: 16px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid #f5c85c;\n  background: #16070c;\n  box-shadow:\n    0 0 14px rgba(245,200,92,.72),\n    0 0 28px rgba(245,200,92,.30);\n}\n\n.amira-bg-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .20;\n  background-image:\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: 48px 48px;\n}\n\n.amira-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.amira-orb-one {\n  top: 70px;\n  left: -130px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(210,31,85,.20), transparent 70%);\n}\n\n.amira-orb-two {\n  right: -150px;\n  bottom: -100px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.amira-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.amira-heading {\n  max-width: 840px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.amira-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 14px;\n  color: var(--amira-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n  white-space: nowrap;\n}\n\n.amira-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.90));\n}\n\n.amira-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,.90), transparent);\n}\n\n.amira-heading h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.4vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.4px;\n  white-space: nowrap;\n}\n\n.amira-heading p {\n  max-width: 660px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.amira-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 14px 7px 30px;\n}\n\n.amira-main-swiper .swiper-slide {\n  height: auto;\n}\n\n.amira-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.24);\n  border-radius: 23px;\n  background: rgba(255,255,255,.035);\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.38),\n    0 0 0 1px rgba(255,255,255,.03);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: transform .4s ease, border-color .3s ease, box-shadow .4s ease;\n}\n\n.amira-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,.70);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,.52),\n    0 0 36px rgba(210,31,85,.18);\n}\n\n.amira-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n\n.amira-card:hover img {\n  transform: scale(1.035);\n}\n\n.amira-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 43px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,.62);\n  border-radius: 40px;\n  background: rgba(20,7,12,.58);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.amira-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--amira-gold), #b8862f);\n  color: #16070c;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.amira-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n  backdrop-filter: blur(14px);\n}\n\n.amira-prev { left: 18px; }\n.amira-next { right: 18px; }\n\n.amira-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n}\n\n.amira-main-arrow:hover {\n  background: var(--amira-gold);\n}\n\n.amira-main-arrow:hover svg {\n  fill: #16070c;\n}\n\n.amira-thumbs-wrap {\n  width: min(100%, 900px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(245,200,92,.18);\n  border-radius: 17px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  backdrop-filter: blur(16px);\n}\n\n.amira-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.amira-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  opacity: .46;\n  cursor: pointer;\n  transition: opacity .3s ease, border-color .3s ease, transform .3s ease;\n}\n\n.amira-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--amira-gold);\n  opacity: 1;\n  transform: scale(.96);\n}\n\n.amira-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.amira-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 24px;\n}\n\n.amira-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.amira-counter strong {\n  color: var(--amira-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.amira-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,.30);\n}\n\n.amira-counter small {\n  color: rgba(255,255,255,.55);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.amira-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.amira-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,.30);\n  opacity: 1;\n  transition: width .3s ease, background .3s ease;\n}\n\n.amira-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--amira-gold), var(--amira-red));\n}\n\n\/* Fullscreen *\/\n.amira-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.amira-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.amira-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(210,31,85,.15), transparent 46%),\n    rgba(18,8,12,.97);\n  backdrop-filter: blur(18px);\n}\n\n.amira-lightbox-close {\n  position: fixed !important;\n  top: max(14px, env(safe-area-inset-top)) !important;\n  right: max(14px, env(safe-area-inset-right)) !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 54px !important;\n  height: 54px !important;\n  padding: 0 !important;\n  border: 2px solid #fff !important;\n  border-radius: 50% !important;\n  background: #1a1015 !important;\n  color: #fff !important;\n  font: 300 36px\/1 Arial, sans-serif !important;\n  cursor: pointer !important;\n  box-shadow: 0 12px 38px rgba(0,0,0,.55) !important;\n}\n\n.amira-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1320px);\n  height: calc(100vh - 190px);\n  padding: 16px;\n}\n\n.amira-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 9px;\n  box-shadow: 0 40px 120px rgba(0,0,0,.70);\n  opacity: 0;\n  transform: scale(.96);\n  transition: opacity .3s ease, transform .4s ease;\n  user-select: none;\n}\n\n.amira-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.amira-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,.15);\n  border-top-color: var(--amira-gold);\n  border-radius: 50%;\n  animation: amiraSpin .8s linear infinite;\n}\n\n.amira-loader.is-hidden {\n  display: none;\n}\n\n.amira-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(245,200,92,.78);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.amira-lightbox-prev { left: 24px; }\n.amira-lightbox-next { right: 24px; }\n\n.amira-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #16070c;\n}\n\n.amira-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(20,12,17,.98), rgba(20,12,17,.18));\n}\n\n.amira-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.amira-lightbox-counter strong {\n  color: var(--amira-gold);\n  font-size: 17px;\n}\n\n.amira-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,.28);\n}\n\n.amira-lightbox-counter small {\n  color: rgba(255,255,255,.54);\n  font-size: 11px;\n}\n\n.amira-lightbox-thumbs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 720px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.amira-lightbox-thumbs button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: .42;\n  cursor: pointer;\n}\n\n.amira-lightbox-thumbs button.is-active {\n  border-color: var(--amira-gold);\n  opacity: 1;\n}\n\n.amira-lightbox-thumbs img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.amira-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none !important;\n}\n\n@keyframes amiraSpin {\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 767px) {\n  .amira-showcase {\n    padding: 60px 15px 60px;\n  }\n\n  .amira-heading {\n    margin-bottom: 27px;\n  }\n\n  .amira-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n  }\n\n  .amira-kicker span {\n    width: 18px;\n  }\n\n  .amira-heading h2 {\n    font-size: clamp(28px, 8vw, 40px);\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .amira-heading p {\n    max-width: 320px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.65;\n  }\n\n  .amira-main-swiper {\n    padding: 7px 0 23px;\n  }\n\n  .amira-card {\n    border-radius: 17px;\n  }\n\n  .amira-main-arrow {\n    display: none;\n  }\n\n  .amira-thumbs-wrap {\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  .amira-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .amira-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    font-size: 33px !important;\n  }\n\n  .amira-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(68px + env(safe-area-inset-top))\n      7px\n      calc(112px + env(safe-area-inset-bottom));\n  }\n\n  .amira-lightbox-arrow {\n    top: auto;\n    bottom: calc(84px + env(safe-area-inset-bottom));\n    width: 45px;\n    height: 45px;\n    transform: none;\n  }\n\n  .amira-lightbox-prev { left: 11px; }\n  .amira-lightbox-next { right: 11px; }\n\n  .amira-lightbox-thumbs button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n@media (max-width: 390px) {\n  .amira-heading h2 {\n    font-size: 27px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .amira-showcase *,\n  .amira-lightbox * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n  function initAmiraShowcase() {\n    const section = document.getElementById(\"amiraShowcase\");\n    const lightbox = document.getElementById(\"amiraLightbox\");\n\n    if (!section || !lightbox || section.dataset.initialized === \"true\") return;\n    section.dataset.initialized = \"true\";\n\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-1.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-2.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-3-1.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-4.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-5.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-6.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/A-7.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n    const current = section.querySelector(\".amira-current\");\n\n    const thumbsSwiper = new Swiper(section.querySelector(\".amira-thumbs-swiper\"), {\n      slidesPerView: 5,\n      spaceBetween: 7,\n      watchSlidesProgress: true,\n      freeMode: true,\n      breakpoints: {\n        480: { slidesPerView: 6, spaceBetween: 8 },\n        768: { slidesPerView: 8, spaceBetween: 9 }\n      }\n    });\n\n    const mainSwiper = new Swiper(section.querySelector(\".amira-main-swiper\"), {\n      slidesPerView: 1,\n      spaceBetween: 18,\n      speed: 780,\n      loop: false,\n      grabCursor: true,\n      thumbs: { swiper: thumbsSwiper },\n      navigation: {\n        nextEl: section.querySelector(\".amira-next\"),\n        prevEl: section.querySelector(\".amira-prev\")\n      },\n      pagination: {\n        el: section.querySelector(\".amira-pagination\"),\n        clickable: true\n      },\n      autoplay: {\n        delay: 3600,\n        disableOnInteraction: false,\n        pauseOnMouseEnter: true\n      },\n      breakpoints: {\n        540: { slidesPerView: 1.35, spaceBetween: 20 },\n        768: { slidesPerView: 2.15, spaceBetween: 23 },\n        1100: { slidesPerView: 3, spaceBetween: 27 }\n      },\n      on: {\n        init: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        },\n        slideChange: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        }\n      }\n    });\n\n    const cards = section.querySelectorAll(\".amira-card\");\n    const image = lightbox.querySelector(\".amira-lightbox-image\");\n    const loader = lightbox.querySelector(\".amira-loader\");\n    const closeBtn = lightbox.querySelector(\".amira-lightbox-close\");\n    const overlay = lightbox.querySelector(\".amira-lightbox-overlay\");\n    const prevBtn = lightbox.querySelector(\".amira-lightbox-prev\");\n    const nextBtn = lightbox.querySelector(\".amira-lightbox-next\");\n    const lbCurrent = lightbox.querySelector(\".amira-lightbox-current\");\n    const lbThumbs = Array.from(lightbox.querySelectorAll(\".amira-lightbox-thumbs button\"));\n\n    let activeIndex = 0;\n    let touchStartX = 0;\n\n    function updateThumbs() {\n      lbThumbs.forEach((button, index) => {\n        button.classList.toggle(\"is-active\", index === activeIndex);\n      });\n\n      const activeThumb = lbThumbs[activeIndex];\n      if (activeThumb) {\n        activeThumb.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadImage() {\n      image.classList.remove(\"is-loaded\");\n      loader.classList.remove(\"is-hidden\");\n      lbCurrent.textContent = formatNumber(activeIndex + 1);\n      updateThumbs();\n\n      const preload = new Image();\n\n      preload.onload = function () {\n        image.src = images[activeIndex];\n\n        requestAnimationFrame(function () {\n          image.classList.add(\"is-loaded\");\n          loader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preload.onerror = function () {\n        loader.classList.add(\"is-hidden\");\n      };\n\n      preload.src = images[activeIndex];\n    }\n\n    function openLightbox(index) {\n      activeIndex = index;\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"amira-lightbox-open\");\n      document.documentElement.style.overflow = \"hidden\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.stop();\n\n      loadImage();\n\n      setTimeout(function () {\n        closeBtn.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"amira-lightbox-open\");\n      document.documentElement.style.overflow = \"\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.start();\n\n      setTimeout(function () {\n        image.src = \"\";\n        image.classList.remove(\"is-loaded\");\n      }, 300);\n    }\n\n    function prevImage() {\n      activeIndex = (activeIndex - 1 + images.length) % images.length;\n      loadImage();\n    }\n\n    function nextImage() {\n      activeIndex = (activeIndex + 1) % images.length;\n      loadImage();\n    }\n\n    cards.forEach(card => {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lbThumbs.forEach(button => {\n      button.addEventListener(\"click\", function () {\n        activeIndex = Number(button.dataset.index);\n        loadImage();\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", closeLightbox);\n    closeBtn.addEventListener(\"pointerdown\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    overlay.addEventListener(\"click\", closeLightbox);\n    prevBtn.addEventListener(\"click\", prevImage);\n    nextBtn.addEventListener(\"click\", nextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") prevImage();\n      if (event.key === \"ArrowRight\") nextImage();\n    });\n\n    image.addEventListener(\"touchstart\", function (event) {\n      touchStartX = event.changedTouches[0].clientX;\n    }, { passive: true });\n\n    image.addEventListener(\"touchend\", function (event) {\n      const touchEndX = event.changedTouches[0].clientX;\n      const distance = touchEndX - touchStartX;\n\n      if (Math.abs(distance) < 45) return;\n      if (distance > 0) prevImage();\n      else nextImage();\n    }, { passive: true });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initAmiraShowcase);\n  } else {\n    initAmiraShowcase();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91a0402 elementor-widget elementor-widget-html\" data-id=\"91a0402\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CEG Showcase Slider -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"ceg-showcase\" id=\"cegShowcase\">\n  <div class=\"ceg-bg-grid\"><\/div>\n  <div class=\"ceg-orb ceg-orb-one\"><\/div>\n  <div class=\"ceg-orb ceg-orb-two\"><\/div>\n\n  <div class=\"ceg-container\">\n\n    <header class=\"ceg-heading\">\n      <img decoding=\"async\" class=\"ceg-logo\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\" alt=\"CEG Contracting &amp; Agencies logo\">\n\n      <div class=\"ceg-kicker\">\n        <span><\/span>\n        FEATURED CORPORATE PROJECT\n        <span><\/span>\n      <\/div>\n\n      <h2>CEG<\/h2>\n\n      <p>\n        A selected collection of corporate identity visuals, contracting campaigns and social media designs created for CEG.\n      <\/p>\n    <\/header>\n\n    <div class=\"swiper ceg-main-swiper\">\n      <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"0\" aria-label=\"Open CEG design 1\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"CEG design 1 by Nader Saied\" loading=\"eager\">\n            <span class=\"ceg-card-number\">01<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"1\" aria-label=\"Open CEG design 2\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"CEG design 2 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">02<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"2\" aria-label=\"Open CEG design 3\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\" alt=\"CEG design 3 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">03<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"3\" aria-label=\"Open CEG design 4\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\" alt=\"CEG design 4 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">04<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"4\" aria-label=\"Open CEG design 5\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\" alt=\"CEG design 5 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">05<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"5\" aria-label=\"Open CEG design 6\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\" alt=\"CEG design 6 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">06<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"6\" aria-label=\"Open CEG design 7\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\" alt=\"CEG design 7 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">07<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"7\" aria-label=\"Open CEG design 8\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\" alt=\"CEG design 8 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">08<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"8\" aria-label=\"Open CEG design 9\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\" alt=\"CEG design 9 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">09<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"9\" aria-label=\"Open CEG design 10\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\" alt=\"CEG design 10 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">10<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"10\" aria-label=\"Open CEG design 11\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\" alt=\"CEG design 11 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">11<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"ceg-card\" type=\"button\" data-index=\"11\" aria-label=\"Open CEG design 12\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\" alt=\"CEG design 12 by Nader Saied\" loading=\"lazy\">\n            <span class=\"ceg-card-number\">12<\/span>\n            <span class=\"ceg-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n      <\/div>\n\n      <button class=\"ceg-main-arrow ceg-prev\" type=\"button\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n      <\/button>\n\n      <button class=\"ceg-main-arrow ceg-next\" type=\"button\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"ceg-thumbs-wrap\">\n      <div class=\"swiper ceg-thumbs-swiper\">\n        <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"CEG thumbnail 1\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"CEG thumbnail 2\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\" alt=\"CEG thumbnail 3\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\" alt=\"CEG thumbnail 4\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\" alt=\"CEG thumbnail 5\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\" alt=\"CEG thumbnail 6\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\" alt=\"CEG thumbnail 7\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\" alt=\"CEG thumbnail 8\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\" alt=\"CEG thumbnail 9\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\" alt=\"CEG thumbnail 10\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\" alt=\"CEG thumbnail 11\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\" alt=\"CEG thumbnail 12\">\n        <\/div>\n    \n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ceg-bottom\">\n      <div class=\"ceg-counter\">\n        <strong class=\"ceg-current\">01<\/strong>\n        <span><\/span>\n        <small>12<\/small>\n      <\/div>\n\n      <div class=\"ceg-pagination\"><\/div>\n    <\/div>\n\n    <div class=\"ceg-cta-wrap\">\n      <a href=\"https:\/\/nadersaied.com\/ceg\/\" class=\"ceg-cta\">\n        <span>View Full CEG Project<\/span>\n        <svg viewBox=\"0 0 24 24\"><path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"ceg-lightbox\" id=\"cegLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"CEG fullscreen gallery\">\n  <div class=\"ceg-lightbox-overlay\"><\/div>\n\n  <button class=\"ceg-lightbox-close\" type=\"button\" aria-label=\"Close fullscreen view\">\u00d7<\/button>\n\n  <button class=\"ceg-lightbox-arrow ceg-lightbox-prev\" type=\"button\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"ceg-lightbox-stage\">\n    <div class=\"ceg-loader\"><\/div>\n    <img decoding=\"async\" class=\"ceg-lightbox-image\" src=\"\" alt=\"CEG fullscreen design\">\n  <\/div>\n\n  <button class=\"ceg-lightbox-arrow ceg-lightbox-next\" type=\"button\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"ceg-lightbox-bottom\">\n    <div class=\"ceg-lightbox-counter\">\n      <strong class=\"ceg-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>12<\/small>\n    <\/div>\n\n    <div class=\"ceg-lightbox-thumbs\">\n\n        <button type=\"button\" data-index=\"0\" aria-label=\"Open CEG image 1\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"1\" aria-label=\"Open CEG image 2\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"2\" aria-label=\"Open CEG image 3\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"3\" aria-label=\"Open CEG image 4\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"4\" aria-label=\"Open CEG image 5\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"5\" aria-label=\"Open CEG image 6\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"6\" aria-label=\"Open CEG image 7\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"7\" aria-label=\"Open CEG image 8\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"8\" aria-label=\"Open CEG image 9\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"9\" aria-label=\"Open CEG image 10\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"10\" aria-label=\"Open CEG image 11\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"11\" aria-label=\"Open CEG image 12\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\" alt=\"\">\n        <\/button>\n    \n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.ceg-showcase,\n.ceg-showcase *,\n.ceg-lightbox,\n.ceg-lightbox * {\n  box-sizing: border-box;\n}\n\n.ceg-showcase {\n  --ceg-gold: #d7b85a;\n  --ceg-red: #28b878;\n  --ceg-dark-red: #0b6f4d;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 82px;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(38,185,124,.16), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(245,200,92,.10), transparent 28%),\n    linear-gradient(135deg, #020806 0%, #061a15 43%, #082f25 72%, #020806 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ceg-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 50;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.42), #f5c85c, rgba(245,200,92,.42), transparent);\n  box-shadow: 0 0 14px rgba(245,200,92,.42), 0 0 34px rgba(245,200,92,.18);\n}\n\n.ceg-showcase::after {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  z-index: 51;\n  width: 16px;\n  height: 16px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid #f5c85c;\n  background: #04130e;\n  box-shadow: 0 0 14px rgba(245,200,92,.72), 0 0 28px rgba(245,200,92,.30);\n}\n\n.ceg-bg-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .20;\n  background-image:\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: 48px 48px;\n}\n\n.ceg-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.ceg-orb-one {\n  top: 70px;\n  left: -130px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(38,185,124,.20), transparent 70%);\n}\n\n.ceg-orb-two {\n  right: -150px;\n  bottom: -100px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.ceg-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.ceg-heading {\n  max-width: 840px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.ceg-logo {\n  display: block;\n  width: clamp(150px, 14vw, 220px);\n  height: auto;\n  max-height: 170px;\n  margin: 0 auto 22px;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 18px 32px rgba(0,0,0,.38))\n    drop-shadow(0 0 24px rgba(40,184,120,.10));\n}\n\n.ceg-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 14px;\n  color: var(--ceg-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n  white-space: nowrap;\n}\n\n.ceg-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.90));\n}\n\n.ceg-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,.90), transparent);\n}\n\n.ceg-heading h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.4vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.4px;\n  white-space: nowrap;\n}\n\n.ceg-heading p {\n  max-width: 660px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.ceg-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 14px 7px 30px;\n}\n\n.ceg-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.24);\n  border-radius: 23px;\n  background: rgba(255,255,255,.035);\n  box-shadow: 0 25px 60px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.03);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: transform .4s ease, border-color .3s ease, box-shadow .4s ease;\n}\n\n.ceg-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,.70);\n  box-shadow: 0 34px 80px rgba(0,0,0,.52), 0 0 36px rgba(38,185,124,.18);\n}\n\n.ceg-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n\n.ceg-card:hover img {\n  transform: scale(1.035);\n}\n\n.ceg-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 43px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,.62);\n  border-radius: 40px;\n  background: rgba(4,24,17,.62);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.ceg-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--ceg-gold), #b8862f);\n  color: #04130e;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.ceg-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n  backdrop-filter: blur(14px);\n}\n\n.ceg-prev { left: 18px; }\n.ceg-next { right: 18px; }\n\n.ceg-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n}\n\n.ceg-main-arrow:hover {\n  background: var(--ceg-gold);\n}\n\n.ceg-main-arrow:hover svg {\n  fill: #04130e;\n}\n\n.ceg-thumbs-wrap {\n  width: min(100%, 980px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(245,200,92,.18);\n  border-radius: 17px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  backdrop-filter: blur(16px);\n}\n\n.ceg-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.ceg-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  opacity: .46;\n  cursor: pointer;\n  transition: opacity .3s ease, border-color .3s ease, transform .3s ease;\n}\n\n.ceg-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--ceg-gold);\n  opacity: 1;\n  transform: scale(.96);\n}\n\n.ceg-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.ceg-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 24px;\n}\n\n.ceg-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.ceg-counter strong {\n  color: var(--ceg-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.ceg-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,.30);\n}\n\n.ceg-counter small {\n  color: rgba(255,255,255,.55);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.ceg-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.ceg-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,.30);\n  opacity: 1;\n}\n\n.ceg-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--ceg-gold), var(--ceg-red));\n}\n\n.ceg-cta-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n}\n\n.ceg-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 300px;\n  min-height: 57px;\n  padding: 0 27px;\n  border: 1px solid rgba(245,200,92,.68);\n  border-radius: 12px;\n  background: linear-gradient(135deg, #28b878, #07533a);\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  box-shadow: 0 16px 38px rgba(38,185,124,.24);\n  transition: transform .3s ease;\n}\n\n.ceg-cta:hover {\n  transform: translateY(-4px);\n}\n\n.ceg-cta svg {\n  width: 21px;\n  height: 21px;\n  fill: #fff;\n}\n\n\/* Fullscreen *\/\n.ceg-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.ceg-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.ceg-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, rgba(38,185,124,.15), transparent 46%), rgba(2,15,11,.97);\n  backdrop-filter: blur(18px);\n}\n\n.ceg-lightbox-close {\n  position: fixed !important;\n  top: max(14px, env(safe-area-inset-top)) !important;\n  right: max(14px, env(safe-area-inset-right)) !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 54px !important;\n  height: 54px !important;\n  padding: 0 !important;\n  border: 2px solid #fff !important;\n  border-radius: 50% !important;\n  background: #07150f !important;\n  color: #fff !important;\n  font: 300 36px\/1 Arial, sans-serif !important;\n  cursor: pointer !important;\n  box-shadow: 0 12px 38px rgba(0,0,0,.55) !important;\n}\n\n.ceg-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1320px);\n  height: calc(100vh - 190px);\n  padding: 16px;\n}\n\n.ceg-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 9px;\n  box-shadow: 0 40px 120px rgba(0,0,0,.70);\n  opacity: 0;\n  transform: scale(.96);\n  transition: opacity .3s ease, transform .4s ease;\n}\n\n.ceg-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.ceg-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,.15);\n  border-top-color: var(--ceg-gold);\n  border-radius: 50%;\n  animation: cegSpin .8s linear infinite;\n}\n\n.ceg-loader.is-hidden {\n  display: none;\n}\n\n.ceg-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(245,200,92,.78);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.ceg-lightbox-prev { left: 24px; }\n.ceg-lightbox-next { right: 24px; }\n\n.ceg-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #04130e;\n}\n\n.ceg-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(3,20,14,.98), rgba(3,20,14,.18));\n}\n\n.ceg-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.ceg-lightbox-counter strong {\n  color: var(--ceg-gold);\n  font-size: 17px;\n}\n\n.ceg-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,.28);\n}\n\n.ceg-lightbox-counter small {\n  color: rgba(255,255,255,.54);\n  font-size: 11px;\n}\n\n.ceg-lightbox-thumbs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 760px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.ceg-lightbox-thumbs button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: .42;\n  cursor: pointer;\n}\n\n.ceg-lightbox-thumbs button.is-active {\n  border-color: var(--ceg-gold);\n  opacity: 1;\n}\n\n.ceg-lightbox-thumbs img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.ceg-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none !important;\n}\n\n@keyframes cegSpin {\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 767px) {\n  .ceg-showcase {\n    padding: 60px 15px 60px;\n  }\n\n  .ceg-logo {\n    width: min(58vw, 180px);\n    height: auto;\n    max-height: 135px;\n    margin-bottom: 18px;\n    object-fit: contain;\n  }\n\n.ceg-heading {\n    margin-bottom: 27px;\n  }\n\n  .ceg-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n  }\n\n  .ceg-kicker span {\n    width: 18px;\n  }\n\n  .ceg-heading h2 {\n    font-size: clamp(29px, 8vw, 40px);\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .ceg-heading p {\n    max-width: 320px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.65;\n  }\n\n  .ceg-main-swiper {\n    padding: 7px 0 23px;\n  }\n\n  .ceg-card {\n    border-radius: 17px;\n  }\n\n  .ceg-main-arrow {\n    display: none;\n  }\n\n  .ceg-thumbs-wrap {\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  .ceg-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .ceg-cta {\n    width: min(100%, 320px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    font-size: 12px;\n  }\n\n  .ceg-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    font-size: 33px !important;\n  }\n\n  .ceg-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(68px + env(safe-area-inset-top))\n      7px\n      calc(112px + env(safe-area-inset-bottom));\n  }\n\n  .ceg-lightbox-arrow {\n    top: auto;\n    bottom: calc(84px + env(safe-area-inset-bottom));\n    width: 45px;\n    height: 45px;\n    transform: none;\n  }\n\n  .ceg-lightbox-prev { left: 11px; }\n  .ceg-lightbox-next { right: 11px; }\n\n  .ceg-lightbox-thumbs button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n@media (max-width: 390px) {\n  .ceg-heading h2 {\n    font-size: 27px;\n  }\n}\n<\/style>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n  function initCEGShowcase() {\n    const section = document.getElementById(\"cegShowcase\");\n    const lightbox = document.getElementById(\"cegLightbox\");\n\n    if (!section || !lightbox || section.dataset.initialized === \"true\") return;\n    section.dataset.initialized = \"true\";\n\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-1.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-2.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-3.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-4.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-5.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-6.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-7.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-8.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-9.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/C-10.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n    const current = section.querySelector(\".ceg-current\");\n\n    const thumbsSwiper = new Swiper(section.querySelector(\".ceg-thumbs-swiper\"), {\n      slidesPerView: 5,\n      spaceBetween: 7,\n      watchSlidesProgress: true,\n      freeMode: true,\n      breakpoints: {\n        480: { slidesPerView: 6, spaceBetween: 8 },\n        768: { slidesPerView: 9, spaceBetween: 9 }\n      }\n    });\n\n    const mainSwiper = new Swiper(section.querySelector(\".ceg-main-swiper\"), {\n      slidesPerView: 1,\n      spaceBetween: 18,\n      speed: 780,\n      grabCursor: true,\n      thumbs: { swiper: thumbsSwiper },\n      navigation: {\n        nextEl: section.querySelector(\".ceg-next\"),\n        prevEl: section.querySelector(\".ceg-prev\")\n      },\n      pagination: {\n        el: section.querySelector(\".ceg-pagination\"),\n        clickable: true\n      },\n      autoplay: {\n        delay: 3600,\n        disableOnInteraction: false,\n        pauseOnMouseEnter: true\n      },\n      breakpoints: {\n        540: { slidesPerView: 1.35, spaceBetween: 20 },\n        768: { slidesPerView: 2.15, spaceBetween: 23 },\n        1100: { slidesPerView: 3, spaceBetween: 27 }\n      },\n      on: {\n        init: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        },\n        slideChange: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        }\n      }\n    });\n\n    const cards = section.querySelectorAll(\".ceg-card\");\n    const image = lightbox.querySelector(\".ceg-lightbox-image\");\n    const loader = lightbox.querySelector(\".ceg-loader\");\n    const closeBtn = lightbox.querySelector(\".ceg-lightbox-close\");\n    const overlay = lightbox.querySelector(\".ceg-lightbox-overlay\");\n    const prevBtn = lightbox.querySelector(\".ceg-lightbox-prev\");\n    const nextBtn = lightbox.querySelector(\".ceg-lightbox-next\");\n    const lbCurrent = lightbox.querySelector(\".ceg-lightbox-current\");\n    const lbThumbs = Array.from(lightbox.querySelectorAll(\".ceg-lightbox-thumbs button\"));\n\n    let activeIndex = 0;\n    let touchStartX = 0;\n\n    function updateThumbs() {\n      lbThumbs.forEach((button, index) => {\n        button.classList.toggle(\"is-active\", index === activeIndex);\n      });\n    }\n\n    function loadImage() {\n      image.classList.remove(\"is-loaded\");\n      loader.classList.remove(\"is-hidden\");\n      lbCurrent.textContent = formatNumber(activeIndex + 1);\n      updateThumbs();\n\n      const preload = new Image();\n      preload.onload = function () {\n        image.src = images[activeIndex];\n        requestAnimationFrame(function () {\n          image.classList.add(\"is-loaded\");\n          loader.classList.add(\"is-hidden\");\n        });\n      };\n      preload.onerror = function () {\n        loader.classList.add(\"is-hidden\");\n      };\n      preload.src = images[activeIndex];\n    }\n\n    function openLightbox(index) {\n      activeIndex = index;\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"ceg-lightbox-open\");\n      document.documentElement.style.overflow = \"hidden\";\n      if (mainSwiper.autoplay) mainSwiper.autoplay.stop();\n      loadImage();\n      setTimeout(function () { closeBtn.focus(); }, 100);\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"ceg-lightbox-open\");\n      document.documentElement.style.overflow = \"\";\n      if (mainSwiper.autoplay) mainSwiper.autoplay.start();\n      setTimeout(function () {\n        image.src = \"\";\n        image.classList.remove(\"is-loaded\");\n      }, 300);\n    }\n\n    function prevImage() {\n      activeIndex = (activeIndex - 1 + images.length) % images.length;\n      loadImage();\n    }\n\n    function nextImage() {\n      activeIndex = (activeIndex + 1) % images.length;\n      loadImage();\n    }\n\n    cards.forEach(card => {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lbThumbs.forEach(button => {\n      button.addEventListener(\"click\", function () {\n        activeIndex = Number(button.dataset.index);\n        loadImage();\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", closeLightbox);\n    closeBtn.addEventListener(\"pointerdown\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    overlay.addEventListener(\"click\", closeLightbox);\n    prevBtn.addEventListener(\"click\", prevImage);\n    nextBtn.addEventListener(\"click\", nextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (!lightbox.classList.contains(\"is-open\")) return;\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") prevImage();\n      if (event.key === \"ArrowRight\") nextImage();\n    });\n\n    image.addEventListener(\"touchstart\", function (event) {\n      touchStartX = event.changedTouches[0].clientX;\n    }, { passive: true });\n\n    image.addEventListener(\"touchend\", function (event) {\n      const touchEndX = event.changedTouches[0].clientX;\n      const distance = touchEndX - touchStartX;\n      if (Math.abs(distance) < 45) return;\n      if (distance > 0) prevImage();\n      else nextImage();\n    }, { passive: true });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initCEGShowcase);\n  } else {\n    initCEGShowcase();\n  }\n})();\n<\/script>\n<style>\n\/* =========================================================\n   CEG BACKGROUND COLOR ONLY\n   Black + Burgundy + Gold Theme\n========================================================= *\/\n\n.ceg-showcase {\n  background:\n    radial-gradient(\n      circle at 14% 18%,\n      rgba(118, 16, 45, 0.22),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 88% 78%,\n      rgba(245, 200, 92, 0.11),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #050505 0%,\n      #0d0508 40%,\n      #260610 72%,\n      #050505 100%\n    ) !important;\n}\n\n\/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u0641\u0627\u0635\u0644 \u0627\u0644\u0639\u0644\u0648\u064a *\/\n.ceg-showcase::after {\n  background: #120509 !important;\n}\n\n\/* \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0625\u0644\u0649 \u0646\u0628\u064a\u062a\u064a *\/\n.ceg-orb-one {\n  background:\n    radial-gradient(\n      circle,\n      rgba(123, 17, 49, 0.26),\n      transparent 70%\n    ) !important;\n}\n\n\/* \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 *\/\n.ceg-orb-two {\n  background:\n    radial-gradient(\n      circle,\n      rgba(245, 200, 92, 0.12),\n      transparent 70%\n    ) !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf53067 elementor-widget elementor-widget-html\" data-id=\"cf53067\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- El Nasr Store Showcase Slider -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"nasr-showcase\" id=\"nasrShowcase\">\n  <div class=\"nasr-bg-grid\"><\/div>\n  <div class=\"nasr-orb nasr-orb-one\"><\/div>\n  <div class=\"nasr-orb nasr-orb-two\"><\/div>\n\n  <div class=\"nasr-container\">\n\n    <header class=\"nasr-heading\">\n      <img decoding=\"async\" class=\"nasr-logo\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-final-Circel-copy.png\" alt=\"El Nasr Store logo\">\n\n      <div class=\"nasr-kicker\">\n        <span><\/span>\n        FEATURED RETAIL PROJECT\n        <span><\/span>\n      <\/div>\n\n      <h2>El Nasr Store<\/h2>\n\n      <p>\n        A selected collection of technology product campaigns, retail visuals\n        and social media designs created for El Nasr Store.\n      <\/p>\n    <\/header>\n\n    <div class=\"swiper nasr-main-swiper\">\n      <div class=\"swiper-wrapper\">\n        \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"0\" aria-label=\"Open El Nasr Store design 1\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"El Nasr Store design 1 by Nader Saied\" loading=\"eager\">\n            <span class=\"nasr-card-number\">01<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"1\" aria-label=\"Open El Nasr Store design 2\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc-copy.jpg\" alt=\"El Nasr Store design 2 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">02<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"2\" aria-label=\"Open El Nasr Store design 3\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-1-copy.jpg\" alt=\"El Nasr Store design 3 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">03<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"3\" aria-label=\"Open El Nasr Store design 4\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-11.jpg\" alt=\"El Nasr Store design 4 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">04<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"4\" aria-label=\"Open El Nasr Store design 5\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc27-copy.jpg\" alt=\"El Nasr Store design 5 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">05<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"5\" aria-label=\"Open El Nasr Store design 6\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/AORUS-copy.jpg\" alt=\"El Nasr Store design 6 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">06<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"6\" aria-label=\"Open El Nasr Store design 7\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-4-copy.jpg\" alt=\"El Nasr Store design 7 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">07<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"7\" aria-label=\"Open El Nasr Store design 8\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RedDragon-Mic-copy.jpg\" alt=\"El Nasr Store design 8 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">08<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <button class=\"nasr-card\" type=\"button\" data-index=\"8\" aria-label=\"Open El Nasr Store design 9\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/SAMSUNG-32-r590-copy.jpg\" alt=\"El Nasr Store design 9 by Nader Saied\" loading=\"lazy\">\n            <span class=\"nasr-card-number\">09<\/span>\n            <span class=\"nasr-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n          <\/button>\n        <\/div>\n    \n      <\/div>\n\n      <button class=\"nasr-main-arrow nasr-prev\" type=\"button\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n      <\/button>\n\n      <button class=\"nasr-main-arrow nasr-next\" type=\"button\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"nasr-thumbs-wrap\">\n      <div class=\"swiper nasr-thumbs-swiper\">\n        <div class=\"swiper-wrapper\">\n          \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"El Nasr Store thumbnail 1\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc-copy.jpg\" alt=\"El Nasr Store thumbnail 2\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-1-copy.jpg\" alt=\"El Nasr Store thumbnail 3\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-11.jpg\" alt=\"El Nasr Store thumbnail 4\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc27-copy.jpg\" alt=\"El Nasr Store thumbnail 5\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/AORUS-copy.jpg\" alt=\"El Nasr Store thumbnail 6\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-4-copy.jpg\" alt=\"El Nasr Store thumbnail 7\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RedDragon-Mic-copy.jpg\" alt=\"El Nasr Store thumbnail 8\">\n        <\/div>\n    \n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/SAMSUNG-32-r590-copy.jpg\" alt=\"El Nasr Store thumbnail 9\">\n        <\/div>\n    \n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nasr-bottom\">\n      <div class=\"nasr-counter\">\n        <strong class=\"nasr-current\">01<\/strong>\n        <span><\/span>\n        <small>09<\/small>\n      <\/div>\n\n      <div class=\"nasr-pagination\"><\/div>\n    <\/div>\n\n    <div class=\"nasr-cta-wrap\">\n      <a href=\"https:\/\/nadersaied.com\/el-nasr-store\/\" class=\"nasr-cta\">\n        <span>View Full El Nasr Store Project<\/span>\n        <svg viewBox=\"0 0 24 24\"><path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"nasr-lightbox\" id=\"nasrLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"El Nasr Store fullscreen gallery\">\n  <div class=\"nasr-lightbox-overlay\"><\/div>\n\n  <button class=\"nasr-lightbox-close\" type=\"button\" aria-label=\"Close fullscreen view\">\u00d7<\/button>\n\n  <button class=\"nasr-lightbox-arrow nasr-lightbox-prev\" type=\"button\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"nasr-lightbox-stage\">\n    <div class=\"nasr-loader\"><\/div>\n    <img decoding=\"async\" class=\"nasr-lightbox-image\" src=\"\" alt=\"El Nasr Store fullscreen design\">\n  <\/div>\n\n  <button class=\"nasr-lightbox-arrow nasr-lightbox-next\" type=\"button\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"nasr-lightbox-bottom\">\n    <div class=\"nasr-lightbox-counter\">\n      <strong class=\"nasr-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>09<\/small>\n    <\/div>\n\n    <div class=\"nasr-lightbox-thumbs\">\n      \n        <button type=\"button\" data-index=\"0\" aria-label=\"Open El Nasr Store image 1\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"1\" aria-label=\"Open El Nasr Store image 2\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"2\" aria-label=\"Open El Nasr Store image 3\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-1-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"3\" aria-label=\"Open El Nasr Store image 4\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-11.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"4\" aria-label=\"Open El Nasr Store image 5\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc27-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"5\" aria-label=\"Open El Nasr Store image 6\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/AORUS-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"6\" aria-label=\"Open El Nasr Store image 7\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-4-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"7\" aria-label=\"Open El Nasr Store image 8\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RedDragon-Mic-copy.jpg\" alt=\"\">\n        <\/button>\n    \n        <button type=\"button\" data-index=\"8\" aria-label=\"Open El Nasr Store image 9\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/SAMSUNG-32-r590-copy.jpg\" alt=\"\">\n        <\/button>\n    \n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.nasr-showcase,\n.nasr-showcase *,\n.nasr-lightbox,\n.nasr-lightbox * {\n  box-sizing: border-box;\n}\n\n.nasr-showcase {\n  --nasr-gold: #f5c85c;\n  --nasr-red: #d21f55;\n  --nasr-dark-red: #8f173a;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 82px;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(210,31,85,.16), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(245,200,92,.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #350814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.nasr-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 50;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.42), #f5c85c, rgba(245,200,92,.42), transparent);\n  box-shadow: 0 0 14px rgba(245,200,92,.42), 0 0 34px rgba(245,200,92,.18);\n}\n\n.nasr-showcase::after {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  z-index: 51;\n  width: 16px;\n  height: 16px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid #f5c85c;\n  background: #16070c;\n  box-shadow: 0 0 14px rgba(245,200,92,.72), 0 0 28px rgba(245,200,92,.30);\n}\n\n.nasr-bg-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .20;\n  background-image:\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: 48px 48px;\n}\n\n.nasr-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.nasr-orb-one {\n  top: 70px;\n  left: -130px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(210,31,85,.20), transparent 70%);\n}\n\n.nasr-orb-two {\n  right: -150px;\n  bottom: -100px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.nasr-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.nasr-heading {\n  max-width: 840px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.nasr-logo {\n  display: block;\n  width: clamp(160px, 15vw, 230px);\n  height: auto;\n  max-height: 160px;\n  margin: 0 auto 22px;\n  object-fit: contain;\n  filter: drop-shadow(0 14px 28px rgba(0,0,0,.34));\n}\n\n.nasr-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 14px;\n  color: var(--nasr-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n  white-space: nowrap;\n}\n\n.nasr-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.90));\n}\n\n.nasr-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,.90), transparent);\n}\n\n.nasr-heading h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.4vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.4px;\n  white-space: nowrap;\n}\n\n.nasr-heading p {\n  max-width: 660px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.nasr-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 14px 7px 30px;\n}\n\n.nasr-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.24);\n  border-radius: 23px;\n  background: rgba(255,255,255,.035);\n  box-shadow: 0 25px 60px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.03);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: transform .4s ease, border-color .3s ease, box-shadow .4s ease;\n}\n\n.nasr-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,.70);\n  box-shadow: 0 34px 80px rgba(0,0,0,.52), 0 0 36px rgba(210,31,85,.18);\n}\n\n.nasr-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n\n.nasr-card:hover img {\n  transform: scale(1.035);\n}\n\n.nasr-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 43px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,.62);\n  border-radius: 40px;\n  background: rgba(20,7,12,.58);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.nasr-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--nasr-gold), #b8862f);\n  color: #16070c;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.nasr-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n  backdrop-filter: blur(14px);\n}\n\n.nasr-prev { left: 18px; }\n.nasr-next { right: 18px; }\n\n.nasr-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n}\n\n.nasr-main-arrow:hover {\n  background: var(--nasr-gold);\n}\n\n.nasr-main-arrow:hover svg {\n  fill: #16070c;\n}\n\n.nasr-thumbs-wrap {\n  width: min(100%, 980px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(245,200,92,.18);\n  border-radius: 17px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  backdrop-filter: blur(16px);\n}\n\n.nasr-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.nasr-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  opacity: .46;\n  cursor: pointer;\n  transition: opacity .3s ease, border-color .3s ease, transform .3s ease;\n}\n\n.nasr-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--nasr-gold);\n  opacity: 1;\n  transform: scale(.96);\n}\n\n.nasr-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.nasr-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 24px;\n}\n\n.nasr-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.nasr-counter strong {\n  color: var(--nasr-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.nasr-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,.30);\n}\n\n.nasr-counter small {\n  color: rgba(255,255,255,.55);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.nasr-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.nasr-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,.30);\n  opacity: 1;\n}\n\n.nasr-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--nasr-gold), var(--nasr-red));\n}\n\n.nasr-cta-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n}\n\n.nasr-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 300px;\n  min-height: 57px;\n  padding: 0 27px;\n  border: 1px solid rgba(245,200,92,.68);\n  border-radius: 12px;\n  background: linear-gradient(135deg, #d21f55, #7a0c31);\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  box-shadow: 0 16px 38px rgba(210,31,85,.24);\n  transition: transform .3s ease;\n}\n\n.nasr-cta:hover {\n  transform: translateY(-4px);\n}\n\n.nasr-cta svg {\n  width: 21px;\n  height: 21px;\n  fill: #fff;\n}\n\n\/* Fullscreen *\/\n.nasr-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.nasr-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.nasr-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, rgba(210,31,85,.15), transparent 46%), rgba(18,8,12,.97);\n  backdrop-filter: blur(18px);\n}\n\n.nasr-lightbox-close {\n  position: fixed !important;\n  top: max(14px, env(safe-area-inset-top)) !important;\n  right: max(14px, env(safe-area-inset-right)) !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 54px !important;\n  height: 54px !important;\n  padding: 0 !important;\n  border: 2px solid #fff !important;\n  border-radius: 50% !important;\n  background: #1a1015 !important;\n  color: #fff !important;\n  font: 300 36px\/1 Arial, sans-serif !important;\n  cursor: pointer !important;\n  box-shadow: 0 12px 38px rgba(0,0,0,.55) !important;\n}\n\n.nasr-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1320px);\n  height: calc(100vh - 190px);\n  padding: 16px;\n}\n\n.nasr-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 9px;\n  box-shadow: 0 40px 120px rgba(0,0,0,.70);\n  opacity: 0;\n  transform: scale(.96);\n  transition: opacity .3s ease, transform .4s ease;\n}\n\n.nasr-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.nasr-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,.15);\n  border-top-color: var(--nasr-gold);\n  border-radius: 50%;\n  animation: nasrSpin .8s linear infinite;\n}\n\n.nasr-loader.is-hidden {\n  display: none;\n}\n\n.nasr-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(245,200,92,.78);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.nasr-lightbox-prev { left: 24px; }\n.nasr-lightbox-next { right: 24px; }\n\n.nasr-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #16070c;\n}\n\n.nasr-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(20,12,17,.98), rgba(20,12,17,.18));\n}\n\n.nasr-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.nasr-lightbox-counter strong {\n  color: var(--nasr-gold);\n  font-size: 17px;\n}\n\n.nasr-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,.28);\n}\n\n.nasr-lightbox-counter small {\n  color: rgba(255,255,255,.54);\n  font-size: 11px;\n}\n\n.nasr-lightbox-thumbs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 760px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.nasr-lightbox-thumbs button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: .42;\n  cursor: pointer;\n}\n\n.nasr-lightbox-thumbs button.is-active {\n  border-color: var(--nasr-gold);\n  opacity: 1;\n}\n\n.nasr-lightbox-thumbs img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.nasr-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none !important;\n}\n\n@keyframes nasrSpin {\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 767px) {\n  .nasr-showcase {\n    padding: 60px 15px 60px;\n  }\n\n  .nasr-logo {\n    width: min(65vw, 190px);\n    max-height: 130px;\n    margin-bottom: 18px;\n  }\n\n  .nasr-heading {\n    margin-bottom: 27px;\n  }\n\n  .nasr-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n  }\n\n  .nasr-kicker span {\n    width: 18px;\n  }\n\n  .nasr-heading h2 {\n    font-size: clamp(29px, 8vw, 40px);\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .nasr-heading p {\n    max-width: 320px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.65;\n  }\n\n  .nasr-main-swiper {\n    padding: 7px 0 23px;\n  }\n\n  .nasr-card {\n    border-radius: 17px;\n  }\n\n  .nasr-main-arrow {\n    display: none;\n  }\n\n  .nasr-thumbs-wrap {\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  .nasr-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .nasr-cta {\n    width: min(100%, 320px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    font-size: 12px;\n  }\n\n  .nasr-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    font-size: 33px !important;\n  }\n\n  .nasr-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(68px + env(safe-area-inset-top))\n      7px\n      calc(112px + env(safe-area-inset-bottom));\n  }\n\n  .nasr-lightbox-arrow {\n    top: auto;\n    bottom: calc(84px + env(safe-area-inset-bottom));\n    width: 45px;\n    height: 45px;\n    transform: none;\n  }\n\n  .nasr-lightbox-prev { left: 11px; }\n  .nasr-lightbox-next { right: 11px; }\n\n  .nasr-lightbox-thumbs button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n@media (max-width: 390px) {\n  .nasr-heading h2 {\n    font-size: 27px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n  function initNasrShowcase() {\n    const section = document.getElementById(\"nasrShowcase\");\n    const lightbox = document.getElementById(\"nasrLightbox\");\n\n    if (!section || !lightbox || section.dataset.initialized === \"true\") return;\n    section.dataset.initialized = \"true\";\n\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-1-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-11.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Aoc27-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/AORUS-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RED-4-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/RedDragon-Mic-copy.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/SAMSUNG-32-r590-copy.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n    const current = section.querySelector(\".nasr-current\");\n\n    const thumbsSwiper = new Swiper(section.querySelector(\".nasr-thumbs-swiper\"), {\n      slidesPerView: 5,\n      spaceBetween: 7,\n      watchSlidesProgress: true,\n      freeMode: true,\n      breakpoints: {\n        480: { slidesPerView: 6, spaceBetween: 8 },\n        768: { slidesPerView: 9, spaceBetween: 9 }\n      }\n    });\n\n    const mainSwiper = new Swiper(section.querySelector(\".nasr-main-swiper\"), {\n      slidesPerView: 1,\n      spaceBetween: 18,\n      speed: 780,\n      grabCursor: true,\n      thumbs: { swiper: thumbsSwiper },\n      navigation: {\n        nextEl: section.querySelector(\".nasr-next\"),\n        prevEl: section.querySelector(\".nasr-prev\")\n      },\n      pagination: {\n        el: section.querySelector(\".nasr-pagination\"),\n        clickable: true\n      },\n      autoplay: {\n        delay: 3600,\n        disableOnInteraction: false,\n        pauseOnMouseEnter: true\n      },\n      breakpoints: {\n        540: { slidesPerView: 1.35, spaceBetween: 20 },\n        768: { slidesPerView: 2.15, spaceBetween: 23 },\n        1100: { slidesPerView: 3, spaceBetween: 27 }\n      },\n      on: {\n        init: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        },\n        slideChange: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        }\n      }\n    });\n\n    const cards = section.querySelectorAll(\".nasr-card\");\n    const image = lightbox.querySelector(\".nasr-lightbox-image\");\n    const loader = lightbox.querySelector(\".nasr-loader\");\n    const closeBtn = lightbox.querySelector(\".nasr-lightbox-close\");\n    const overlay = lightbox.querySelector(\".nasr-lightbox-overlay\");\n    const prevBtn = lightbox.querySelector(\".nasr-lightbox-prev\");\n    const nextBtn = lightbox.querySelector(\".nasr-lightbox-next\");\n    const lbCurrent = lightbox.querySelector(\".nasr-lightbox-current\");\n    const lbThumbs = Array.from(lightbox.querySelectorAll(\".nasr-lightbox-thumbs button\"));\n\n    let activeIndex = 0;\n    let touchStartX = 0;\n\n    function updateThumbs() {\n      lbThumbs.forEach((button, index) => {\n        button.classList.toggle(\"is-active\", index === activeIndex);\n      });\n    }\n\n    function loadImage() {\n      image.classList.remove(\"is-loaded\");\n      loader.classList.remove(\"is-hidden\");\n      lbCurrent.textContent = formatNumber(activeIndex + 1);\n      updateThumbs();\n\n      const preload = new Image();\n      preload.onload = function () {\n        image.src = images[activeIndex];\n        requestAnimationFrame(function () {\n          image.classList.add(\"is-loaded\");\n          loader.classList.add(\"is-hidden\");\n        });\n      };\n      preload.onerror = function () {\n        loader.classList.add(\"is-hidden\");\n      };\n      preload.src = images[activeIndex];\n    }\n\n    function openLightbox(index) {\n      activeIndex = index;\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"nasr-lightbox-open\");\n      document.documentElement.style.overflow = \"hidden\";\n      if (mainSwiper.autoplay) mainSwiper.autoplay.stop();\n      loadImage();\n      setTimeout(function () { closeBtn.focus(); }, 100);\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"nasr-lightbox-open\");\n      document.documentElement.style.overflow = \"\";\n      if (mainSwiper.autoplay) mainSwiper.autoplay.start();\n      setTimeout(function () {\n        image.src = \"\";\n        image.classList.remove(\"is-loaded\");\n      }, 300);\n    }\n\n    function prevImage() {\n      activeIndex = (activeIndex - 1 + images.length) % images.length;\n      loadImage();\n    }\n\n    function nextImage() {\n      activeIndex = (activeIndex + 1) % images.length;\n      loadImage();\n    }\n\n    cards.forEach(card => {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lbThumbs.forEach(button => {\n      button.addEventListener(\"click\", function () {\n        activeIndex = Number(button.dataset.index);\n        loadImage();\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", closeLightbox);\n    closeBtn.addEventListener(\"pointerdown\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    overlay.addEventListener(\"click\", closeLightbox);\n    prevBtn.addEventListener(\"click\", prevImage);\n    nextBtn.addEventListener(\"click\", nextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (!lightbox.classList.contains(\"is-open\")) return;\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") prevImage();\n      if (event.key === \"ArrowRight\") nextImage();\n    });\n\n    image.addEventListener(\"touchstart\", function (event) {\n      touchStartX = event.changedTouches[0].clientX;\n    }, { passive: true });\n\n    image.addEventListener(\"touchend\", function (event) {\n      const touchEndX = event.changedTouches[0].clientX;\n      const distance = touchEndX - touchStartX;\n      if (Math.abs(distance) < 45) return;\n      if (distance > 0) prevImage();\n      else nextImage();\n    }, { passive: true });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initNasrShowcase);\n  } else {\n    initNasrShowcase();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62149f9 elementor-widget elementor-widget-html\" data-id=\"62149f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Master Kitchen Showcase Slider -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<section class=\"mk-showcase\" id=\"masterKitchenShowcase\">\n  <div class=\"mk-grid-bg\"><\/div>\n  <div class=\"mk-orb mk-orb-one\"><\/div>\n  <div class=\"mk-orb mk-orb-two\"><\/div>\n\n  <div class=\"mk-container\">\n\n    <header class=\"mk-heading\">\n      <img decoding=\"async\" class=\"mk-logo\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"Master Kitchen logo\">\n\n      <div class=\"mk-kicker\">\n        <span><\/span>\n        FEATURED FOOD BRAND PROJECT\n        <span><\/span>\n      <\/div>\n\n      <h2>Master Kitchen<\/h2>\n\n      <p>\n        A selected collection of food campaigns, promotional visuals and\n        social media designs created for Master Kitchen.\n      <\/p>\n    <\/header>\n\n    <div class=\"swiper mk-main-swiper\">\n      <div class=\"swiper-wrapper\">\n        \n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"0\" aria-label=\"Open Master Kitchen design 1\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-1.jpg\" alt=\"Master Kitchen design 1 by Nader Saied\" loading=\"eager\">\n          <span class=\"mk-card-number\">01<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"1\" aria-label=\"Open Master Kitchen design 2\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-2.jpg\" alt=\"Master Kitchen design 2 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">02<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"2\" aria-label=\"Open Master Kitchen design 3\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-3.jpg\" alt=\"Master Kitchen design 3 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">03<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"3\" aria-label=\"Open Master Kitchen design 4\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-4.jpg\" alt=\"Master Kitchen design 4 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">04<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"4\" aria-label=\"Open Master Kitchen design 5\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-5.jpg\" alt=\"Master Kitchen design 5 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">05<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"5\" aria-label=\"Open Master Kitchen design 6\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-6.jpg\" alt=\"Master Kitchen design 6 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">06<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <button class=\"mk-card\" type=\"button\" data-index=\"6\" aria-label=\"Open Master Kitchen design 7\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-7.jpg\" alt=\"Master Kitchen design 7 by Nader Saied\" loading=\"lazy\">\n          <span class=\"mk-card-number\">07<\/span>\n          <span class=\"mk-card-expand\" aria-hidden=\"true\">\u2197<\/span>\n        <\/button>\n      <\/div>\n      <\/div>\n\n      <button class=\"mk-main-arrow mk-prev\" type=\"button\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n      <\/button>\n\n      <button class=\"mk-main-arrow mk-next\" type=\"button\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"mk-thumbs-wrap\">\n      <div class=\"swiper mk-thumbs-swiper\">\n        <div class=\"swiper-wrapper\">\n          \n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-1.jpg\" alt=\"Master Kitchen thumbnail 1\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-2.jpg\" alt=\"Master Kitchen thumbnail 2\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-3.jpg\" alt=\"Master Kitchen thumbnail 3\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-4.jpg\" alt=\"Master Kitchen thumbnail 4\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-5.jpg\" alt=\"Master Kitchen thumbnail 5\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-6.jpg\" alt=\"Master Kitchen thumbnail 6\">\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-7.jpg\" alt=\"Master Kitchen thumbnail 7\">\n      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"mk-bottom\">\n      <div class=\"mk-counter\">\n        <strong class=\"mk-current\">01<\/strong>\n        <span><\/span>\n        <small>07<\/small>\n      <\/div>\n\n      <div class=\"mk-pagination\"><\/div>\n    <\/div>\n\n    <div class=\"mk-cta-wrap\">\n      <a href=\"https:\/\/nadersaied.com\/master-kitchen\/\" class=\"mk-cta\">\n        <span>View Full Master Kitchen Project<\/span>\n        <svg viewBox=\"0 0 24 24\"><path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"mk-lightbox\" id=\"masterKitchenLightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"mk-lightbox-overlay\"><\/div>\n\n  <button class=\"mk-lightbox-close\" type=\"button\" aria-label=\"Close fullscreen view\">\u00d7<\/button>\n\n  <button class=\"mk-lightbox-arrow mk-lightbox-prev\" type=\"button\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"mk-lightbox-stage\">\n    <div class=\"mk-loader\"><\/div>\n    <img decoding=\"async\" class=\"mk-lightbox-image\" src=\"\" alt=\"Master Kitchen fullscreen design\">\n  <\/div>\n\n  <button class=\"mk-lightbox-arrow mk-lightbox-next\" type=\"button\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/><\/svg>\n  <\/button>\n\n  <div class=\"mk-lightbox-bottom\">\n    <div class=\"mk-lightbox-counter\">\n      <strong class=\"mk-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>07<\/small>\n    <\/div>\n\n    <div class=\"mk-lightbox-thumbs\">\n      \n      <button type=\"button\" data-index=\"0\" aria-label=\"Open Master Kitchen image 1\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-1.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"1\" aria-label=\"Open Master Kitchen image 2\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-2.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"2\" aria-label=\"Open Master Kitchen image 3\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-3.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"3\" aria-label=\"Open Master Kitchen image 4\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-4.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"4\" aria-label=\"Open Master Kitchen image 5\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-5.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"5\" aria-label=\"Open Master Kitchen image 6\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-6.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"6\" aria-label=\"Open Master Kitchen image 7\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-7.jpg\" alt=\"\">\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.mk-showcase,\n.mk-showcase *,\n.mk-lightbox,\n.mk-lightbox * {\n  box-sizing: border-box;\n}\n\n.mk-showcase {\n  --mk-gold: #f5c85c;\n  --mk-red: #d21f55;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 82px;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(210,31,85,.16), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(245,200,92,.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #350814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.mk-showcase::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 50;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.42), #f5c85c, rgba(245,200,92,.42), transparent);\n  box-shadow: 0 0 14px rgba(245,200,92,.42), 0 0 34px rgba(245,200,92,.18);\n}\n\n.mk-showcase::after {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 50%;\n  z-index: 51;\n  width: 16px;\n  height: 16px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid #f5c85c;\n  background: #16070c;\n  box-shadow: 0 0 14px rgba(245,200,92,.72), 0 0 28px rgba(245,200,92,.30);\n}\n\n.mk-grid-bg {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .20;\n  background-image:\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: 48px 48px;\n}\n\n.mk-orb {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.mk-orb-one {\n  top: 70px;\n  left: -130px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(210,31,85,.20), transparent 70%);\n}\n\n.mk-orb-two {\n  right: -150px;\n  bottom: -100px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.mk-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1480px;\n  margin: 0 auto;\n}\n\n.mk-heading {\n  max-width: 840px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.mk-logo {\n  display: block;\n  width: clamp(180px, 18vw, 270px);\n  height: auto;\n  max-height: 180px;\n  margin: 0 auto 22px;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 14px 28px rgba(0,0,0,.34))\n    drop-shadow(0 0 18px rgba(245,200,92,.10));\n}\n\n.mk-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 14px;\n  color: var(--mk-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n  white-space: nowrap;\n}\n\n.mk-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.90));\n}\n\n.mk-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,.90), transparent);\n}\n\n.mk-heading h2 {\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.4vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.4px;\n  white-space: nowrap;\n}\n\n.mk-heading p {\n  max-width: 660px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.mk-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 14px 7px 30px;\n}\n\n.mk-main-swiper .swiper-slide {\n  height: auto;\n}\n\n.mk-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.24);\n  border-radius: 23px;\n  background: rgba(255,255,255,.035);\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.38),\n    0 0 0 1px rgba(255,255,255,.03);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition: transform .4s ease, border-color .3s ease, box-shadow .4s ease;\n}\n\n.mk-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,.70);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,.52),\n    0 0 36px rgba(210,31,85,.18);\n}\n\n.mk-card img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n\n.mk-card:hover img {\n  transform: scale(1.035);\n}\n\n.mk-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 43px;\n  height: 29px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,.62);\n  border-radius: 40px;\n  background: rgba(20,7,12,.58);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.mk-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--mk-gold), #b8862f);\n  color: #16070c;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.mk-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n}\n\n.mk-prev { left: 18px; }\n.mk-next { right: 18px; }\n\n.mk-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n}\n\n.mk-main-arrow:hover {\n  background: var(--mk-gold);\n}\n\n.mk-main-arrow:hover svg {\n  fill: #16070c;\n}\n\n.mk-thumbs-wrap {\n  width: min(100%, 820px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(245,200,92,.18);\n  border-radius: 17px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,.24);\n  backdrop-filter: blur(16px);\n}\n\n.mk-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.mk-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  opacity: .46;\n  cursor: pointer;\n}\n\n.mk-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--mk-gold);\n  opacity: 1;\n  transform: scale(.96);\n}\n\n.mk-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.mk-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  margin-top: 24px;\n}\n\n.mk-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.mk-counter strong {\n  color: var(--mk-gold);\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.mk-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,.30);\n}\n\n.mk-counter small {\n  color: rgba(255,255,255,.55);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.mk-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.mk-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,.30);\n  opacity: 1;\n}\n\n.mk-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--mk-gold), var(--mk-red));\n}\n\n.mk-cta-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n}\n\n.mk-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 310px;\n  min-height: 57px;\n  padding: 0 27px;\n  border: 1px solid rgba(245,200,92,.68);\n  border-radius: 12px;\n  background: linear-gradient(135deg, #d21f55, #7a0c31);\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  box-shadow: 0 16px 38px rgba(210,31,85,.24);\n  transition: transform .3s ease;\n}\n\n.mk-cta:hover {\n  transform: translateY(-4px);\n}\n\n.mk-cta svg {\n  width: 21px;\n  height: 21px;\n  fill: #fff;\n}\n\n\/* Fullscreen *\/\n.mk-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity .3s ease, visibility .3s ease;\n}\n\n.mk-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.mk-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(210,31,85,.15), transparent 46%),\n    rgba(18,8,12,.97);\n  backdrop-filter: blur(18px);\n}\n\n.mk-lightbox-close {\n  position: fixed !important;\n  top: max(14px, env(safe-area-inset-top)) !important;\n  right: max(14px, env(safe-area-inset-right)) !important;\n  z-index: 2147483647 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 54px !important;\n  height: 54px !important;\n  padding: 0 !important;\n  border: 2px solid #fff !important;\n  border-radius: 50% !important;\n  background: #1a1015 !important;\n  color: #fff !important;\n  font: 300 36px\/1 Arial, sans-serif !important;\n  cursor: pointer !important;\n}\n\n.mk-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(84vw, 1320px);\n  height: calc(100vh - 190px);\n  padding: 16px;\n}\n\n.mk-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 9px;\n  box-shadow: 0 40px 120px rgba(0,0,0,.70);\n  opacity: 0;\n  transform: scale(.96);\n  transition: opacity .3s ease, transform .4s ease;\n}\n\n.mk-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.mk-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,.15);\n  border-top-color: var(--mk-gold);\n  border-radius: 50%;\n  animation: mkSpin .8s linear infinite;\n}\n\n.mk-loader.is-hidden {\n  display: none;\n}\n\n.mk-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 50%;\n  background: rgba(245,200,92,.78);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.mk-lightbox-prev { left: 24px; }\n.mk-lightbox-next { right: 24px; }\n\n.mk-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #16070c;\n}\n\n.mk-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(20,12,17,.98), rgba(20,12,17,.18));\n}\n\n.mk-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.mk-lightbox-counter strong {\n  color: var(--mk-gold);\n  font-size: 17px;\n}\n\n.mk-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,.28);\n}\n\n.mk-lightbox-counter small {\n  color: rgba(255,255,255,.54);\n  font-size: 11px;\n}\n\n.mk-lightbox-thumbs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 620px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.mk-lightbox-thumbs button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: .42;\n  cursor: pointer;\n}\n\n.mk-lightbox-thumbs button.is-active {\n  border-color: var(--mk-gold);\n  opacity: 1;\n}\n\n.mk-lightbox-thumbs img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.mk-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none !important;\n}\n\n@keyframes mkSpin {\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 767px) {\n  .mk-showcase {\n    padding: 60px 15px 60px;\n  }\n\n  .mk-logo {\n    width: min(70vw, 210px);\n    max-height: 140px;\n    margin-bottom: 18px;\n  }\n\n  .mk-heading {\n    margin-bottom: 27px;\n  }\n\n  .mk-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n  }\n\n  .mk-kicker span {\n    width: 18px;\n  }\n\n  .mk-heading h2 {\n    font-size: clamp(29px, 8vw, 40px);\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .mk-heading p {\n    max-width: 320px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.65;\n  }\n\n  .mk-main-swiper {\n    padding: 7px 0 23px;\n  }\n\n  .mk-card {\n    border-radius: 17px;\n  }\n\n  .mk-main-arrow {\n    display: none;\n  }\n\n  .mk-thumbs-wrap {\n    padding: 6px;\n    border-radius: 13px;\n  }\n\n  .mk-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .mk-cta {\n    width: min(100%, 320px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    font-size: 12px;\n  }\n\n  .mk-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    font-size: 33px !important;\n  }\n\n  .mk-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(68px + env(safe-area-inset-top))\n      7px\n      calc(112px + env(safe-area-inset-bottom));\n  }\n\n  .mk-lightbox-arrow {\n    top: auto;\n    bottom: calc(84px + env(safe-area-inset-bottom));\n    width: 45px;\n    height: 45px;\n    transform: none;\n  }\n\n  .mk-lightbox-prev { left: 11px; }\n  .mk-lightbox-next { right: 11px; }\n\n  .mk-lightbox-thumbs button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n@media (max-width: 390px) {\n  .mk-heading h2 {\n    font-size: 27px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n  function initMasterKitchenShowcase() {\n    const section = document.getElementById(\"masterKitchenShowcase\");\n    const lightbox = document.getElementById(\"masterKitchenLightbox\");\n\n    if (!section || !lightbox || section.dataset.initialized === \"true\") return;\n    section.dataset.initialized = \"true\";\n\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-1.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-2.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-3.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-4.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-5.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-6.jpg\",\n      \"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/M-7.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n    const current = section.querySelector(\".mk-current\");\n\n    const thumbsSwiper = new Swiper(section.querySelector(\".mk-thumbs-swiper\"), {\n      slidesPerView: 5,\n      spaceBetween: 7,\n      watchSlidesProgress: true,\n      freeMode: true,\n      breakpoints: {\n        480: { slidesPerView: 6, spaceBetween: 8 },\n        768: { slidesPerView: 7, spaceBetween: 9 }\n      }\n    });\n\n    const mainSwiper = new Swiper(section.querySelector(\".mk-main-swiper\"), {\n      slidesPerView: 1,\n      spaceBetween: 18,\n      speed: 780,\n      grabCursor: true,\n      thumbs: { swiper: thumbsSwiper },\n      navigation: {\n        nextEl: section.querySelector(\".mk-next\"),\n        prevEl: section.querySelector(\".mk-prev\")\n      },\n      pagination: {\n        el: section.querySelector(\".mk-pagination\"),\n        clickable: true\n      },\n      autoplay: {\n        delay: 3600,\n        disableOnInteraction: false,\n        pauseOnMouseEnter: true\n      },\n      breakpoints: {\n        540: { slidesPerView: 1.35, spaceBetween: 20 },\n        768: { slidesPerView: 2.15, spaceBetween: 23 },\n        1100: { slidesPerView: 3, spaceBetween: 27 }\n      },\n      on: {\n        init: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        },\n        slideChange: function () {\n          if (current) current.textContent = formatNumber(this.activeIndex + 1);\n        }\n      }\n    });\n\n    const cards = section.querySelectorAll(\".mk-card\");\n    const image = lightbox.querySelector(\".mk-lightbox-image\");\n    const loader = lightbox.querySelector(\".mk-loader\");\n    const closeBtn = lightbox.querySelector(\".mk-lightbox-close\");\n    const overlay = lightbox.querySelector(\".mk-lightbox-overlay\");\n    const prevBtn = lightbox.querySelector(\".mk-lightbox-prev\");\n    const nextBtn = lightbox.querySelector(\".mk-lightbox-next\");\n    const lbCurrent = lightbox.querySelector(\".mk-lightbox-current\");\n    const lbThumbs = Array.from(lightbox.querySelectorAll(\".mk-lightbox-thumbs button\"));\n\n    let activeIndex = 0;\n    let touchStartX = 0;\n\n    function updateThumbs() {\n      lbThumbs.forEach((button, index) => {\n        button.classList.toggle(\"is-active\", index === activeIndex);\n      });\n\n      const activeThumb = lbThumbs[activeIndex];\n      if (activeThumb) {\n        activeThumb.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadImage() {\n      image.classList.remove(\"is-loaded\");\n      loader.classList.remove(\"is-hidden\");\n      lbCurrent.textContent = formatNumber(activeIndex + 1);\n      updateThumbs();\n\n      const preload = new Image();\n\n      preload.onload = function () {\n        image.src = images[activeIndex];\n\n        requestAnimationFrame(function () {\n          image.classList.add(\"is-loaded\");\n          loader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preload.onerror = function () {\n        loader.classList.add(\"is-hidden\");\n      };\n\n      preload.src = images[activeIndex];\n    }\n\n    function openLightbox(index) {\n      activeIndex = index;\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"mk-lightbox-open\");\n      document.documentElement.style.overflow = \"hidden\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.stop();\n\n      loadImage();\n\n      setTimeout(function () {\n        closeBtn.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n      document.body.classList.remove(\"mk-lightbox-open\");\n      document.documentElement.style.overflow = \"\";\n\n      if (mainSwiper.autoplay) mainSwiper.autoplay.start();\n\n      setTimeout(function () {\n        image.src = \"\";\n        image.classList.remove(\"is-loaded\");\n      }, 300);\n    }\n\n    function prevImage() {\n      activeIndex = (activeIndex - 1 + images.length) % images.length;\n      loadImage();\n    }\n\n    function nextImage() {\n      activeIndex = (activeIndex + 1) % images.length;\n      loadImage();\n    }\n\n    cards.forEach(card => {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lbThumbs.forEach(button => {\n      button.addEventListener(\"click\", function () {\n        activeIndex = Number(button.dataset.index);\n        loadImage();\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", closeLightbox);\n    closeBtn.addEventListener(\"pointerdown\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    overlay.addEventListener(\"click\", closeLightbox);\n    prevBtn.addEventListener(\"click\", prevImage);\n    nextBtn.addEventListener(\"click\", nextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") prevImage();\n      if (event.key === \"ArrowRight\") nextImage();\n    });\n\n    image.addEventListener(\"touchstart\", function (event) {\n      touchStartX = event.changedTouches[0].clientX;\n    }, { passive: true });\n\n    image.addEventListener(\"touchend\", function (event) {\n      const touchEndX = event.changedTouches[0].clientX;\n      const distance = touchEndX - touchStartX;\n\n      if (Math.abs(distance) < 45) return;\n      if (distance > 0) prevImage();\n      else nextImage();\n    }, { passive: true });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initMasterKitchenShowcase);\n  } else {\n    initMasterKitchenShowcase();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f15f95 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=\"2f15f95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-397de2f elementor-widget elementor-widget-html\" data-id=\"397de2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Logo Design Showcase -->\n<section class=\"ns-logos-section\" id=\"nsLogosSection\">\n\n  <div class=\"ns-logos-grid-bg\"><\/div>\n  <div class=\"ns-logos-glow ns-logos-glow-one\"><\/div>\n  <div class=\"ns-logos-glow ns-logos-glow-two\"><\/div>\n\n  <div class=\"ns-logos-container\">\n\n    <div class=\"ns-logos-heading\">\n\n      <div class=\"ns-logos-kicker\">\n        <span><\/span>\n        SELECTED LOGO PROJECTS\n        <span><\/span>\n      <\/div>\n\n      <h2>Logo Design Portfolio<\/h2>\n\n      <p>\n        A curated selection of logo and brand identity projects designed\n        for businesses, media platforms and personal brands.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"ns-logos-grid\">\n      \n      <a\n        class=\"ns-logo-card\"\n        href=\"https:\/\/nadersaied.com\/master-kitchen\/\"\n        aria-label=\"Open Master Kitchen project\"\n      >\n        <span class=\"ns-logo-index\">01<\/span>\n\n        <span class=\"ns-logo-stage\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\"\n            alt=\"Master Kitchen logo designed by Nader Saied\"\n            loading='eager'\n          >\n        <\/span>\n\n        <span class=\"ns-logo-info\">\n          <small>Brand Identity<\/small>\n          <strong>Master Kitchen<\/strong>\n        <\/span>\n\n        <span class=\"ns-logo-open\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n            <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    \n      <a\n        class=\"ns-logo-card\"\n        href=\"https:\/\/nadersaied.com\/nadrawebsite\/\"\n        aria-label=\"Open Nadra project\"\n      >\n        <span class=\"ns-logo-index\">02<\/span>\n\n        <span class=\"ns-logo-stage\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\"\n            alt=\"Nadra logo designed by Nader Saied\"\n            loading='lazy'\n          >\n        <\/span>\n\n        <span class=\"ns-logo-info\">\n          <small>Personal Brand<\/small>\n          <strong>Nader Saied<\/strong>\n        <\/span>\n\n        <span class=\"ns-logo-open\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n            <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    \n      <a\n        class=\"ns-logo-card\"\n        href=\"https:\/\/nadersaied.com\/morivie\/\"\n        aria-label=\"Open MORIVE project\"\n      >\n        <span class=\"ns-logo-index\">03<\/span>\n\n        <span class=\"ns-logo-stage\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/MORIVE_logo_circle_transparent.png\"\n            alt=\"MORIVE logo designed by Nader Saied\"\n            loading='lazy'\n          >\n        <\/span>\n\n        <span class=\"ns-logo-info\">\n          <small>Beauty Brand<\/small>\n          <strong>MORIVE<\/strong>\n        <\/span>\n\n        <span class=\"ns-logo-open\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n            <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    \n      <a\n        class=\"ns-logo-card\"\n        href=\"https:\/\/nadersaied.com\/elwataneldawlianews\/\"\n        aria-label=\"Open El Watan project\"\n      >\n        <span class=\"ns-logo-index\">04<\/span>\n\n        <span class=\"ns-logo-stage\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Elwaten.png\"\n            alt=\"El Watan logo designed by Nader Saied\"\n            loading='lazy'\n          >\n        <\/span>\n\n        <span class=\"ns-logo-info\">\n          <small>News Brand<\/small>\n          <strong>El Watan Eldawlia<\/strong>\n        <\/span>\n\n        <span class=\"ns-logo-open\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M14 3h7v7h-2V6.4l-8.6 8.6-1.4-1.4L17.6 5H14V3z\"\/>\n            <path d=\"M5 5h6v2H5v12h12v-6h2v8H3V5h2z\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    \n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-logos-section,\n.ns-logos-section * {\n  box-sizing: border-box;\n}\n\n.ns-logos-section {\n  --ns-logo-gold: #f5c85c;\n  --ns-logo-red: #d21f55;\n  --ns-logo-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 92px 5% 86px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 14% 18%, rgba(210,31,85,0.18), transparent 30%),\n    radial-gradient(circle at 88% 82%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* Section separator *\/\n.ns-logos-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,0.08) 16%,\n    rgba(245,200,92,0.95) 50%,\n    rgba(210,31,85,0.42) 82%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,0.26),\n    0 0 42px rgba(210,31,85,0.13);\n}\n\n.ns-logos-section::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--ns-logo-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,0.70),\n    0 0 30px rgba(210,31,85,0.24);\n}\n\n.ns-logos-grid-bg {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.16;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.024) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px);\n  background-size: 50px 50px;\n}\n\n.ns-logos-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(18px);\n  pointer-events: none;\n}\n\n.ns-logos-glow-one {\n  top: 80px;\n  left: -140px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(210,31,85,0.20), transparent 70%);\n}\n\n.ns-logos-glow-two {\n  right: -150px;\n  bottom: -90px;\n  width: 470px;\n  height: 470px;\n  background: radial-gradient(circle, rgba(245,200,92,0.12), transparent 70%);\n}\n\n.ns-logos-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n.ns-logos-heading {\n  max-width: 820px;\n  margin: 0 auto 46px;\n  text-align: center;\n}\n\n.ns-logos-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 15px;\n  color: var(--ns-logo-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.2px;\n}\n\n.ns-logos-kicker span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,0.75));\n}\n\n.ns-logos-kicker span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,0.75), transparent);\n}\n\n.ns-logos-heading h2 {\n  width: 100%;\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5.8vw, 78px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -2.8px;\n  white-space: nowrap;\n}\n\n.ns-logos-heading p {\n  max-width: 620px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.60);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\/* Logo grid *\/\n.ns-logos-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.ns-logo-card {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 390px;\n  padding: 16px;\n  border: 1px solid rgba(255,255,255,0.10);\n  border-radius: 22px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.022));\n  box-shadow:\n    0 24px 60px rgba(0,0,0,0.34),\n    inset 0 1px 0 rgba(255,255,255,0.05);\n  color: #fff !important;\n  text-decoration: none !important;\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  transition:\n    transform 0.38s ease,\n    border-color 0.3s ease,\n    box-shadow 0.38s ease;\n}\n\n.ns-logo-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 85% 15%, rgba(245,200,92,0.09), transparent 30%),\n    radial-gradient(circle at 15% 85%, rgba(210,31,85,0.10), transparent 32%);\n  pointer-events: none;\n}\n\n.ns-logo-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(245,200,92,0.50);\n  box-shadow:\n    0 34px 85px rgba(0,0,0,0.48),\n    0 0 34px rgba(210,31,85,0.10);\n}\n\n.ns-logo-index {\n  position: relative;\n  z-index: 2;\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 42px;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,0.18);\n  border-radius: 40px;\n  background: rgba(8,3,5,0.56);\n  color: rgba(255,255,255,0.80);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n}\n\n.ns-logo-stage {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-height: 230px;\n  padding: 24px;\n}\n\n.ns-logo-stage::before {\n  content: \"\";\n  position: absolute;\n  width: 76%;\n  aspect-ratio: 1 \/ 1;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(255,255,255,0.08), rgba(255,255,255,0.01) 70%);\n  box-shadow:\n    inset 0 0 0 1px rgba(255,255,255,0.04),\n    0 0 40px rgba(245,200,92,0.04);\n}\n\n.ns-logo-stage img {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: auto;\n  max-width: 82%;\n  max-height: 175px;\n  object-fit: contain;\n  filter: drop-shadow(0 14px 28px rgba(0,0,0,0.28));\n  transition: transform 0.45s ease;\n}\n\n.ns-logo-card:hover .ns-logo-stage img {\n  transform: scale(1.06);\n}\n\n.ns-logo-info {\n  position: relative;\n  z-index: 2;\n  display: block;\n  padding: 6px 2px 2px;\n}\n\n.ns-logo-info small {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--ns-logo-gold);\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.ns-logo-info strong {\n  display: block;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 23px;\n  font-weight: 600;\n  line-height: 1.1;\n}\n\n.ns-logo-open {\n  position: absolute;\n  right: 14px;\n  bottom: 14px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 41px;\n  height: 41px;\n  border: 1px solid rgba(245,200,92,0.46);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.68);\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n}\n\n.ns-logo-open svg {\n  width: 18px;\n  height: 18px;\n  fill: var(--ns-logo-gold);\n}\n\n.ns-logo-card:hover .ns-logo-open {\n  transform: rotate(8deg) translate(2px,-2px);\n  background: var(--ns-logo-gold);\n}\n\n.ns-logo-card:hover .ns-logo-open svg {\n  fill: #18070c;\n}\n\n\/* Tablet *\/\n@media (max-width: 1050px) {\n  .ns-logos-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n\/* Mobile: two logos side by side *\/\n@media (max-width: 767px) {\n  .ns-logos-section {\n    padding: 60px 14px 62px;\n  }\n\n  .ns-logos-heading {\n    margin-bottom: 28px;\n  }\n\n  .ns-logos-kicker {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.6px;\n    white-space: nowrap;\n  }\n\n  .ns-logos-kicker span {\n    width: 18px;\n  }\n\n  .ns-logos-heading h2 {\n    font-size: clamp(23px, 6.7vw, 31px);\n    line-height: 1.08;\n    letter-spacing: -1px;\n    white-space: nowrap;\n  }\n\n  .ns-logos-heading p {\n    max-width: 315px;\n    margin-top: 12px;\n    font-size: 11px;\n    line-height: 1.6;\n  }\n\n  .ns-logos-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .ns-logo-card {\n    min-height: 235px;\n    padding: 10px;\n    border-radius: 15px;\n  }\n\n  .ns-logo-index {\n    min-width: 34px;\n    height: 23px;\n    padding: 0 8px;\n    font-size: 7px;\n    letter-spacing: 1.4px;\n  }\n\n  .ns-logo-stage {\n    min-height: 130px;\n    padding: 14px 8px;\n  }\n\n  .ns-logo-stage::before {\n    width: 88%;\n  }\n\n  .ns-logo-stage img {\n    max-width: 88%;\n    max-height: 105px;\n  }\n\n  .ns-logo-info {\n    padding: 3px 1px 0;\n  }\n\n  .ns-logo-info small {\n    margin-bottom: 5px;\n    font-size: 6.5px;\n    letter-spacing: 1px;\n  }\n\n  .ns-logo-info strong {\n    max-width: calc(100% - 30px);\n    font-size: 16px;\n    line-height: 1.05;\n  }\n\n  .ns-logo-open {\n    right: 8px;\n    bottom: 8px;\n    width: 31px;\n    height: 31px;\n  }\n\n  .ns-logo-open svg {\n    width: 14px;\n    height: 14px;\n  }\n}\n\n@media (max-width: 360px) {\n  .ns-logos-heading h2 {\n    font-size: 21px;\n  }\n\n  .ns-logos-grid {\n    gap: 8px;\n  }\n\n  .ns-logo-card {\n    min-height: 220px;\n    padding: 8px;\n  }\n\n  .ns-logo-info strong {\n    font-size: 15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-logos-section * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\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<!-- Premium Homepage Final CTA \u2014 Nader Saied -->\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-home-final\" id=\"nsHomeFinal\">\n\n  <div class=\"ns-home-final__grid\"><\/div>\n  <div class=\"ns-home-final__glow ns-home-final__glow--one\"><\/div>\n  <div class=\"ns-home-final__glow ns-home-final__glow--two\"><\/div>\n\n  <div class=\"ns-home-final__container\">\n\n    <div class=\"ns-home-final__intro\">\n\n      <div class=\"ns-home-final__tag\">\n        <span><\/span>\n        LET\u2019S CREATE SOMETHING GREAT\n        <span><\/span>\n      <\/div>\n\n      <h2>Let\u2019s Build Your Next Digital Experience<\/h2>\n\n      <p>\n        Brand identity, websites, social media, AI visuals and video production \u2014\n        all crafted with one clear goal: making your business look stronger and more professional.\n      <\/p>\n\n      <div class=\"ns-home-final__actions\">\n        <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ns-home-final__btn ns-home-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-home-final__btn ns-home-final__btn--whatsapp\">\n          <span>WhatsApp Me<\/span>\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ns-home-final__links\">\n\n      <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"ns-home-final__link-card\">\n        <span class=\"ns-home-final__icon\">\n          <i class=\"fa-solid fa-layer-group\"><\/i>\n        <\/span>\n        <span class=\"ns-home-final__link-copy\">\n          <strong>View Projects<\/strong>\n          <small>Explore selected work<\/small>\n        <\/span>\n        <span class=\"ns-home-final__arrow\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n        <\/span>\n      <\/a>\n\n      <a href=\"https:\/\/www.behance.net\/nadersaiedzone\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-home-final__link-card\">\n        <span class=\"ns-home-final__icon\">\n          <i class=\"fa-brands fa-behance\"><\/i>\n        <\/span>\n        <span class=\"ns-home-final__link-copy\">\n          <strong>Behance<\/strong>\n          <small>Creative portfolio<\/small>\n        <\/span>\n        <span class=\"ns-home-final__arrow\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n        <\/span>\n      <\/a>\n\n      <a href=\"https:\/\/www.linkedin.com\/in\/nadersaied\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-home-final__link-card\">\n        <span class=\"ns-home-final__icon\">\n          <i class=\"fa-brands fa-linkedin-in\"><\/i>\n        <\/span>\n        <span class=\"ns-home-final__link-copy\">\n          <strong>LinkedIn<\/strong>\n          <small>Professional profile<\/small>\n        <\/span>\n        <span class=\"ns-home-final__arrow\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n        <\/span>\n      <\/a>\n\n      <a href=\"https:\/\/www.facebook.com\/nadersaiedzone1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-home-final__link-card\">\n        <span class=\"ns-home-final__icon\">\n          <i class=\"fa-brands fa-facebook-f\"><\/i>\n        <\/span>\n        <span class=\"ns-home-final__link-copy\">\n          <strong>Facebook<\/strong>\n          <small>Follow latest updates<\/small>\n        <\/span>\n        <span class=\"ns-home-final__arrow\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.ns-home-final,\n.ns-home-final * {\n  box-sizing: border-box;\n}\n\n.ns-home-final {\n  --ns-gold: #f5c85c;\n  --ns-red: #d21f55;\n  --ns-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 98px 5% 96px;\n  border-top: 1px solid rgba(255,255,255,.06);\n  background:\n    radial-gradient(circle at 14% 22%, rgba(210,31,85,.18), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(245,200,92,.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* same separator used across the website *\/\n.ns-home-final::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 10;\n  width: min(86%, 1150px);\n  height: 2px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,.08) 16%,\n    rgba(245,200,92,.95) 50%,\n    rgba(210,31,85,.42) 82%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,.26),\n    0 0 42px rgba(210,31,85,.13);\n}\n\n.ns-home-final::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 11;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--ns-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,.70),\n    0 0 30px rgba(210,31,85,.24);\n}\n\n.ns-home-final__grid {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: .16;\n  background-image:\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: 50px 50px;\n}\n\n.ns-home-final__glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.ns-home-final__glow--one {\n  top: 90px;\n  left: -150px;\n  width: 420px;\n  height: 420px;\n  background: radial-gradient(circle, rgba(210,31,85,.20), transparent 70%);\n}\n\n.ns-home-final__glow--two {\n  right: -160px;\n  bottom: -110px;\n  width: 480px;\n  height: 480px;\n  background: radial-gradient(circle, rgba(245,200,92,.12), transparent 70%);\n}\n\n.ns-home-final__container {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);\n  align-items: center;\n  gap: 52px;\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n.ns-home-final__intro {\n  min-width: 0;\n}\n\n.ns-home-final__tag {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 18px;\n  color: var(--ns-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3px;\n  white-space: nowrap;\n}\n\n.ns-home-final__tag span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(245,200,92,.78));\n}\n\n.ns-home-final__tag span:last-child {\n  background: linear-gradient(90deg, rgba(245,200,92,.78), transparent);\n}\n\n.ns-home-final__intro h2 {\n  width: 100%;\n  max-width: 850px;\n  margin: 0;\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5vw, 76px);\n  font-weight: 500;\n  line-height: 1.02;\n  letter-spacing: -2.8px;\n}\n\n.ns-home-final__intro p {\n  max-width: 720px;\n  margin: 24px 0 0;\n  color: rgba(255,255,255,.66);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.ns-home-final__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 32px;\n}\n\n.ns-home-final__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: 190px;\n  min-height: 56px;\n  padding: 0 24px;\n  border-radius: 12px;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 13px;\n  font-weight: 800;\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease,\n    background .3s ease;\n}\n\n.ns-home-final__btn::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  transition: left .75s ease;\n}\n\n.ns-home-final__btn span,\n.ns-home-final__btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-home-final__btn:hover {\n  transform: translateY(-4px);\n}\n\n.ns-home-final__btn:hover::before {\n  left: 125%;\n}\n\n.ns-home-final__btn--main {\n  border: 1px solid rgba(245,200,92,.46);\n  background: linear-gradient(135deg, #d21f55, #7a0c31);\n  box-shadow: 0 16px 36px rgba(210,31,85,.24);\n}\n\n.ns-home-final__btn--main:hover {\n  border-color: rgba(245,200,92,.90);\n  box-shadow: 0 22px 48px rgba(210,31,85,.34);\n}\n\n.ns-home-final__btn--whatsapp {\n  border: 1px solid rgba(37,211,102,.38);\n  background: rgba(37,211,102,.08);\n}\n\n.ns-home-final__btn--whatsapp:hover {\n  border-color: rgba(37,211,102,.78);\n  background: rgba(37,211,102,.14);\n}\n\n.ns-home-final__links {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n  min-width: 0;\n}\n\n.ns-home-final__link-card {\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 46px minmax(0, 1fr) 26px;\n  align-items: center;\n  gap: 14px;\n  min-height: 116px;\n  padding: 18px;\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 18px;\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n  color: #fff !important;\n  text-decoration: none !important;\n  box-shadow:\n    0 18px 42px rgba(0,0,0,.20),\n    inset 0 1px 0 rgba(255,255,255,.03);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform .35s ease,\n    border-color .3s ease,\n    box-shadow .35s ease;\n}\n\n.ns-home-final__link-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 20% 15%, rgba(245,200,92,.08), transparent 30%),\n    radial-gradient(circle at 90% 90%, rgba(210,31,85,.08), transparent 34%);\n  pointer-events: none;\n}\n\n.ns-home-final__link-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(245,200,92,.42);\n  box-shadow: 0 26px 58px rgba(0,0,0,.30);\n}\n\n.ns-home-final__icon,\n.ns-home-final__link-copy,\n.ns-home-final__arrow {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-home-final__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  border: 1px solid rgba(245,200,92,.22);\n  border-radius: 14px;\n  background: rgba(245,200,92,.07);\n  color: var(--ns-gold);\n  font-size: 18px;\n}\n\n.ns-home-final__link-copy {\n  min-width: 0;\n}\n\n.ns-home-final__link-copy strong,\n.ns-home-final__link-copy small {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ns-home-final__link-copy strong {\n  color: #fff;\n  font-size: 15px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.ns-home-final__link-copy small {\n  margin-top: 5px;\n  color: rgba(255,255,255,.50);\n  font-size: 10px;\n  line-height: 1.4;\n  white-space: nowrap;\n}\n\n.ns-home-final__arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: rgba(255,255,255,.55);\n  font-size: 12px;\n  transition: transform .3s ease, color .3s ease;\n}\n\n.ns-home-final__link-card:hover .ns-home-final__arrow {\n  transform: translate(3px,-3px);\n  color: var(--ns-gold);\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-home-final__container {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .ns-home-final__intro {\n    text-align: center;\n  }\n\n  .ns-home-final__tag {\n    justify-content: center;\n  }\n\n  .ns-home-final__intro p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ns-home-final__actions {\n    justify-content: center;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-home-final {\n    padding: 62px 14px 66px;\n  }\n\n  .ns-home-final__container {\n    gap: 30px;\n  }\n\n  .ns-home-final__tag {\n    gap: 8px;\n    margin-bottom: 12px;\n    font-size: 7px;\n    letter-spacing: 1.5px;\n  }\n\n  .ns-home-final__tag span {\n    width: 18px;\n  }\n\n  .ns-home-final__intro h2 {\n    max-width: 100%;\n    font-size: clamp(28px, 8.6vw, 39px);\n    line-height: 1.06;\n    letter-spacing: -1.3px;\n  }\n\n  .ns-home-final__intro p {\n    margin-top: 16px;\n    font-size: 11px;\n    line-height: 1.7;\n  }\n\n  .ns-home-final__actions {\n    gap: 10px;\n    margin-top: 24px;\n  }\n\n  .ns-home-final__btn {\n    width: 100%;\n    min-width: 100%;\n    min-height: 52px;\n    font-size: 12px;\n  }\n\n  .ns-home-final__links {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 9px;\n  }\n\n  .ns-home-final__link-card {\n    grid-template-columns: 38px minmax(0, 1fr);\n    min-height: 112px;\n    padding: 14px 12px;\n    border-radius: 14px;\n  }\n\n  .ns-home-final__icon {\n    width: 38px;\n    height: 38px;\n    border-radius: 11px;\n    font-size: 15px;\n  }\n\n  .ns-home-final__link-copy strong {\n    font-size: 12px;\n  }\n\n  .ns-home-final__link-copy small {\n    display: none;\n  }\n\n  .ns-home-final__arrow {\n    display: none;\n  }\n}\n\n@media (max-width: 360px) {\n  .ns-home-final__intro h2 {\n    font-size: 27px;\n  }\n\n  .ns-home-final__link-card {\n    min-height: 104px;\n    padding: 12px 10px;\n  }\n\n  .ns-home-final__link-copy strong {\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-home-final * {\n    animation: none !important;\n    transition: none !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","protected":false},"excerpt":{"rendered":"<p>HELLO, I&#8217;M NADER SAIED Creative Technology &amp; Premium Design I blend creativity with technology to craft digital experiences that are elegant, functional, and built to stand out. EXPLORE MY WORK START A PROJECT Based in Alexandria, Egypt in Be f HELLO, I&#8217;M NADER SAIED SOCIAL MEDIA DESIGN Creative Social Media A curated collection of social media visuals, campaigns and branded digital content. 01 02 03 04 05 06 07 08 09 10 11 01 11 View All Social Media Designs \u00d7 01 11 SELECTED WEBSITE PROJECTS Web Design Portfolio Selected website experiences designed and developed for construction, media and real estate brands. 01 \/ 03 Construction &#038; Engineering Website CEG Egypt A professional corporate website experience created for a contracting and engineering company, combining strong visual presentation with clear service and project navigation. Corporate Website Responsive Design Project Showcase Visit Live Website 02 \/ 03 News &#038; Media Platform El Watan International News A responsive Arabic news platform designed to organize breaking news, reports and multimedia content through a distinctive purple and gold editorial identity. Arabic News Website Responsive Layout Content Platform Visit Live Website 03 \/ 03 Luxury Real Estate Website AVIN Real Estate Group A refined real estate website featuring a calm premium visual direction, elegant property presentation and a responsive experience tailored to the Gulf market. Luxury Real Estate Arabic Experience Responsive Design Visit Live Website 01 CEG Egypt Construction 02 El Watan News News Platform 03 AVIN Real Estate Real Estate 01 03 01 03 SELECTED REELS Reels &#038; Motion Work A selection of short-form visual content created for brands, campaigns and digital storytelling. 01 Watch Reel Educational Campaign UCMAS 02 Watch Reel Beauty &#038; Skincare MORIVE Campaign 03 Watch Reel Product Storytelling MORIVE Visual Reel 04 Watch Reel Social Media Reel MORIVE Brand Story 01 04 FEATURED BRAND PROJECT MORIVE Brand Showcase A curated collection of social media visuals, product campaigns and branded creative work developed for MORIVE. 01 \u2197 02 \u2197 03 \u2197 04 \u2197 05 \u2197 06 \u2197 07 \u2197 08 \u2197 09 \u2197 10 \u2197 11 \u2197 12 \u2197 13 \u2197 01 13 View Full MORIVE Project \u00d7 01 13 FEATURED MEDIA PROJECT Amira Abdelaziz A selected collection of media visuals, personal branding designs and digital campaign artwork created for TV presenter Amira Abdelaziz. 01 \u2197 02 \u2197 03 \u2197 04 \u2197 05 \u2197 06 \u2197 07 \u2197 08 \u2197 01 08 \u00d7 01 08 FEATURED CORPORATE PROJECT CEG A selected collection of corporate identity visuals, contracting campaigns and social media designs created for CEG. 01 \u2197 02 \u2197 03 \u2197 04 \u2197 05 \u2197 06 \u2197 07 \u2197 08 \u2197 09 \u2197 10 \u2197 11 \u2197 12 \u2197 01 12 View Full CEG Project \u00d7 01 12 FEATURED RETAIL PROJECT El Nasr Store A selected collection of technology product campaigns, retail visuals and social media designs created for El Nasr Store. 01 \u2197 02 \u2197 03 \u2197 04 \u2197 05 \u2197 06 \u2197 07 \u2197 08 \u2197 09 \u2197 01 09 View Full El Nasr Store Project \u00d7 01 09 FEATURED FOOD BRAND PROJECT Master Kitchen A selected collection of food campaigns, promotional visuals and social media designs created for Master Kitchen. 01 \u2197 02 \u2197 03 \u2197 04 \u2197 05 \u2197 06 \u2197 07 \u2197 01 07 View Full Master Kitchen Project \u00d7 01 07 SELECTED LOGO PROJECTS Logo Design Portfolio A curated selection of logo and brand identity projects designed for businesses, media platforms and personal brands. 01 Brand Identity Master Kitchen 02 Personal Brand Nader Saied 03 Beauty Brand MORIVE 04 News Brand El Watan Eldawlia LET\u2019S CREATE SOMETHING GREAT Let\u2019s Build Your Next Digital Experience Brand identity, websites, social media, AI visuals and video production \u2014 all crafted with one clear goal: making your business look stronger and more professional. Start a Project WhatsApp Me View Projects Explore selected work Behance Creative portfolio LinkedIn Professional profile Facebook Follow latest updates<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-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":808,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/991\/revisions"}],"predecessor-version":[{"id":4427,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/991\/revisions\/4427"}],"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}]}}