@import url('https://fonts.cdnfonts.com/css/runiga');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap');

@font-face {
  font-family: 'Runiga';
  src: url('../fonts/Runiga.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Egypt Creative Custom Design Tokens & Brand Overrides
   ========================================================================== */

:root {
  --nx-prime-c: #274226 !important; /* Egypt Creative Royal Forest Green */
  --nx-prime-c2: #1e3a1f !important;
  --nx-accent-gold: #c5a059 !important;
}

/* ==========================================================================
   0. Ultra-Reliable Preloader Auto-Dismiss (Pure CSS Fail-Safe)
   ========================================================================== */
#preloader {
  animation: preloaderAutoHide 0.7s cubic-bezier(0.65, 0, 0.35, 1) 1.2s forwards !important;
}

@keyframes preloaderAutoHide {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
  }
  100% {
    opacity: 0;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
  }
}

#preloader.preloaded {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
}

.custom-preloader-logo {
  max-width: 250px !important;
  max-height: 110px !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  filter: drop-shadow(0 0 20px rgba(39, 66, 38, 0.5)) !important;
}

/* ==========================================================================
   1. Universal Orange Elimination (#FD3F00, #ff6000, #ff5e14)
   ========================================================================== */
svg [fill="#FD3F00" i],
svg [fill="#fd3f00" i],
svg [fill="#ff6000" i],
svg [fill="#ff5e14" i],
svg path[fill="#FD3F00" i],
svg path[fill="#fd3f00" i],
svg circle[fill="#FD3F00" i],
svg rect[fill="#FD3F00" i],
svg polygon[fill="#FD3F00" i] {
  fill: #274226 !important;
}

svg [stroke="#FD3F00" i],
svg [stroke="#fd3f00" i],
svg [stroke="#ff6000" i],
svg [stroke="#ff5e14" i],
svg path[stroke="#FD3F00" i],
svg path[stroke="#fd3f00" i],
svg circle[stroke="#FD3F00" i],
svg rect[stroke="#FD3F00" i] {
  stroke: #274226 !important;
}

/* Inline style orange text or background */
[style*="#FD3F00" i],
[style*="#fd3f00" i],
[style*="#ff6000" i] {
  color: #274226 !important;
}

/* Hero Section Graphics & Circular Elements */
.nx-hero1-sec .nx-hr-shape1 img,
.nx-hero1-sec .nx-hr-shape2 img {
  filter: hue-rotate(95deg) saturate(1.8) brightness(0.9) !important;
}

.nx-hero1-sec .nx-hr-social ul:before,
.nx-hero1-sec .nx-hr-social .nx-socila-circle {
  border-color: var(--nx-prime-c) !important;
}

.nx-hero1-sec .nx-hr-social .nx-socila-circle:after {
  background-color: var(--nx-prime-c) !important;
}

/* Marquees & Ribbons */
.nx-hero1-marquee,
.nx-hero2-marquee,
.nx-hr-marquee {
  background-color: var(--nx-prime-c) !important;
}

/* Badges, Subtitles & Section Tags */
.hr1-slug,
.item-tag,
.section-subtitle,
.nx-sub-title,
.nx-sec-title .nx-sub-title,
.nx-sec-title .nx-sub-title span,
.post-meta span i,
.copyright span {
  color: var(--nx-prime-c) !important;
}

/* Buttons & CTAs */
.nx-btn1 a, 
.nx-btn1 button,
.btn-cta,
.cta-btn a,
.nx-btn2 a,
.nx-btn3 a,
.nx-btn-default,
.theme-btn,
.post-readmore a,
.nx-blog-btn a,
.nx-footer-submit button,
.wpcf7-submit {
  background-color: var(--nx-prime-c) !important;
  border-color: var(--nx-prime-c) !important;
  color: #ffffff !important;
}

.nx-btn1 a span, 
.nx-btn1 button span {
  color: #ffffff !important;
}

.nx-btn1 a:hover,
.nx-btn1 button:hover,
.btn-cta:hover,
.cta-btn a:hover,
.wpcf7-submit:hover {
  background-color: #1e3a1f !important;
  border-color: #1e3a1f !important;
}

/* Warm Gold for Review Stars */
.fa-star,
.fa-star-half-stroke {
  color: #ffb800 !important;
}

/* ==========================================================================
   2. Header & Preloader Logos
   ========================================================================== */
.brand-logo,
.site-logo,
.navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
}

.brand-logo img,
.site-logo img,
.custom-logo,
.custom-preloader-logo,
.logo_site-size,
.navbar-brand img,
.header-logo img {
  max-height: 55px !important;
  width: auto !important;
  max-width: 240px !important;
  object-fit: contain !important;
  display: block !important;
}

.ftc-header-1-area {
  padding: 20px 0 !important;
  position: relative !important;
  z-index: 100 !important;
  background: transparent !important;
}

/* Preloader */
#preloader .preloader-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

#preloader .custom-preloader-logo {
  max-height: 70px !important;
  width: auto !important;
  margin: 0 auto !important;
  animation: pulseLogo 1.8s infinite ease-in-out;
}

@keyframes pulseLogo {
  0% { transform: scale(0.96); opacity: 0.85; }
  50% { transform: scale(1.04); opacity: 1; }
  100% { transform: scale(0.96); opacity: 0.85; }
}

/* ==========================================================================
   3. Contact Form 7 / Form #11 WhatsApp Integration Styling
   ========================================================================== */
.nx-cta1-form,
.wpcf7-form {
  position: relative;
}

.wpcf7-form .item-input input,
.wpcf7-form .item-input textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
}

.wpcf7-form .item-input input:focus,
.wpcf7-form .item-input textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: var(--nx-prime-c) !important;
  box-shadow: 0 0 0 3px rgba(39, 66, 38, 0.3) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  outline: none !important;
}

.wpcf7-form button[type="submit"],
.wpcf7-form input[type="submit"],
.nx-cta1-form button[type="submit"] {
  background-color: var(--nx-prime-c) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
}

.wpcf7-form button[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover,
.nx-cta1-form button[type="submit"]:hover {
  background-color: #1e3a1f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(39, 66, 38, 0.35) !important;
}

/* ==========================================================================
   4. Header & Top Bar User Preferences
   ========================================================================== */
.ftc-header-1-area {
  display: none !important;
}

/* ==========================================================================
   5. Hero Social Media Arc Circle (.nx-hr-social)
   ========================================================================== */
/* Hero Text Visibility Safety */
.nx-hero1-sec .nx-btn1,
.nx-hero1-sec .hr1-slug,
.nx-hero1-sec .nx-hr1-brand {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4.8 Rating Element Visibility & Bright Sharp Styling */
.nx-hero1-sec .nx-hr1-client {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  align-items: center !important;
}

.nx-hero1-sec .nx-hr1-client h3,
.nx-hero1-sec .nx-hr1-cl-text h3 {
  color: #ffffff !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  margin: 0 0 0 12px !important;
}

.nx-hero1-sec .nx-hr1-cl-text .cl-text ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nx-hero1-sec .nx-hr1-cl-text .cl-text ul li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nx-hero1-sec .nx-hr1-cl-text .cl-text ul li i {
  color: #FFB800 !important;
  font-size: 15px !important;
  display: inline-block !important;
}

.nx-hero1-sec .nx-hr1-client .cl-text span {
  color: #ffffff !important;
  opacity: 0.95 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-shadow: none !important;
  display: block !important;
}

/* Clean Section Subtitles: Hide ugly { 01 }, { 07 } badges */
.subtitle > span:first-child,
.nx-ab1-subtitle > span:first-child,
.nx-pro1-subtitle > span:first-child,
.nx-subtitle > span:first-child {
  display: none !important;
}

/* Executive Dark Card Styling for Our Work (Center Logo Showcase, No Mockup Image) */
.nx-pro1-item {
  background: rgba(14, 18, 24, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  padding: 16px !important;
  gap: 20px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
}

.nx-pro1-item .item-img.nx-card-logo-display {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important; /* Pure White Box as requested by user */
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 20px !important;
  min-height: 290px !important;
  padding: 35px 25px !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

.nx-pro1-item .item-img.nx-card-logo-display .nx-card-logo-center {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.nx-pro1-item .item-img.nx-card-logo-display .nx-card-logo-center img {
  max-height: 145px !important;
  max-width: 82% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  transition: transform 0.4s ease !important;
}

.nx-pro1-item:hover .item-img.nx-card-logo-display .nx-card-logo-center img {
  transform: scale(1.08) !important;
}

/* Hide white-in-green cross mark on project hover */
.nx-pro1-item .item-img span,
.nx-pro1-item:hover .item-img span,
.nx-pro1-item .item-img span i,
.nx-pro1-item .item-img span img,
.nx-pro1-item .item-img span svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.nx-pro1-item .item-text {
  background-color: #080a0e !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
}

.nx-pro1-item .item-text h3.pro_title a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  transition: color 0.3s ease !important;
}

.nx-pro1-item .item-text h3.pro_title a:hover {
  color: #4ade80 !important;
}

.nx-pro1-item .item-text .item-list ul li {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  margin-bottom: 8px !important;
}

.nx-pro1-item .item-text .item-list span {
  color: #4ade80 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}

.nx-pro1-item .item-text .nx-btn1 a,
.nx-pro1-item .nx-btn1 a,
.nx-pro1-item .nx-btn1.ver_2 a {
  background: rgba(39, 66, 38, 0.4) !important;
  border: 1px solid #274226 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 4px 14px 4px 4px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  transform: none !important;
}

.nx-pro1-item .item-text .nx-btn1 a i,
.nx-pro1-item .nx-btn1 a i {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}

.nx-pro1-item .item-text .nx-btn1 a span,
.nx-pro1-item .nx-btn1 a span {
  font-size: 13px !important;
  padding-left: 8px !important;
}

.nx-pro1-item .item-text .nx-btn1 a:hover,
.nx-pro1-item .nx-btn1 a:hover,
.nx-pro1-item .nx-btn1.ver_2 a:hover {
  background: #274226 !important;
  border-color: #4ade80 !important;
}

/* Breadcrumb area uniform dark styling for project case studies */
body.page-template-template-project #ax-breadcurmb,
body.page-template-template-project .ax-breadcurmb-sec,
.single-project-dark-view #ax-breadcurmb,
.single-project-dark-view .ax-breadcurmb-sec,
#ax-breadcurmb.ax-breadcurmb-sec {
  background: #0a0c10 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.page-template-template-project #ax-breadcurmb h2,
body.page-template-template-project .ax-breadcurmb-sec h2,
#ax-breadcurmb.ax-breadcurmb-sec h2 {
  color: #ffffff !important;
}

body.page-template-template-project #ax-breadcurmb a,
body.page-template-template-project #ax-breadcurmb span,
#ax-breadcurmb.ax-breadcurmb-sec a,
#ax-breadcurmb.ax-breadcurmb-sec span {
  color: #a0aec0 !important;
}

.nx-hero1-sec .nx-hero1-right {
  max-width: 760px !important;
  width: 100% !important;
}

.nx-hero1-sec .nx-hr1-bottom {
  overflow: visible !important;
  max-width: 100% !important;
}

.nx-hero1-sec .nx-hr1-client {
  overflow: visible !important;
  flex-shrink: 0 !important;
}

.nx-hero1-sec .nx-hero1-text {
  margin-bottom: 25px !important;
}

/* Hero Title - Runiga Font, Two Distinct Lines, Scaled for Elegance */
.nx-hero1-sec .hr1_title,
.nx-hero1-sec .nx_hero_title,
.nx-hero1-sec .nx-hero1-title h1,
.nx-hero1-sec h1.hero_title_1,
.nx-hero1-sec .hero_title_1 {
  font-family: 'Runiga', 'Syne', sans-serif !important;
  font-size: clamp(36px, 4.2vw, 64px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  word-break: normal !important;
  text-shadow: 0 0 35px rgba(255, 255, 255, 0.25) !important;
  display: block !important;
}

.nx-hero1-sec .hr1_title span,
.nx-hero1-sec .hero_title_1 span,
.nx-hero1-sec .nx_hero_title span {
  display: block !important;
  width: 100% !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-family: 'Runiga', 'Syne', sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  margin-bottom: 2px !important;
  text-shadow: 0 0 35px rgba(255, 255, 255, 0.25) !important;
}

.nx-hero1-sec .hr1_title *,
.nx-hero1-sec .hero_title_1 * {
  color: #ffffff !important;
  opacity: 1 !important;
  word-break: normal !important;
}

.nx-hero1-sec .hr1_title > .split-line,
.nx-hero1-sec .hero_title_1 > .split-line,
.nx-hero1-sec .hr1_title .line,
.nx-hero1-sec .hero_title_1 .line {
  display: block !important;
  white-space: normal !important;
  width: 100% !important;
  color: #ffffff !important;
}

.nx-hero1-sec .nx-btn1 {
  position: relative !important;
  z-index: 10 !important;
}

/* Shift Social Media Circle to comfortable margin from left edge */
.nx-hero1-sec .nx-hr-social {
  position: absolute !important;
  top: 50% !important;
  left: -140px !important;
  right: auto !important;
  width: 320px !important;
  height: 320px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

@media only screen and (min-width: 1600px) {
  .nx-hero1-sec .nx-hr-social {
    left: -150px !important;
  }
}

html[dir="rtl"] .nx-hero1-sec .nx-hr-social,
body.rtl .nx-hero1-sec .nx-hr-social {
  left: -140px !important;
  right: auto !important;
}

.nx-hero1-sec .nx-hr-social .nx-socila-circle {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 2px dashed rgba(39, 66, 38, 0.7) !important;
  animation: spin 14s linear infinite !important;
  pointer-events: none !important;
}

.nx-hero1-sec .nx-hr-social ul {
  position: relative !important;
  width: 270px !important;
  height: 270px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nx-hero1-sec .nx-hr-social ul:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 44px solid #274226 !important;
  box-shadow: 0 0 30px rgba(39, 66, 38, 0.45) !important;
  box-sizing: border-box !important;
}

.nx-hero1-sec .nx-hr-social ul li {
  position: absolute !important;
  z-index: 20 !important;
}

.nx-hero1-sec .nx-hr-social ul li:nth-child(1) {
  top: 16px !important;
  right: 58px !important;
  bottom: auto !important;
  left: auto !important;
}

.nx-hero1-sec .nx-hr-social ul li:nth-child(2) {
  top: 65px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
}

.nx-hero1-sec .nx-hr-social ul li:nth-child(3) {
  top: 115px !important;
  right: 4px !important;
  bottom: auto !important;
  left: auto !important;
}

.nx-hero1-sec .nx-hr-social ul li:nth-child(4) {
  top: 165px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
}

.nx-hero1-sec .nx-hr-social ul li:nth-child(5) {
  top: 214px !important;
  right: 58px !important;
  bottom: auto !important;
  left: auto !important;
}

.nx-hero1-sec .nx-hr-social ul li a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(11, 13, 12, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 17px !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  cursor: pointer !important;
}

.nx-hero1-sec .nx-hr-social ul li a svg {
  width: 18px !important;
  height: 18px !important;
  fill: #ffffff !important;
  transition: fill 0.3s ease !important;
}

.nx-hero1-sec .nx-hr-social ul li a:hover {
  transform: scale(1.3) !important;
  background: #ffffff !important;
  color: #274226 !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8) !important;
}

.nx-hero1-sec .nx-hr-social ul li a:hover svg {
  fill: #274226 !important;
}

@media only screen and (max-width: 991px) {
  .nx-hero1-sec .nx-hr-social {
    display: flex !important;
    left: -170px !important;
    transform: translateY(-50%) scale(0.85) !important;
  }
}

@media only screen and (max-width: 576px) {
  .nx-hero1-sec .nx-hr-social {
    display: none !important;
  }
}

/* ==========================================================================
   6. Remove Pricing Plan and Latest Insights Sections Completely
   ========================================================================== */
.home [data-id="dc6b9dd"],
.home [data-id="25f2433"],
.home .elementor-element-dc6b9dd,
.home .elementor-element-25f2433,
.home #nx-price1,
.home .nx-price1-sec,
.home .elementor-widget-agr-prc-table-item-bx,
.home .elementor-widget-noryx-pricing-tab,
.home [data-id="3c92c2d"],
.home .elementor-element-3c92c2d,

.home [data-id="fc91436"],
.home [data-id="42e7ad8"],
.home .elementor-element-fc91436,
.home .elementor-element-42e7ad8,
.home #nx-blog,
.home .nx-blog-sec,
.home .elementor-widget-noryx-blog-1,
.home [data-id="489aaff"],
.home .elementor-element-489aaff {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   7. Prominent White Separation Zone ("حتة كبيرة بيضاء") Between Our Work & Our Team
   ========================================================================== */
#nx-sponsor1 {
  position: relative !important;
}

#nx-sponsor1::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1200px, 88%) !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.15) 85%, transparent 100%) !important;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7) !important;
  z-index: 10 !important;
}

/* The Prominent, Generous White Separation Band Between Our Work (#nx-pro1) and Our Team (#nx-team1) */
.nx-white-transition-band {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  height: 100px !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  box-shadow: 0 0 45px rgba(255, 255, 255, 0.7), 0 10px 30px rgba(0, 0, 0, 0.2) !important;
  margin-top: 60px !important;
  margin-bottom: 0 !important;
  display: block !important;
  clear: both !important;
  z-index: 15 !important;
}

/* Also ensure safety separation before #nx-team1 */
.home .elementor-element-74b2249 {
  padding-top: 50px !important;
}

/* ==========================================================================
   8. Luxury Dark Project Case Study Page Styling
   ========================================================================== */
.nx-case-study-page {
  background-color: #07090E !important;
  color: #ffffff !important;
  min-height: 100vh !important;
}

.nx-case-study-page h1,
.nx-case-study-page h2,
.nx-case-study-page h3,
.nx-case-study-page h4 {
  color: #ffffff !important;
}

.nx-case-study-page .nx-btn-back:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: #ffffff !important;
  transform: translateX(-4px) !important;
}

.nx-case-study-page .video-wrapper video {
  width: 100% !important;
  border-radius: 16px !important;
  outline: none !important;
  background: #000000 !important;
}

.nx-case-study-page .gallery-item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(39, 66, 38, 0.8) !important;
  box-shadow: 0 15px 35px rgba(39, 66, 38, 0.3) !important;
}

.nx-case-study-page .related-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(39, 66, 38, 0.8) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}

.nx-case-study-page .related-card:hover img {
  transform: scale(1.05) !important;
}

.nx-case-study-page .nx-btn-view:hover {
  background: #274226 !important;
  border-color: #274226 !important;
  color: #ffffff !important;
}

.nx-case-study-page .nx-btn-wa:hover {
  transform: scale(1.03) !important;
  background: #1ebd59 !important;
}

/* ==========================================================================
   9. User Audio Feedback Refinements (Oct 2026 Release)
   ========================================================================== */

/* 9.1 Hero Background & Full Right-to-Left Striped Texture */
.nx-hero1-sec:before {
  display: none !important; /* Eliminates the solid black right cut/seam */
}

.nx-hero1-sec {
  background: #060708 !important;
  overflow: hidden !important;
  position: relative !important;
}

.nx-hero1-sec .nx-hr-blur {
  display: none !important; /* Eliminates the fog that hid the right stripes */
}

.nx-hero1-sec .nx-hero1-bg {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

.nx-hero1-sec .nx-hero1-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
}

.nx-hero1-sec .line_animation {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  justify-content: space-evenly !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.nx-hero1-sec .line_animation .line_area {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* 9.2 Hero Bottom Video (Enlarged Animated Video Box) */
.nx-hero1-sec .nx-hr1-bottom .bottom-video {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 360px !important;
  height: 240px !important;
  border-radius: 28px !important;
  border: 3px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
  position: relative !important;
  background: #000000 !important;
}

.nx-hero1-sec .nx-hr1-bottom .bottom-video video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Ensure Hero Image Is Beautifully Visible */
.nx-hero1-sec .nx-hero1-img,
#nx_hero_anim {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  z-index: 2 !important;
}

.nx-hero1-sec .nx-hero1-img img {
  max-height: 85vh !important;
  width: auto !important;
  object-fit: contain !important;
  display: inline-block !important;
}

/* 9.3 "Your Growth Is Our Strategy" - Royal Green & Desktop Alignment */
.hr1-slug,
.nx-hero1-text .hr1-slug,
.nx-hero-growth-text {
  display: inline-block !important;
  color: #355E3B !important; /* Royal Green */
  background: transparent !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-left: 18px !important; /* Shifted slightly right on desktop */
  margin-bottom: 14px !important;
  text-shadow: 0 0 15px rgba(53, 94, 59, 0.4) !important;
}

/* 9.4 Why Brands Choose Us - Restored Balance & Card 1 3D Yellow Robot */
.nx-why-c1-card1 .item-img video {
  height: 350px !important;
  width: auto !important;
  display: block !important;
  border-radius: 20px !important;
  object-fit: contain !important;
}

.nx-why-c1-card6 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.nx-why-c1-card6 .item-wc-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 9.5 Hide "More Services" in Our Services */
.nx-ser1-sec .nx-btn1.ver_2,
.nx-ser1-sec .nx-ser1-top .nx-btn1 {
  display: none !important;
}

/* 9.6 Uniform & Bigger Partner Logos in Our Trusted Partners (#nx-sponsor1) */
.nx-spon1-sec .nx-spon1-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 125px !important;
  padding: 18px 24px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.nx-spon1-sec .nx-spon1-item:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(39, 66, 38, 0.6) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}

.nx-spon1-sec .item-img,
.nx-spon1-item .item-img,
.nx-brand-c-item .item-img {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  height: 75px !important;
  width: 100% !important;
  max-width: 200px !important;
  margin: 0 auto !important;
}

.nx-spon1-sec .item-img img,
.nx-spon1-item .item-img img,
.nx-brand-c-item img {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  max-height: 60px !important;
  max-width: 170px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: brightness(1.1) contrast(1.05) !important;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.nx-spon1-item .item-img .img_1 {
  top: 50% !important;
  transform: translateY(-50%) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.nx-spon1-item .item-img .img_2 {
  top: 70% !important;
  transform: translateY(-50%) scale(0.7) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.nx-spon1-item.active .item-img .img_1 {
  top: 0% !important;
  transform: translateY(-100%) scale(0.7) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.nx-spon1-item.active .item-img .img_2 {
  top: 50% !important;
  transform: translateY(-50%) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 9.7 Egyptian Testimonial Avatars & Badges */
.go-testimonial-sec .authore-img img,
.nx-ab1-sec .ath-img img,
.nx-testimonial-item .item-img img,
.nx-testi1-item .item-inner-wrap .item-action-bottom .item-img,
.nx-testi1-item .item-img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  border: 2px solid #274226 !important;
  box-shadow: 0 4px 15px rgba(39, 66, 38, 0.4) !important;
  overflow: hidden !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.nx-testi1-item .item-inner-wrap .item-action-bottom .item-img img,
.nx-testi1-item .item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

/* 9.8 Hide "About Egypt" button in About Us */
.nx-ab1-sec .nx-btn1.ver_2,
.nx-ab1-sec a[href*="about"]:has(span) {
  display: none !important;
}

/* 9.6 Mobile View Comprehensive Fixes */
@media only screen and (max-width: 767px) {
  /* "Your Growth Is Our Strategy" - Mobile Flawless Alignment & Visibility */
  .hr1-slug,
  .nx-hero1-text .hr1-slug,
  .nx-hero-growth-text {
    display: block !important;
    transform: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #46ad06 !important;
    text-shadow: 0 0 10px rgba(70, 173, 6, 0.4) !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Center 4.8 Rating, Stars & Avatars Block on Mobile */
  .nx-hero1-sec .nx-hr1-bottom {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 20px !important;
  }

  .nx-hero1-sec .nx-hr1-client {
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .nx-hero1-sec .nx-hr1-slide-area {
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .nx-hero1-sec .nx-hr1-cl-text {
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .nx-hero1-sec .nx-hr1-cl-text .cl-text ul {
    justify-content: center !important;
  }

  /* Re-order About Us so Heading Immediately Follows Subtitle on Mobile */
  .nx-ab1-sec .nx-ab1-content {
    display: flex !important;
    flex-direction: column !important;
  }

  .nx-ab1-sec .nx-ab1-counter {
    display: contents !important;
  }

  .nx-ab1-sec .nx-ab1-subtitle {
    order: 1 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
  }

  .nx-ab1-sec .nx-ab1-mission-text {
    order: 2 !important;
  }

  .nx-ab1-sec .nx-ab1-mission-text h2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
  }

  .nx-ab1-sec .nx-ab1-count-wrap {
    order: 3 !important;
    margin: 25px 0 !important;
  }

  .nx-ab1-sec .nx-ab1-mission-wrapper {
    order: 4 !important;
  }

  /* Ensure Our Mission & Our Vision Cards and Animations Work on Mobile */
  .nx-ab1-sec .nx-ab1-mission-item .item-text-wrap {
    height: auto !important;
    max-height: none !important;
    display: block !important;
    padding: 20px !important;
  }

  .nx-ab1-sec .ax-ab1-mis {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .nx-ab1-sec .ax-ab1-mis .item-img {
    height: 260px !important;
    max-width: 100% !important;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
  }

  .nx-hero1-sec .nx-hero1-img {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    margin: 20px auto 0 !important;
    max-width: 90% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .nx-hero1-sec .nx-hero1-img img {
    max-height: 280px !important;
  }

  .nx-hero1-sec .nx-hr1-bottom .bottom-video {
    width: 320px !important;
    max-width: 90% !important;
    height: 200px !important;
    margin: 20px auto 0 !important;
  }
}


/* ==========================================================================
   11. Hero Title Typography (Runiga Font, 2 Distinct Lines, Scaled Size)
   ========================================================================== */
/* ==========================================================================
   11. Hero Title Typography (Runiga Font, Exactly 2 Distinct Lines)
   ========================================================================== */
.nx-hero1-sec .hr1_title {
  font-family: 'Runiga', 'Syne', sans-serif !important;
  font-size: clamp(26px, 3.4vw, 48px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-transform: capitalize !important;
  margin-bottom: 25px !important;
}

.nx-hero1-sec .hr1_title > span:first-child,
.nx-hero1-sec .hr1_title > .split-line:first-child {
  display: block !important;
  width: 100% !important;
  margin-bottom: 2px !important;
}

.nx-hero1-sec .hr1_title > span:nth-child(2),
.nx-hero1-sec .hr1_title > .split-line:nth-child(2),
.nx-hero1-sec .hr1_title .hr1-line-2 {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
}

.nx-hero1-sec .hr1_title span span {
  display: inline-block !important;
  width: auto !important;
  white-space: inherit !important;
}

/* ==========================================================================
   11.1 Hero Striped Vertical Shape Across Entire Black Background
   ========================================================================== */
.nx-hero1-sec .nx-hr-shape3 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
  opacity: 0.85 !important;
}

.nx-hero1-sec .nx-hr-shape3 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* ==========================================================================
   12. Hero Bottom Animated Video Box (.bottom-video)
   ========================================================================== */
.nx-hero1-sec .nx-hr1-bottom .bottom-video,
.nx-hero1-sec .bottom-video {
  width: 380px !important;
  height: 250px !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45) !important;
  display: block !important;
}

.nx-hero1-sec .bottom-video video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 24px !important;
  display: block !important;
}

/* ==========================================================================
   13. Why Brands Choose Us - Sized Card 1 3D Yellow Robot Video
   ========================================================================== */
.nx-why-c1-card1 {
  position: relative !important;
  overflow: hidden !important;
}

.nx-why-c1-card1 .item-img {
  position: absolute !important;
  right: 15px !important;
  bottom: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  width: auto !important;
  max-width: 45% !important;
}

.nx-why-c1-card1 .item-img video {
  height: 235px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.nx-why-c1-card1 .item-text,
.nx-why-c1-card1 .nx-btn-wrap {
  position: relative !important;
  z-index: 3 !important;
}

/* ==========================================================================
   14. Why Brands Choose Us - Card 6 "Creative Ideas. Real Impact." Customizations
   ========================================================================== */
.nx-why-c1-card6 .nx-wc-avater {
  display: none !important;
}

.nx-why-c1-card6 .item-brand {
  display: none !important;
}

.nx-why-c1-card6 .item-wc-logo svg {
  display: none !important;
}

.nx-why-c1-card6 .item-wc-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 35px !important;
  margin-bottom: 20px !important;
  min-height: 110px !important;
}

.nx-why-c1-card6 .item-wc-logo img.egypt-creative-wc-logo {
  max-height: 110px !important;
  max-width: 260px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  display: block !important;
}

/* ==========================================================================
   15. Our Work Section - Expanded Black Background Container (No Clipping)
   ========================================================================== */
.nx-pro1-sec {
  background-color: #000000 !important;
  padding-bottom: 350px !important;
  overflow: visible !important;
}

.nx-pro1-sec .container {
  overflow: visible !important;
}

.nx-pro1-sec {
  background: #000000 !important;
  padding-bottom: 220px !important;
  position: relative !important;
  z-index: 5 !important;
}

.nx-pro1-item-wrapper {
  padding-bottom: 120px !important;
}

.nx-ser1-sec {
  margin-top: 60px !important;
  position: relative !important;
  z-index: 10 !important;
}

.nx-ser1-sec .nx-btn1.ver_2,
.nx-ser1-sec .nx-ser1-top .nx-btn1,
.nx-ser1-sec .item-desc .nx-btn1 {
  display: none !important;
}

/* ==========================================================================
   16. Section Subtitles: Enlarged & Clean Typography
   ========================================================================== */
.subtitle,
.nx-sub-title,
.nx-pro1-subtitle,
.nx-ab1-subtitle,
.cf-subtitle,
.hr1-slug,
.sec-subtitle {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   17. FAQ Section: Hide Right Decorative Shape & Clean Call Box
   ========================================================================== */
.nx-faq-cta-card .nx-fq-icon {
  display: none !important;
}

/* ==========================================================================
   18. Working Process: Dark Royal Green Icons (#1E4D2B)
   ========================================================================== */
.nx-step1-item .item-icon img,
.nx-step1-item .item-icon i img,
.nx-step1-item .item-icon svg {
  filter: none !important;
}

.nx-step1-item .item-icon svg path {
  fill: #1E4D2B !important;
}

/* ==========================================================================
   19. Why Brands Choose Us: Grid Heights & Card 4 Clean Contrast Badges
   ========================================================================== */
.nx-why-c1-card1,
.nx-why-c1-card2 {
  height: 295px !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
}

.nx-why-c1-card3,
.nx-why-c1-card4,
.nx-why-c1-card5 {
  height: 315px !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
}

.nx-why-c1-card6 {
  height: 622px !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
}

.nx-why-c1-card4 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  padding: 26px !important;
}

.nx-why-c1-card4 .item-text h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 6px !important;
}

.nx-why-c1-card4 .item-text p {
  font-size: 14px !important;
  color: #4b5563 !important;
  line-height: 1.4 !important;
}

.nx-why-c1-card4 .nx-social-grid-wrapper {
  margin-top: 15px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}

.nx-why-c1-card4 .nx-social-chip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  color: #1f2937 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.nx-why-c1-card4 .nx-social-chip svg {
  width: 16px !important;
  height: 16px !important;
  fill: #1f2937 !important;
  flex-shrink: 0 !important;
  transition: fill 0.25s ease !important;
}

.nx-why-c1-card4 .nx-social-chip:hover {
  background: #1E4D2B !important;
  border-color: #1E4D2B !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(30, 77, 43, 0.25) !important;
}

.nx-why-c1-card4 .nx-social-chip:hover svg {
  fill: #ffffff !important;
}

/* ==========================================================================
   20. Our Services: Completely Non-Clickable & Default Cursor
   ========================================================================== */
.nx-ser1-sec .nx-ser1-item,
.nx-ser1-sec .nx-ser1-item *,
.nx-ser1-sec .nx-ser1-item-wrap,
.nx-ser1-sec .nx-ser1-item-wrap * {
  cursor: default !important;
}

.nx-ser1-sec .nx-ser1-item a,
.nx-ser1-sec .nx-ser1-item-wrap a,
.nx-ser1-sec .nx-ser1-item .item-meta a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* ==========================================================================
   21. Modern Agency Footer (Egypt Creative) - Forest Green Luxury Theme
   ========================================================================== */
.egypt-creative-footer {
  background: linear-gradient(180deg, #132f1a 0%, #0d2113 100%) !important;
  color: #ffffff !important;
  padding: 70px 0 30px !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-family: inherit !important;
}

.egypt-creative-footer .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.egypt-creative-footer .ec-footer-top {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1.2fr !important;
  gap: 50px !important;
  padding-bottom: 50px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 991px) {
  .egypt-creative-footer .ec-footer-top {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

.egypt-creative-footer .ec-footer-logo {
  max-height: 56px !important;
  width: auto !important;
  margin-bottom: 22px !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
}

.egypt-creative-footer .ec-footer-desc {
  color: #d1fae5 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 25px !important;
  max-width: 360px !important;
}

.egypt-creative-footer .ec-footer-socials {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.egypt-creative-footer .ec-social-btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.egypt-creative-footer .ec-social-btn svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

.egypt-creative-footer .ec-social-btn:hover {
  background: #F5B400 !important;
  border-color: #F5B400 !important;
  color: #0b1a0e !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(245, 180, 0, 0.3) !important;
}

.egypt-creative-footer .ec-footer-title {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}

.egypt-creative-footer .ec-footer-text {
  color: #d1fae5 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.egypt-creative-footer .mt-25 {
  margin-top: 25px !important;
}

.egypt-creative-footer .ec-footer-info {
  margin: 8px 0 !important;
}

.egypt-creative-footer .ec-footer-info a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.egypt-creative-footer .ec-footer-info a:hover {
  color: #F5B400 !important;
}

.egypt-creative-footer .ec-newsletter-form {
  margin-top: 20px !important;
}

.egypt-creative-footer .ec-input-group {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50px !important;
  padding: 5px 6px 5px 18px !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
}

.egypt-creative-footer .ec-input-group:focus-within {
  border-color: #F5B400 !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

.egypt-creative-footer .ec-newsletter-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-size: 14px !important;
  width: 100% !important;
  padding: 8px 0 !important;
}

.egypt-creative-footer .ec-newsletter-input::placeholder {
  color: #94a3b8 !important;
}

.egypt-creative-footer .ec-newsletter-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  background: #F5B400 !important;
  border: none !important;
  outline: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0b1a0e !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.egypt-creative-footer .ec-newsletter-btn:hover {
  transform: scale(1.06) !important;
  background: #e0a300 !important;
}

.egypt-creative-footer .ec-footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 25px !important;
  font-size: 13px !important;
  color: #a7f3d0 !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

.egypt-creative-footer .ec-copyright {
  color: #a7f3d0 !important;
}

.egypt-creative-footer .ec-legal-links {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.egypt-creative-footer .ec-legal-links a {
  color: #a7f3d0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.egypt-creative-footer .ec-legal-links a:hover {
  color: #ffffff !important;
}

.egypt-creative-footer .ec-legal-links .sep {
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 10px !important;
}

/* Hide old or default elementor footers */
#nx-footer:not(.egypt-creative-footer),
.nx-footer1-sec:not(.egypt-creative-footer) {
  display: none !important;
}

/* ==========================================================================
   22. Why Brands Choose Us (nx-why-c1) Bento Alignment & Stat Boxes
   ========================================================================== */
.nx-why-c1-sec {
  background-color: #000000 !important;
}

.nx-why-c-content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.nx-why-c-wrap1 {
  flex: 0 0 calc(67% - 8px) !important;
  max-width: calc(67% - 8px) !important;
  width: calc(67% - 8px) !important;
}

.nx-why-c1-top {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

.nx-why-c1-bottom {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 16px !important;
}

.nx-why-c1-card1,
.nx-why-c1-card2,
.nx-why-c1-card3,
.nx-why-c1-card4,
.nx-why-c1-card5 {
  border-radius: 20px !important;
  min-height: 295px !important;
  height: 295px !important;
  max-height: 295px !important;
  overflow: hidden !important;
}

.nx-why-c1-card1 .item-img video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.nx-why-c1-card5 {
  background-size: cover !important;
  background-position: center !important;
  padding: 30px 24px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.nx-why-c1-card5::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(17, 33, 19, 0.45) 0%, rgba(13, 27, 15, 0.88) 100%) !important;
  z-index: 1 !important;
}

.nx-why-c1-card5 h3,
.nx-why-c1-card5 .card5-sub {
  position: relative !important;
  z-index: 2 !important;
}

.nx-why-c1-card5 h3 {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.nx-why-c1-card6 {
  flex: 0 0 calc(33% - 8px) !important;
  max-width: calc(33% - 8px) !important;
  width: calc(33% - 8px) !important;
  min-height: 606px !important;
  height: 606px !important;
  max-height: 606px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 32px 28px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.card6-impact-title {
  font-family: 'Syne', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin-top: 12px !important;
}

.card6-stats-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 20px 0 !important;
}

.card6-stat-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 10px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

.card6-stat-box:hover {
  transform: translateY(-2px) !important;
  border-color: #274226 !important;
  box-shadow: 0 4px 12px rgba(39, 66, 38, 0.1) !important;
}

.card6-stat-num {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #274226 !important;
  font-family: 'Syne', sans-serif !important;
  line-height: 1.1 !important;
}

.card6-stat-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 4px !important;
}

.nx-why-c1-card6 .item-wc-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 15px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.egypt-creative-wc-logo {
  max-height: 38px !important;
  width: auto !important;
  object-fit: contain !important;
}

.card5-sub {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #274226 !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
}

.nx-social-grid-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.nx-social-chip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.nx-social-chip svg {
  width: 14px !important;
  height: 14px !important;
  fill: #274226 !important;
  flex-shrink: 0 !important;
}

.nx-social-chip:hover {
  background: #274226 !important;
  border-color: #274226 !important;
  color: #ffffff !important;
}

.nx-social-chip:hover svg {
  fill: #ffffff !important;
}

@media (max-width: 991px) {
  .nx-why-c-content {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .nx-why-c-wrap1,
  .nx-why-c1-card6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .nx-why-c1-top,
  .nx-why-c1-bottom {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   22. Smooth Scrolling & Anchor Alignment
   ========================================================================== */
html {
  scroll-behavior: smooth !important;
}

#nx-get-in-touch {
  scroll-margin-top: 60px !important;
}

/* ==========================================================================
   23. Executive Luxury Team Section - Clean Aligned Grid
   ========================================================================== */
.nx-team1-sec {
  overflow: visible !important;
  padding-top: 70px !important;
  padding-bottom: 90px !important;
  background: #000000 !important;
}

.nx-team1-wrap {
  position: relative !important;
  width: 100% !important;
}

.nx-team1-content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 20px !important;
  height: auto !important;
  max-width: 1360px !important;
  margin: 40px auto 40px !important;
  padding: 0 15px !important;
}

.nx-team1-item {
  flex: 1 1 0 !important;
  max-width: 255px !important;
  min-width: 190px !important;
  display: flex !important;
  justify-content: center !important;
}

.nx-team1-item .item-inner {
  width: 100% !important;
  height: 385px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #0d1e12 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
  transform: none !important;
  -webkit-transform: none !important;
  rotate: 0deg !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

/* Force zero rotation and upright alignment on every single card */
.nx-team1-item:is(._1) .item-inner,
.nx-team1-item:is(._2) .item-inner,
.nx-team1-item:is(._3) .item-inner,
.nx-team1-item:is(._4) .item-inner,
.nx-team1-item:is(._5) .item-inner,
.nx-team1-item.ec-team-card .item-inner {
  transform: none !important;
  -webkit-transform: none !important;
  rotate: 0deg !important;
  z-index: 1 !important;
}

/* Subtle Founder distinction */
.nx-team1-item.ec-founder .item-inner {
  border-color: rgba(74, 222, 128, 0.4) !important;
  box-shadow: 0 0 25px rgba(74, 222, 128, 0.15), 0 15px 35px rgba(0, 0, 0, 0.45) !important;
}

.nx-team1-item .item-img {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 20px !important;
  background: #09170d !important;
  overflow: hidden !important;
}

.nx-team1-item .item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.nx-team1-item:hover .item-inner {
  transform: translateY(-8px) !important;
  -webkit-transform: translateY(-8px) !important;
  border-color: rgba(74, 222, 128, 0.6) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 30px rgba(74, 222, 128, 0.25) !important;
  z-index: 10 !important;
}

.nx-team1-item:hover .item-img img {
  transform: scale(1.05) !important;
}

/* Luxury Bottom Text Badge */
.nx-team1-item .item-text {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  padding: 55px 14px 16px !important;
  margin: 0 !important;
  border-radius: 0 0 20px 20px !important;
  border: none !important;
  background: linear-gradient(180deg, transparent 0%, rgba(9, 23, 13, 0.75) 45%, rgba(9, 23, 13, 0.98) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 2 !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.nx-team1-item .item-text h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px !important;
}

.nx-team1-item .item-text h3 a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.nx-team1-item .item-text span {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #4ade80 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  margin: 0 !important;
}

/* Social links - Always visible, sleek glass badge with LinkedIn brand highlight */
.nx-team1-item .item-social {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  opacity: 0.95 !important;
  visibility: visible !important;
  transform: none !important;
  transition: all 0.25s ease !important;
  z-index: 10 !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.nx-team1-item:hover .item-social {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1.05) !important;
}

.nx-team1-item .item-social a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(13, 33, 19, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: all 0.25s ease !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.nx-team1-item .item-social a:hover {
  background: #0077b5 !important; /* Official LinkedIn Blue */
  border-color: #00a0dc !important;
  transform: scale(1.15) !important;
  box-shadow: 0 6px 20px rgba(0, 119, 181, 0.5) !important;
}

.nx-team1-item .item-social a svg {
  width: 15px !important;
  height: 15px !important;
  fill: #ffffff !important;
  transition: fill 0.2s ease !important;
}

.nx-team1-item .item-text h3 {
  cursor: default !important;
}

.nx-team1-item .item-img {
  cursor: default !important;
}

.ec-footer-location-link {
  color: #a3a3a3 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
}

.ec-footer-location-link:hover {
  color: #10b981 !important;
}

.ec-footer-location-link svg {
  color: #10b981 !important;
  margin-right: 8px !important;
  transition: transform 0.25s ease !important;
}

.ec-footer-location-link:hover svg {
  transform: translateY(-2px) scale(1.15) !important;
}

/* Tablet (768px - 1199px): 3 in row 1, 2 in row 2 */
@media (min-width: 768px) and (max-width: 1199px) {
  .nx-team1-content {
    flex-wrap: wrap !important;
    gap: 20px !important;
    max-width: 900px !important;
  }
  .nx-team1-item {
    flex: 0 0 calc(33.333% - 14px) !important;
    max-width: calc(33.333% - 14px) !important;
  }
}

/* Mobile (<768px): 2 columns grid with last card centered */
@media (max-width: 767px) {
  .nx-team1-content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    padding: 0 12px !important;
  }
  .nx-team1-item {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .nx-team1-item.ec-team-card._1 { order: 1 !important; }
  .nx-team1-item.ec-team-card._2 { order: 2 !important; }
  .nx-team1-item.ec-team-card._3 { order: 3 !important; }
  .nx-team1-item.ec-team-card._4 { order: 4 !important; }
  .nx-team1-item.ec-team-card._5 {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    max-width: 240px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .nx-team1-item .item-inner {
    height: 270px !important;
  }
  .nx-team1-item .item-text {
    padding: 30px 8px 10px !important;
  }
  .nx-team1-item .item-text h3 {
    font-size: 14px !important;
  }
  .nx-team1-item .item-text span {
    font-size: 10px !important;
  }
  .nx-team1-item .item-social {
    top: 10px !important;
    right: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .nx-team1-item .item-social a {
    width: 32px !important;
    height: 32px !important;
  }
  .nx-team1-item .item-social a svg {
    width: 13px !important;
    height: 13px !important;
  }
}

/* Strict Team Order on Desktop */
.nx-team1-item.ec-team-card._1 { order: 1 !important; }
.nx-team1-item.ec-team-card._2 { order: 2 !important; }
.nx-team1-item.ec-team-card._3 { order: 3 !important; }
.nx-team1-item.ec-team-card._4 { order: 4 !important; }
.nx-team1-item.ec-team-card._5 { order: 5 !important; }

/* ==========================================================================
   24. Royal Illumination System (No Text Shadow, Original Theme Typography)
   ========================================================================== */
.nx-ab1-sec .nx-ab1-mission-text h2.nx-itm-title {
  color: #274226;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

.nx-ab1-sec .nx-ab1-mission-text h2.nx-itm-title .split-line,
.nx-ab1-sec .nx-ab1-mission-text h2.nx-itm-title span,
.nx-itm-title .split-line,
.nx-itm-title span {
  display: inline !important;
  text-shadow: none !important;
}

/* Our Mission & Our Vision Royal Green Icons */
.nx-ab1-mission-item .item-text-wrap svg path {
  fill: #274226 !important;
  transition: fill 0.3s ease;
}

.nx-ab1-mission-item.active .item-text-wrap svg path,
.nx-ab1-mission-item:hover .item-text-wrap svg path {
  fill: #1e3a1f !important;
}

/* ==========================================================================
   25. Egypt Creative Single Project Case Study Global Overrides
   ========================================================================== */
body:has(.egyptcreative-case-study),
.egyptcreative-case-study-page,
.egyptcreative-case-study {
  background-color: #07150c !important;
  color: #e2e8f0 !important;
}

/* ==========================================================================
   26. Partners Removal & Mobile Stability Controls
   ========================================================================== */
/* Completely remove Our Trusted Partners section and its widget container */
.elementor-element-3984767,
.nx-sponsor1-sec,
#nx-sponsor1 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Disable floating scroll-up on mobile/touch to prevent accidental jumps */
@media (max-width: 991px) {
  .nx-scrollup {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* Prevent horizontal jitter/overflow on sections with absolute shapes */
.nx-why-c1-sec,
.nx-work-step-sec,
.nx-step1-sec,
.nx-step1-area {
  overflow: hidden !important;
}

/* ==========================================================================
   27. Executive Legal Modal System (Privacy, Terms, Cookies)
   ========================================================================== */
.ec-legal-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
}

.ec-legal-modal-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.ec-legal-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 10, 6, 0.8) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.ec-legal-modal-window {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 800px !important;
  max-height: 85vh !important;
  background: #0d140f !important;
  border: 1px solid rgba(74, 222, 128, 0.25) !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7), 0 0 40px rgba(39, 66, 38, 0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: scale(0.95) translateY(10px) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ec-legal-modal-overlay.active .ec-legal-modal-window {
  transform: scale(1) translateY(0) !important;
}

.ec-legal-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 24px 28px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(18, 28, 20, 0.6) !important;
}

.ec-legal-badge {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #4ade80 !important;
  margin-bottom: 4px !important;
}

.ec-legal-modal-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.ec-legal-modal-close {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
  border-radius: 50% !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ec-legal-modal-close:hover {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
  transform: rotate(90deg) !important;
}

.ec-legal-modal-tabs {
  display: flex !important;
  gap: 8px !important;
  padding: 12px 28px !important;
  background: rgba(13, 20, 15, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  overflow-x: auto !important;
}

.ec-legal-tab-btn {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  padding: 8px 16px !important;
  border-radius: 30px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.ec-legal-tab-btn:hover {
  color: #ffffff !important;
  border-color: rgba(74, 222, 128, 0.4) !important;
}

.ec-legal-tab-btn.active {
  background: rgba(39, 66, 38, 0.6) !important;
  border-color: #274226 !important;
  color: #4ade80 !important;
}

.ec-legal-modal-body {
  padding: 24px 28px !important;
  overflow-y: auto !important;
  flex: 1 !important;
  color: #cbd5e1 !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
}

.ec-legal-modal-body::-webkit-scrollbar {
  width: 6px !important;
}

.ec-legal-modal-body::-webkit-scrollbar-thumb {
  background: rgba(74, 222, 128, 0.25) !important;
  border-radius: 4px !important;
}

.ec-legal-section {
  margin-bottom: 24px !important;
}

.ec-legal-section:last-child {
  margin-bottom: 0 !important;
}

.ec-legal-section h4 {
  color: #4ade80 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.ec-legal-section p {
  margin: 0 0 10px 0 !important;
  color: #94a3b8 !important;
}

.ec-legal-section ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.ec-legal-section li {
  margin-bottom: 6px !important;
  color: #cbd5e1 !important;
}

.ec-legal-section strong {
  color: #ffffff !important;
}

.ec-legal-section a {
  color: #4ade80 !important;
  text-decoration: underline !important;
}

.ec-legal-modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 16px 28px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(18, 28, 20, 0.6) !important;
}

.ec-legal-page-btn {
  color: #94a3b8 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.ec-legal-page-btn:hover {
  color: #4ade80 !important;
  text-decoration: underline !important;
}

.ec-legal-close-btn {
  background: #274226 !important;
  border: 1px solid #3d633c !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 22px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ec-legal-close-btn:hover {
  background: #345c33 !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   28. Completely Remove Hover Image Popup in Services Section
   ========================================================================== */
.nx-ser1-item .item-img,
.nx-ser1-item-wrap .item-img,
.nx-ser1-item-wrap .inner-item-wrap .item-img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

/* ==========================================================================
   29. High-Performance Fluid Scrolling & Render Optimization
   ========================================================================== */
html {
  scroll-behavior: smooth;
}

/* Smooth CSS Fade for Scroll-to-Top Button */
.nx-scrollup {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.nx-scrollup.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* GPU Hardware Acceleration for Sticky and Parallax Sections */
.txa_sticky_header,
.nx-header1-sec,
.ag-header-section {
  will-change: transform;
  transform: translateZ(0);
}

.nx_sticky_item,
.nx-step1-sec {
  transform: translateZ(0);
}

/* ==========================================================================
   30. Team Members - Only LinkedIn Icon Clickable (Images & Names Non-Clickable)
   ========================================================================== */
.nx-team1-item .item-img,
.nx-team1-item .item-text,
.nx-team1-item .item-text h3 {
  cursor: default !important;
}

.nx-team1-item .item-social a {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* ==========================================================================
   31. Hide Explore More Button in Working Process Section
   ========================================================================== */
.nx-step1-item .item-btn,
.nx-step1-sec .item-btn,
.nx-step1-sec .nx-btn1.ver_3 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   32. Recent Works Kinetic Title - Responsive Safe Margins & Typography
   ========================================================================== */
.nx-pro1-sec {
  overflow-x: clip !important;
  max-width: 100vw !important;
  position: relative !important;
}

.nx-pro1-action-title {
  gap: 16px !important;
  z-index: 2 !important;
}

.nx-pro1-action-title h3 {
  color: #46ad06 !important;
  font-weight: 800 !important;
  opacity: 0.95 !important;
  white-space: nowrap !important;
  will-change: transform !important;
  text-shadow: 0 0 25px rgba(70, 173, 6, 0.4), 0 4px 15px rgba(0, 0, 0, 0.8) !important;
  line-height: 1 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .nx-pro1-item-area {
    max-width: 820px !important;
  }
  .nx-pro1-action-title h3 {
    font-size: 42px !important;
    letter-spacing: -1.5px !important;
  }
}

@media only screen and (min-width: 1441px) {
  .nx-pro1-action-title h3 {
    font-size: clamp(54px, 4.5vw, 76px) !important;
    letter-spacing: -2px !important;
  }
}