{"id":4370,"date":"2026-07-13T07:48:32","date_gmt":"2026-07-13T07:48:32","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=4370"},"modified":"2026-07-13T07:55:50","modified_gmt":"2026-07-13T07:55:50","slug":"home-new","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/home-new\/","title":{"rendered":"Home New"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4370\" class=\"elementor elementor-4370\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e6b37c 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=\"3e6b37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-453aef9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"453aef9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8118929 elementor-widget elementor-widget-html\" data-id=\"8118929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Social Media Portfolio Slider -->\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n\/>\n\n<section class=\"nader-portfolio-slider\" id=\"naderPortfolioSlider\">\n\n  <div class=\"nader-slider-background\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-1\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-2\"><\/div>\n\n  <div class=\"nader-slider-container\">\n\n    <!-- Section Heading -->\n    <div class=\"nader-slider-heading\">\n\n      <div class=\"nader-social-icon\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Social.png\"\n          alt=\"Social Media Design\"\n          loading=\"eager\"\n        >\n      <\/div>\n\n      <div class=\"nader-section-tag\">\n        <span><\/span>\n        SOCIAL MEDIA DESIGN\n        <span><\/span>\n      <\/div>\n\n      <h2>Creative Social Media<\/h2>\n\n      <p>\n        A curated collection of social media visuals, campaigns and branded digital content.\n      <\/p>\n\n    <\/div>\n\n    <!-- Main Slider -->\n    <div class=\"swiper nader-main-swiper\">\n\n      <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"0\" aria-label=\"Open design 1\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\"\n              alt=\"Social media design by Nader Saied\"\n            >\n\n            <span class=\"nader-card-number\">01<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"1\" aria-label=\"Open design 2\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">02<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"2\" aria-label=\"Open design 3\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">03<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"3\" aria-label=\"Open design 4\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">04<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"4\" aria-label=\"Open design 5\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">05<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"5\" aria-label=\"Open design 6\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">06<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"6\" aria-label=\"Open design 7\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">07<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"7\" aria-label=\"Open design 8\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\"\n              alt=\"Product advertising design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">08<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"8\" aria-label=\"Open design 9\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">09<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"9\" aria-label=\"Open design 10\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">10<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"10\" aria-label=\"Open design 11\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">11<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n      <\/div>\n\n      <!-- Slider Arrows -->\n      <button type=\"button\" class=\"nader-main-arrow nader-main-prev\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button type=\"button\" class=\"nader-main-arrow nader-main-next\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <!-- Main Thumbnails -->\n    <div class=\"nader-thumbnails-wrapper\">\n\n      <div class=\"swiper nader-thumbs-swiper\">\n\n        <div class=\"swiper-wrapper\">\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"Thumbnail 1\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"Thumbnail 2\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"Thumbnail 3\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"Thumbnail 4\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"Thumbnail 5\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"Thumbnail 6\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"Thumbnail 7\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"Thumbnail 8\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"Thumbnail 9\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"Thumbnail 10\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"Thumbnail 11\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Counter And Pagination -->\n    <div class=\"nader-slider-bottom\">\n\n      <div class=\"nader-slider-counter\">\n        <strong class=\"nader-current-number\">01<\/strong>\n        <span><\/span>\n        <small>11<\/small>\n      <\/div>\n\n      <div class=\"nader-slider-pagination\"><\/div>\n\n    <\/div>\n\n    <!-- View All Button -->\n    <div class=\"nader-view-all-wrapper\">\n      <a\n        href=\"https:\/\/nadersaied.com\/my-social-work\/\"\n        class=\"nader-view-all-button\"\n        aria-label=\"View all social media designs\"\n      >\n        <span>View All Social Media Designs<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Fullscreen Viewer -->\n<div\n  class=\"nader-lightbox\"\n  id=\"naderLightbox\"\n  aria-hidden=\"true\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Social media design preview\"\n>\n\n  <div class=\"nader-lightbox-overlay\"><\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-close\"\n    aria-label=\"Close fullscreen image\"\n    title=\"Close\"\n  >\u00d7<\/button>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-prev\"\n    aria-label=\"Previous image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-stage\">\n\n    <div class=\"nader-lightbox-loader\"><\/div>\n\n    <img decoding=\"async\"\n      class=\"nader-lightbox-image\"\n      src=\"\"\n      alt=\"Fullscreen social media design\"\n    >\n\n  <\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-next\"\n    aria-label=\"Next image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-bottom\">\n\n    <div class=\"nader-lightbox-counter\">\n      <strong class=\"nader-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>11<\/small>\n    <\/div>\n\n    <div class=\"nader-lightbox-thumbnails\">\n\n      <button type=\"button\" data-index=\"0\" aria-label=\"Open image 1\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"1\" aria-label=\"Open image 2\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"2\" aria-label=\"Open image 3\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"3\" aria-label=\"Open image 4\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"4\" aria-label=\"Open image 5\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"5\" aria-label=\"Open image 6\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"6\" aria-label=\"Open image 7\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"7\" aria-label=\"Open image 8\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"8\" aria-label=\"Open image 9\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"9\" aria-label=\"Open image 10\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"10\" aria-label=\"Open image 11\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"\">\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n.nader-portfolio-slider,\n.nader-portfolio-slider *,\n.nader-lightbox,\n.nader-lightbox * {\n  box-sizing: border-box;\n}\n\n.nader-portfolio-slider {\n  --nader-gold: #f5c85c;\n  --nader-gold-light: #fff1b4;\n  --nader-red: #d21f55;\n  --nader-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 90px 5% 85px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 15% 20%, rgba(197,18,65,0.19), transparent 30%),\n    radial-gradient(circle at 88% 80%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #ffffff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* Professional Separator *\/\n.nader-portfolio-slider::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,0.08) 18%,\n    rgba(245,200,92,0.90) 50%,\n    rgba(210,31,85,0.35) 78%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,0.24),\n    0 0 40px rgba(210,31,85,0.12);\n}\n\n.nader-portfolio-slider::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--nader-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,0.70),\n    0 0 30px rgba(210,31,85,0.24);\n}\n\n.nader-slider-background {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.18;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 48px 48px;\n}\n\n.nader-slider-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(15px);\n  pointer-events: none;\n}\n\n.nader-slider-glow-1 {\n  top: 80px;\n  left: -120px;\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(218,31,83,0.20), transparent 70%);\n}\n\n.nader-slider-glow-2 {\n  right: -140px;\n  bottom: -80px;\n  width: 460px;\n  height: 460px;\n  background: radial-gradient(circle, rgba(245,200,92,0.16), transparent 70%);\n}\n\n.nader-slider-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* Social Media Icon *\/\n.nader-social-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: clamp(165px, 15vw, 235px);\n  height: clamp(165px, 15vw, 235px);\n  margin: 0 auto 28px;\n}\n\n.nader-social-icon::before {\n  content: \"\";\n  position: absolute;\n  width: 138%;\n  height: 138%;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(245,200,92,0.12), transparent 58%),\n    radial-gradient(circle at 65% 35%, rgba(210,31,85,0.12), transparent 54%);\n  filter: blur(12px);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.nader-social-icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  width: 74px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(245,200,92,0.25);\n}\n\n.nader-social-icon img {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 112%;\n  height: 112%;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 16px 25px rgba(0,0,0,0.30))\n    drop-shadow(0 0 16px rgba(245,200,92,0.07));\n  transform: translateZ(0);\n}\n\n\/* Heading *\/\n.nader-slider-heading {\n  max-width: 760px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.nader-section-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 16px;\n  color: var(--nader-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.5px;\n}\n\n.nader-section-tag span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78)\n  );\n}\n\n.nader-section-tag span:last-child {\n  background: linear-gradient(\n    90deg,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n}\n\n.nader-slider-heading h2 {\n  margin: 0;\n  color: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(44px, 5.4vw, 72px);\n  font-weight: 500;\n  line-height: 1.04;\n  letter-spacing: -2.2px;\n}\n\n.nader-slider-heading p {\n  max-width: 560px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.58);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Main Slider *\/\n.nader-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 15px 7px 32px;\n}\n\n.nader-main-swiper .swiper-slide,\n.nader-main-swiper .swiper-slide-active,\n.nader-main-swiper .swiper-slide-prev,\n.nader-main-swiper .swiper-slide-next {\n  height: auto;\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n.nader-design-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 22px;\n  background: #16070b;\n  box-shadow: 0 25px 60px rgba(0,0,0,0.38);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition:\n    transform 0.4s ease,\n    border-color 0.35s ease,\n    box-shadow 0.4s ease;\n}\n\n.nader-design-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,0.58);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,0.52),\n    0 0 40px rgba(210,31,85,0.13);\n}\n\n.nader-design-card > img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  opacity: 1 !important;\n  filter: none !important;\n  transition: transform 0.7s ease;\n}\n\n.nader-design-card:hover > img {\n  transform: scale(1.035);\n}\n\n.nader-main-swiper .swiper-slide-active .nader-design-card {\n  border-color: rgba(245,200,92,0.62);\n  box-shadow:\n    0 30px 75px rgba(0,0,0,0.52),\n    0 0 0 1px rgba(245,200,92,0.10),\n    0 0 35px rgba(210,31,85,0.10);\n}\n\n.nader-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 42px;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,0.20);\n  border-radius: 40px;\n  background: rgba(8,3,5,0.64);\n  color: rgba(255,255,255,0.88);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.nader-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.68);\n  backdrop-filter: blur(12px);\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-card-expand svg {\n  width: 19px;\n  height: 19px;\n  fill: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand {\n  transform: rotate(90deg);\n  background: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand svg {\n  fill: #18070c;\n}\n\n\/* Main Arrows *\/\n.nader-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,0.36);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.76);\n  cursor: pointer;\n  transform: translateY(-50%);\n  backdrop-filter: blur(14px);\n}\n\n.nader-main-prev {\n  left: 18px;\n}\n\n.nader-main-next {\n  right: 18px;\n}\n\n.nader-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #ffffff;\n}\n\n.nader-main-arrow:hover {\n  background: var(--nader-gold);\n}\n\n.nader-main-arrow:hover svg {\n  fill: #18070c;\n}\n\n\/* Thumbnails *\/\n.nader-thumbnails-wrapper {\n  width: min(100%, 1050px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 17px;\n  background: rgba(255,255,255,0.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,0.24);\n  backdrop-filter: blur(16px);\n}\n\n.nader-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.nader-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 1px solid transparent;\n  border-radius: 11px;\n  opacity: 0.42;\n  cursor: pointer;\n  transition:\n    opacity 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n  transform: scale(0.96);\n}\n\n.nader-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Counter *\/\n.nader-slider-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n  margin-top: 24px;\n}\n\n.nader-slider-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.nader-slider-counter strong {\n  color: var(--nader-gold);\n  font-size: 19px;\n}\n\n.nader-slider-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,0.30);\n}\n\n.nader-slider-counter small {\n  color: rgba(255,255,255,0.55);\n  font-size: 12px;\n}\n\n.nader-slider-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.32);\n  opacity: 1;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--nader-red), var(--nader-gold));\n}\n\n\/* View All Button *\/\n.nader-view-all-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 34px;\n}\n\n.nader-view-all-button {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 285px;\n  min-height: 58px;\n  padding: 0 28px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(210,31,85,0.94), rgba(117,10,43,0.96));\n  box-shadow:\n    0 18px 42px rgba(0,0,0,0.30),\n    0 10px 35px rgba(210,31,85,0.20);\n  color: #ffffff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.nader-view-all-button::before {\n  content: \"\";\n  position: absolute;\n  top: -100%;\n  left: -45%;\n  z-index: -1;\n  width: 38%;\n  height: 300%;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,0.30),\n    transparent\n  );\n  transform: rotate(20deg);\n  transition: left 0.7s ease;\n}\n\n.nader-view-all-button:hover::before {\n  left: 125%;\n}\n\n.nader-view-all-button:hover {\n  transform: translateY(-4px);\n  border-color: rgba(245,200,92,0.92);\n  box-shadow:\n    0 24px 55px rgba(0,0,0,0.38),\n    0 15px 45px rgba(210,31,85,0.30);\n}\n\n.nader-view-all-button svg {\n  width: 21px;\n  height: 21px;\n  fill: var(--nader-gold);\n  transition:\n    transform 0.3s ease,\n    fill 0.3s ease;\n}\n\n.nader-view-all-button:hover svg {\n  transform: translateX(5px);\n  fill: var(--nader-gold-light);\n}\n\n\/* Lightbox *\/\n.nader-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n  transition:\n    opacity 0.3s ease,\n    visibility 0.3s ease;\n}\n\n.nader-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.nader-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(91,12,34,0.34), transparent 48%),\n    rgba(2,1,1,0.97);\n  backdrop-filter: blur(18px);\n}\n\n\n\n\n\n.nader-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(82vw, 1250px);\n  height: calc(100vh - 190px);\n  padding: 15px;\n}\n\n.nader-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n  box-shadow: 0 40px 120px rgba(0,0,0,0.78);\n  opacity: 0;\n  transform: scale(0.96);\n  transition:\n    opacity 0.3s ease,\n    transform 0.4s ease;\n}\n\n.nader-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.nader-lightbox-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,0.16);\n  border-top-color: var(--nader-gold);\n  border-radius: 50%;\n  animation: naderLoader 0.8s linear infinite;\n}\n\n.nader-lightbox-loader.is-hidden {\n  display: none;\n}\n\n.nader-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 61px;\n  height: 61px;\n  border: 1px solid rgba(245,200,92,0.38);\n  border-radius: 50%;\n  background: rgba(12,4,7,0.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.nader-lightbox-prev {\n  left: 24px;\n}\n\n.nader-lightbox-next {\n  right: 24px;\n}\n\n.nader-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #ffffff;\n}\n\n.nader-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(0,0,0,0.96), rgba(0,0,0,0.15));\n}\n\n.nader-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.nader-lightbox-counter strong {\n  color: var(--nader-gold);\n  font-size: 17px;\n}\n\n.nader-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,0.28);\n}\n\n.nader-lightbox-counter small {\n  color: rgba(255,255,255,0.54);\n  font-size: 11px;\n}\n\n.nader-lightbox-thumbnails {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 820px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.nader-lightbox-thumbnails button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: 0.45;\n  cursor: pointer;\n}\n\n.nader-lightbox-thumbnails button.is-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n}\n\n.nader-lightbox-thumbnails img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.nader-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none;\n}\n\n@keyframes naderLoader {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .nader-social-icon {\n    width: 150px;\n    height: 150px;\n    margin-bottom: 22px;\n  }\n\n  .nader-portfolio-slider {\n    padding: 58px 16px;\n  }\n\n  .nader-slider-heading {\n    margin-bottom: 25px;\n  }\n\n  .nader-section-tag {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.8px;\n    white-space: nowrap;\n  }\n\n  .nader-section-tag span {\n    width: 20px;\n  }\n\n  .nader-slider-heading h2 {\n    font-size: clamp(27px, 8vw, 38px);\n    line-height: 1.12;\n    letter-spacing: -1px;\n    white-space: normal;\n  }\n\n  .nader-slider-heading p {\n    max-width: 310px;\n    margin: 11px auto 0;\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  .nader-main-arrow {\n    display: none;\n  }\n\n  .nader-design-card {\n    border-radius: 16px;\n  }\n\n  .nader-thumbnails-wrapper {\n    padding: 6px;\n    border-radius: 12px;\n  }\n\n  .nader-slider-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .nader-view-all-wrapper {\n    margin-top: 27px;\n  }\n\n  .nader-view-all-button {\n    width: min(100%, 310px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    border-radius: 10px;\n    font-size: 12px;\n  }\n\n  \n\n  .nader-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(70px + env(safe-area-inset-top))\n      8px\n      calc(115px + env(safe-area-inset-bottom));\n  }\n\n  .nader-lightbox-arrow {\n    top: auto;\n    bottom: calc(88px + env(safe-area-inset-bottom));\n    width: 46px;\n    height: 46px;\n    transform: none;\n  }\n\n  .nader-lightbox-prev {\n    left: 12px;\n  }\n\n  .nader-lightbox-next {\n    right: 12px;\n  }\n\n  .nader-lightbox-thumbnails button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n\/* MOBILE-SAFE CLOSE BUTTON *\/\n\n\n@media (max-width:767px){\n  \n}\n\n\n@media (max-width: 390px) {\n  .nader-social-icon {\n    width: 132px;\n    height: 132px;\n  }\n}\n\n\n\n\/* ==================================================\n   SINGLE DEFINITIVE GOLD GLASS CLOSE BUTTON\n   Desktop + Tablet + Mobile\n================================================== *\/\n#naderLightbox .nader-lightbox-close {\n  position: fixed !important;\n  top: 18px !important;\n  right: 18px !important;\n  left: auto !important;\n  bottom: auto !important;\n  z-index: 2147483647 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  width: 58px !important;\n  height: 58px !important;\n  min-width: 58px !important;\n  min-height: 58px !important;\n  padding: 0 0 4px 0 !important;\n  margin: 0 !important;\n\n  border: 1px solid rgba(255, 222, 135, 0.96) !important;\n  border-radius: 50% !important;\n  outline: none !important;\n\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.04)),\n    rgba(32, 8, 15, 0.90) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.34),\n    inset 0 -1px 0 rgba(245,200,92,0.14),\n    0 14px 38px rgba(0,0,0,0.70),\n    0 0 0 4px rgba(245,200,92,0.08),\n    0 0 34px rgba(245,200,92,0.42) !important;\n\n  color: #f5c85c !important;\n  text-shadow:\n    0 0 8px rgba(245,200,92,0.95),\n    0 0 18px rgba(245,200,92,0.45) !important;\n\n  font-family: Arial, Helvetica, sans-serif !important;\n  font-size: 42px !important;\n  font-weight: 300 !important;\n  line-height: 1 !important;\n  text-align: center !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n\n  backdrop-filter: blur(18px) saturate(155%) !important;\n  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;\n\n  transform: translate3d(0,0,0) !important;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease !important;\n}\n\n#naderLightbox .nader-lightbox-close::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 7px !important;\n  left: 11px !important;\n  width: 25px !important;\n  height: 10px !important;\n  border-radius: 50% !important;\n  background: linear-gradient(90deg, rgba(255,255,255,0.52), transparent) !important;\n  filter: blur(1px) !important;\n  transform: rotate(-24deg) !important;\n  pointer-events: none !important;\n}\n\n#naderLightbox .nader-lightbox-close:hover {\n  background:\n    linear-gradient(145deg, rgba(245,200,92,0.31), rgba(255,255,255,0.08)),\n    rgba(48, 11, 21, 0.96) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.42),\n    0 16px 44px rgba(0,0,0,0.74),\n    0 0 0 5px rgba(245,200,92,0.10),\n    0 0 44px rgba(245,200,92,0.54) !important;\n\n  transform: rotate(90deg) scale(1.06) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:active {\n  transform: rotate(90deg) scale(.92) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:focus-visible {\n  outline: 2px solid #fff1b4 !important;\n  outline-offset: 4px !important;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #naderLightbox .nader-lightbox-close {\n    top: 15px !important;\n    right: 15px !important;\n    width: 54px !important;\n    height: 54px !important;\n    min-width: 54px !important;\n    min-height: 54px !important;\n    font-size: 39px !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(12px + env(safe-area-inset-top)) !important;\n    right: calc(12px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    min-width: 50px !important;\n    min-height: 50px !important;\n    font-size: 37px !important;\n  }\n}\n\n\/* Small mobile *\/\n@media (max-width: 390px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 48px !important;\n    height: 48px !important;\n    min-width: 48px !important;\n    min-height: 48px !important;\n    font-size: 35px !important;\n  }\n}\n\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initializeNaderSlider() {\n\n    const sliderSection = document.getElementById(\"naderPortfolioSlider\");\n    const lightbox = document.getElementById(\"naderLightbox\");\n\n    if (!sliderSection || !lightbox) return;\n    if (sliderSection.dataset.initialized === \"true\") return;\n\n    sliderSection.dataset.initialized = \"true\";\n\n    \/* Move lightbox directly under body so position:fixed works correctly in Elementor\/mobile *\/\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n\n    const currentNumber =\n      sliderSection.querySelector(\".nader-current-number\");\n\n    const thumbnailsSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-thumbs-swiper\"),\n      {\n        slidesPerView: 5,\n        spaceBetween: 7,\n        watchSlidesProgress: true,\n        freeMode: true,\n\n        breakpoints: {\n          480: {\n            slidesPerView: 6,\n            spaceBetween: 8\n          },\n\n          768: {\n            slidesPerView: 8,\n            spaceBetween: 9\n          },\n\n          1100: {\n            slidesPerView: 11,\n            spaceBetween: 10\n          }\n        }\n      }\n    );\n\n    const mainSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-main-swiper\"),\n      {\n        slidesPerView: 1,\n        spaceBetween: 18,\n        speed: 750,\n        loop: false,\n        grabCursor: true,\n\n        thumbs: {\n          swiper: thumbnailsSwiper\n        },\n\n        navigation: {\n          nextEl: sliderSection.querySelector(\".nader-main-next\"),\n          prevEl: sliderSection.querySelector(\".nader-main-prev\")\n        },\n\n        pagination: {\n          el: sliderSection.querySelector(\".nader-slider-pagination\"),\n          clickable: true\n        },\n\n        autoplay: {\n          delay: 3500,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n\n        breakpoints: {\n          540: {\n            slidesPerView: 1.35,\n            spaceBetween: 20\n          },\n\n          768: {\n            slidesPerView: 2.15,\n            spaceBetween: 23\n          },\n\n          1100: {\n            slidesPerView: 3,\n            spaceBetween: 27\n          }\n        },\n\n        on: {\n          init: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          },\n\n          slideChange: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          }\n        }\n      }\n    );\n\n    const lightboxImage =\n      lightbox.querySelector(\".nader-lightbox-image\");\n\n    const lightboxLoader =\n      lightbox.querySelector(\".nader-lightbox-loader\");\n\n    const lightboxClose =\n      lightbox.querySelector(\".nader-lightbox-close\");\n\n\n    function forceCloseButtonVisible() {\n      if (!lightboxClose) return;\n\n      lightboxClose.textContent = \"\u00d7\";\n      lightboxClose.setAttribute(\"aria-label\", \"Close fullscreen image\");\n      lightboxClose.setAttribute(\"title\", \"Close\");\n\n      const isMobile = window.matchMedia(\"(max-width: 767px)\").matches;\n      const isTablet = window.matchMedia(\"(max-width: 1024px)\").matches;\n\n      lightboxClose.style.setProperty(\"position\", \"fixed\", \"important\");\n      lightboxClose.style.setProperty(\"top\", isMobile\n        ? \"calc(12px + env(safe-area-inset-top))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"right\", isMobile\n        ? \"calc(12px + env(safe-area-inset-right))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"left\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"bottom\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      lightboxClose.style.setProperty(\"display\", \"flex\", \"important\");\n      lightboxClose.style.setProperty(\"align-items\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"justify-content\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"opacity\", \"1\", \"important\");\n      lightboxClose.style.setProperty(\"visibility\", \"visible\", \"important\");\n      lightboxClose.style.setProperty(\"pointer-events\", \"auto\", \"important\");\n    }\n\n    const lightboxPrevious =\n      lightbox.querySelector(\".nader-lightbox-prev\");\n\n    const lightboxNext =\n      lightbox.querySelector(\".nader-lightbox-next\");\n\n    const lightboxOverlay =\n      lightbox.querySelector(\".nader-lightbox-overlay\");\n\n    const lightboxCurrent =\n      lightbox.querySelector(\".nader-lightbox-current\");\n\n    const lightboxThumbButtons =\n      Array.from(\n        lightbox.querySelectorAll(\".nader-lightbox-thumbnails button\")\n      );\n\n    const cards =\n      sliderSection.querySelectorAll(\".nader-design-card\");\n\n    let activeImageIndex = 0;\n    let touchStartX = 0;\n\n    function updateLightboxThumbnails() {\n\n      lightboxThumbButtons.forEach(function (button, index) {\n        button.classList.toggle(\n          \"is-active\",\n          index === activeImageIndex\n        );\n      });\n\n      const activeThumbnail =\n        lightboxThumbButtons[activeImageIndex];\n\n      if (activeThumbnail) {\n        activeThumbnail.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadLightboxImage() {\n\n      lightboxImage.classList.remove(\"is-loaded\");\n      lightboxLoader.classList.remove(\"is-hidden\");\n\n      lightboxCurrent.textContent =\n        formatNumber(activeImageIndex + 1);\n\n      updateLightboxThumbnails();\n\n      const preloadImage = new Image();\n\n      preloadImage.onload = function () {\n        lightboxImage.src = images[activeImageIndex];\n\n        requestAnimationFrame(function () {\n          lightboxImage.classList.add(\"is-loaded\");\n          lightboxLoader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preloadImage.onerror = function () {\n        lightboxLoader.classList.add(\"is-hidden\");\n      };\n\n      preloadImage.src = images[activeImageIndex];\n    }\n\n    function openLightbox(index) {\n\n      activeImageIndex = index;\n\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      forceCloseButtonVisible();\n\n      document.body.classList.add(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"hidden\";\n      document.body.style.touchAction = \"none\";\n      document.documentElement.style.overflow = \"hidden\";\n      document.documentElement.style.touchAction = \"none\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.stop();\n      }\n\n      loadLightboxImage();\n\n      setTimeout(function () {\n        lightboxClose.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.classList.remove(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"\";\n      document.body.style.touchAction = \"\";\n      document.documentElement.style.overflow = \"\";\n      document.documentElement.style.touchAction = \"\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.start();\n      }\n\n      setTimeout(function () {\n        lightboxImage.src = \"\";\n        lightboxImage.classList.remove(\"is-loaded\");\n        lightboxLoader.classList.remove(\"is-hidden\");\n      }, 300);\n    }\n\n    function showPreviousImage() {\n      activeImageIndex =\n        (activeImageIndex - 1 + images.length) % images.length;\n\n      loadLightboxImage();\n    }\n\n    function showNextImage() {\n      activeImageIndex =\n        (activeImageIndex + 1) % images.length;\n\n      loadLightboxImage();\n    }\n\n    cards.forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lightboxThumbButtons.forEach(function (button) {\n      button.addEventListener(\"click\", function () {\n        activeImageIndex = Number(button.dataset.index);\n        loadLightboxImage();\n      });\n    });\nlightboxClose.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    lightboxClose.addEventListener(\"touchend\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    }, { passive: false });\n    lightboxOverlay.addEventListener(\"click\", closeLightbox);\n\n    lightboxPrevious.addEventListener(\"click\", showPreviousImage);\n    lightboxNext.addEventListener(\"click\", showNextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") showPreviousImage();\n      if (event.key === \"ArrowRight\") showNextImage();\n    });\n\n    lightboxImage.addEventListener(\n      \"touchstart\",\n      function (event) {\n        touchStartX =\n          event.changedTouches[0].clientX;\n      },\n      { passive: true }\n    );\n\n    lightboxImage.addEventListener(\n      \"touchend\",\n      function (event) {\n\n        const touchEndX =\n          event.changedTouches[0].clientX;\n\n        const distance =\n          touchEndX - touchStartX;\n\n        if (Math.abs(distance) < 45) return;\n\n        if (distance > 0) {\n          showPreviousImage();\n        } else {\n          showNextImage();\n        }\n      },\n      { passive: true }\n    );\n  }\n\n  window.addEventListener(\"resize\", function () {\n    const lightbox = document.getElementById(\"naderLightbox\");\n    if (lightbox && lightbox.classList.contains(\"is-open\")) {\n      const closeButton = lightbox.querySelector(\".nader-lightbox-close\");\n      if (closeButton) {\n        closeButton.style.setProperty(\"display\", \"flex\", \"important\");\n        closeButton.style.setProperty(\"visibility\", \"visible\", \"important\");\n        closeButton.style.setProperty(\"opacity\", \"1\", \"important\");\n        closeButton.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      }\n    }\n  });\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeNaderSlider\n    );\n  } else {\n    initializeNaderSlider();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOCIAL MEDIA DESIGN Creative Social Media A curated collection of social media visuals, campaigns and branded digital content. 01 02 03 04 05 06 07 08 09 10 11 01 11 View All Social Media Designs \u00d7 01 11<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4370","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_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\/4370","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=4370"}],"version-history":[{"count":10,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4385,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4385"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}