/* Brand variables are in brand-colors.css (loaded before this file). */

/* ========== NRT font for Arabic / Kurdish (RTL) ========== */
@font-face {
  font-family: 'NRT';
  src: url('/fonts/NRT-Bd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ========== Light theme: black/dark backgrounds -> white (front template) ========== */
body { background: #fff !important; }
body.bd-dark { background: #fff !important; color: #333 !important; }
/* Prevent white flash during page load */
html, body {
  background: #fff !important;
  overflow-x: hidden;
}
body.preloading {
  overflow: hidden;
}

/* Navbar: match template - transparent on load, white on scroll (nav-scroll) */
.navbar.change,
.navbar {
  background: transparent !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
  position: fixed !important;
  top: 0 !important;
  transform: translateY(0) !important;
  z-index: 999999 !important;
  transition: all 0.3s ease !important;
}
.navbar.nav-scroll {
  background: #fff !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.06) !important;
  top: 0 !important;
  transform: translateY(0) !important;
}
/* On pages without hero section, navbar should be visible with nav-scroll style by default */
body.no-hero .navbar,
body:not(.has-hero) .navbar {
  background: #fff !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.06) !important;
}
body.no-hero .navbar .navbar-nav .nav-link,
body:not(.has-hero) .navbar .navbar-nav .nav-link { color: #333 !important; }
body.no-hero .navbar .search,
body:not(.has-hero) .navbar .search { color: #333 !important; border-left-color: #e0e0e0 !important; }
body.no-hero .navbar .icon-bar,
body:not(.has-hero) .navbar .icon-bar { color: #333 !important; }
.navbar .navbar-nav .nav-link { color: #fff !important; }
.navbar .search { color: #fff !important; border-left-color: rgba(255,255,255,0.1) !important; }
.navbar .icon-bar { color: #fff !important; }
.navbar.nav-scroll .navbar-nav .nav-link { color: #333 !important; }
.navbar.nav-scroll .navbar-nav .nav-link:hover,
.navbar.nav-scroll .navbar-nav .nav-link.active { color: var(--brand-primary) !important; }
.navbar.nav-scroll .search { color: #333 !important; border-left-color: #e0e0e0 !important; }
.navbar.nav-scroll .icon-bar { color: #333 !important; }

/* Logo in navbar: wordmark-friendly (theme forces 50px width which squashes ADEMS) */
.navbar .logo {
  width: auto !important;
  max-width: 180px;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0.5rem 0 0;
  display: inline-block;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1;
}
.navbar .logo a,
.navbar .logo {
  background: transparent !important;
}
.navbar .logo img {
  height: 40px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
  background: transparent !important;
  border: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (min-width: 992px) {
  .navbar .logo img { height: 44px !important; }
}

/* Footer: single background (no split), good contrast */
.footer-half.sub-bg {
  background: #151921 !important;
}
.footer-half.sub-bg::after {
  display: none !important;
}
.footer-half {
  color: #e8e8e8 !important;
}
.footer-half .cont .con-info li,
.footer-half .cont .con-info li a,
.footer-half .cont .con-info li span {
  color: #e0e0e0 !important;
}
.footer-half .subscribe p {
  color: #c0c0c0 !important;
}
.footer-half .copyrights p {
  color: #b0b0b0 !important;
}
.footer-half .cont .logo img {
  height: 56px !important;
  width: auto !important;
  max-height: none;
  object-fit: contain;
}
.footer-half .subscribe form button { color: var(--brand-primary) !important; }
.footer-half .copyrights p a { color: var(--brand-primary) !important; }

/* Main content sections: ensure light backgrounds where theme uses dark */
.main-content { background: #fff !important; }
.sub-bg { background: #f8f8f8 !important; }
.about.section-padding { background: #fff !important; }

/* Preloader: light */
/* Preloader: logo + brand-colored spinner on white */
#preloader { 
  background: #fff !important; 
  transition: opacity 0.4s ease, visibility 0.4s ease !important;
}
#preloader:before,
#preloader:after { background: #fff !important; }
#preloader .loading { border-color: rgba(0,0,0,0.1) !important; border-top-color: var(--brand-primary) !important; }
.preloader-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  transition: opacity 0.3s ease;
}
.preloader-logo {
  height: 56px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.3s ease;
}
#preloader.isdone .preloader-logo { opacity: 0; }
.preloader-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0, 137, 255, 0.15);
  border-top-color: var(--brand-primary);
  border-radius: 50%;
  animation: preloader-spin 0.8s linear infinite;
}
#preloader.isdone .preloader-spinner { animation: none; opacity: 0; transition: opacity 0.2s ease; }
#preloader.isdone .preloader-inner { opacity: 0; }
@keyframes preloader-spin {
  to { transform: rotate(360deg); }
}

/* Fix white flash on mobile - reduce transition delays */
@media screen and (max-width: 767px) {
  #preloader.isdone {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    transition-delay: 0s !important;
  }
  #preloader.isdone:before,
  #preloader.isdone:after {
    height: 0 !important;
    transition: height 0.3s ease !important;
    transition-delay: 0s !important;
  }
  /* Ensure smooth transition - hide preloader content faster */
  #preloader.isdone .preloader-inner {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    transition-delay: 0s !important;
  }
  /* Ensure body content is visible immediately after preloader */
  body:not(.preloading) .main-content {
    opacity: 1 !important;
    visibility: visible !important;
  }
  /* Prevent white flash by ensuring content is ready */
  body.preloading .main-content {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}

/* Mobile navbar collapse & dropdown: light */
@media screen and (max-width: 991px) {
  .navbar .logo { width: auto !important; max-width: 160px !important; background: transparent !important; }
  .navbar .logo img { height: 36px !important; width: auto !important; background: transparent !important; }
  .navbar .navbar-collapse {
    background: #fff !important;
    border: 1px solid #eee;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  }
  .navbar .navbar-nav .nav-link,
  .nav-scroll .navbar-collapse .nav-link,
  .navbar .navbar-collapse .nav-link { color: #333 !important; }
  .navbar .navbar-nav .nav-link:hover,
  .navbar .navbar-collapse .active,
  .nav-scroll .navbar-collapse .active { color: var(--brand-primary) !important; }
  .navbar-nav .dropdown-menu {
    background: #f8f8f8 !important;
    border: 1px solid #eee;
  }
  .navbar-nav .dropdown-menu .dropdown-item { color: #333 !important; }
}

/* Override theme accent (was #75dab4) with brand colors */
body .main-color,
body a.main-color,
body .nav-link:hover,
body .navbar .nav-link.active,
body .simple-btn.stit,
body h1.main-color,
body h2.main-color,
body h3.main-color,
body h4.main-color,
body h5.main-color,
body h6.main-color { color: var(--brand-primary) !important; }

body .bg-color,
body .btn-curve.btn-color,
body .cursor-inner,
body .cursor-outer { border-color: var(--brand-primary); background-color: var(--brand-primary) !important; }
body .cursor-outer { background: transparent !important; }

body .cursor-inner { background-color: var(--brand-primary) !important; }
body .cursor-outer { border: 1px solid var(--brand-primary); }
body .cursor-inner.cursor-hover,
body .cursor-outer.cursor-hover { background-color: var(--brand-accent) !important; border-color: var(--brand-accent); opacity: 0.3; }

body a:hover,
body .nav-link:hover { color: var(--brand-accent) !important; }
body .butn:hover,
body .btn-curve:hover,
body button[type="submit"]:hover { background: var(--brand-accent) !important; border-color: var(--brand-accent); }
body .progress-wrap .progress-circle svg path { stroke: var(--brand-primary); }
/* Keep template's subtle .simple-btn::after (was overwriting with yellow block) */
body .footer-half .stit.simple-btn::after { background: rgba(0, 0, 0, 0.07) !important; }
body .social a:hover { color: var(--brand-accent) !important; border-color: var(--brand-accent); }

/* Footer & global: icon color = logo (brand) color instead of green */
.footer-half .cont .social-icon .social a,
.footer-half .cont .social-icon .social a i { color: var(--brand-primary) !important; }
.footer-half .cont .social-icon .social a:hover,
.footer-half .cont .social-icon .social a:hover i { color: var(--brand-accent) !important; }
body .social a,
body .social a .icon,
body .social a i { color: var(--brand-primary) !important; }
body .item-box .icon,
body .item .icon,
body .ftbox .icon,
body .services .item-box .icon,
body .services .item .icon,
body .services .step-item .icon,
body .sipm-feat .item .icon,
body .work-carousel .content .cont .icon,
body .number-sec .item .icon,
body .vid-icon .vid span,
body [class^="pe-7s-"],
body [class*=" pe-7s-"] { color: var(--brand-primary) !important; }
.navbar .search .icon,
.navbar .search [class*="pe-7s-"] { color: inherit !important; }

/* Language dropdown in navbar (replaces search) */
.nav-item-lang { position: relative; }
.nav-lang-dropdown { position: relative; }
.nav-lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.nav-lang-caret {
  font-size: 0.65em;
  opacity: 0.8;
  transition: transform 0.2s ease;
}
.nav-lang-dropdown.open .nav-lang-caret { transform: rotate(180deg); }
.nav-lang-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 0.5rem 0 0;
  padding: 0.5rem 0;
  min-width: 140px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  list-style: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.nav-lang-dropdown.open .nav-lang-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-lang-option {
  display: block;
  padding: 0.5rem 1rem;
  color: #333;
  text-decoration: none;
  font-size: 0.95rem;
  transition: background 0.15s ease, color 0.15s ease;
}
.nav-lang-option:hover { background: #f5f5f5; color: var(--brand-primary); }
.nav-lang-option.active { color: var(--brand-primary); font-weight: 600; }
@media screen and (max-width: 991px) {
  .nav-lang-menu { 
    right: auto; 
    left: 0; 
    z-index: 99999 !important;
    position: absolute !important;
    margin-top: 0.5rem;
  }
  .nav-item-lang {
    position: relative !important;
    z-index: 10000;
  }
  .nav-lang-dropdown {
    position: relative !important;
  }
  /* Ensure dropdown is visible above collapsed navbar */
  .navbar-collapse .nav-item-lang {
    overflow: visible !important;
  }
  .navbar-collapse {
    overflow: visible !important;
  }
  /* Make toggle button easier to tap on mobile */
  .nav-lang-toggle {
    padding: 0.5rem 0.75rem;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* Ensure dropdown menu is clickable */
  .nav-lang-menu li {
    position: relative;
    z-index: 1;
  }
  .nav-lang-option {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    touch-action: manipulation;
  }
}

/* Override theme #75dab4 globally in this file (theme uses it everywhere) */
body .theme-color,
body .pe-7s-next:hover,
body .pe-7s-prev:hover,
body .slick-dots li.slick-active button,
body .link { color: var(--brand-primary) !important; }
body .bg-theme,
body .btn-curve.btn-color { background: var(--brand-primary) !important; border-color: var(--brand-primary); }
body .btn-curve.btn-color:hover { background: var(--brand-accent) !important; border-color: var(--brand-accent); }
body .border-color { border-color: var(--brand-primary); }
body .progress-wrap .progress-circle svg path { stroke: var(--brand-primary); }

/* Override font paths to use CDN - fixes 404 for fonts */
/* Using cdnjs CDN for Font Awesome 5.15.4 (matches layout.blade.php) */
/* These override both theme-overrides.css and plugins.css font paths */
@font-face {
  font-family: 'Font Awesome 5 Free' !important;
  font-style: normal;
  font-weight: 900;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2') format('woff2'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff') format('woff'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf') format('truetype') !important;
}
@font-face {
  font-family: 'Font Awesome 5 Brands' !important;
  font-style: normal;
  font-weight: 400;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2') format('woff2'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff') format('woff'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf') format('truetype') !important;
}
@font-face {
  font-family: 'Font Awesome 5 Free' !important;
  font-style: normal;
  font-weight: 400;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2') format('woff2'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff') format('woff'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf') format('truetype') !important;
}
@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url('https://cdn.jsdelivr.net/gh/olimsaidov/pixeden-stroke-7-icon@master/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot');
  src: url('https://cdn.jsdelivr.net/gh/olimsaidov/pixeden-stroke-7-icon@master/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/olimsaidov/pixeden-stroke-7-icon@master/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/olimsaidov/pixeden-stroke-7-icon@master/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf') format('truetype'),
       url('https://cdn.jsdelivr.net/gh/olimsaidov/pixeden-stroke-7-icon@master/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ionicons';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/fonts/ionicons.eot');
  src: url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/fonts/ionicons.eot?#iefix') format('embedded-opentype'),
       url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/fonts/ionicons.ttf') format('truetype'),
       url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/fonts/ionicons.woff') format('woff'),
       url('https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/fonts/ionicons.svg#Ionicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* News cards: uniform height and full width grid - override template horizontal layout */
.blog-curs .container {
  max-width: 1200px;
  width: 100%;
}
.blog-curs .row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.blog-curs .row > [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.blog-curs .item-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin-bottom: 30px;
}
.blog-curs .item-box .item {
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 5px;
  overflow: hidden;
}
.blog-curs .item-box .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.blog-curs .item-box .bimg {
  width: 100% !important;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-curs .item-box .bimg .img {
  width: 100%;
  height: 250px;
  min-height: 250px !important;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease;
}
.blog-curs .item-box:hover .bimg .img {
  transform: scale(1.05);
}
.blog-curs .item-box .cont {
  width: 100% !important;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 25px !important;
  background: #fff !important;
}
.blog-curs .item-box .cont .full-width {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-curs .item-box .cont .info {
  margin-bottom: 15px !important;
  display: flex;
  justify-content: flex-end;
}
.blog-curs .item-box h6.custom-font {
  min-height: 3em;
  display: flex;
  align-items: center;
  margin-bottom: 20px !important;
  font-size: 18px;
  line-height: 1.5;
}
.blog-curs .item-box h6.custom-font a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: #0c0f16;
  transition: color 0.3s ease;
}
.blog-curs .item-box h6.custom-font a:hover {
  color: var(--brand-primary);
}

/* News article single: featured image & gallery */
.intro-section .news-featured-img {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(0,0,0,0.08);
}
.intro-section .news-featured-img .img-fluid {
  width: 100%;
  display: block;
  border-radius: 12px;
}
.news-gallery-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #999;
  margin-bottom: 24px !important;
}
.news-gallery-item {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news-gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}
.news-gallery-item .img-fluid {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.news-gallery-item:hover .img-fluid {
  transform: scale(1.03);
}

/* News article: share buttons */
.news-share {
  padding-top: 2rem;
  border-top: 1px solid #eee;
}
.news-share-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #666;
  margin-bottom: 1rem !important;
  font-weight: 600;
}
.news-share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.news-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 18px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.news-share-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  opacity: 0.95;
  color: #fff !important;
}
.news-share-whatsapp { background: #25D366; }
.news-share-facebook { background: #1877F2; }
.news-share-linkedin { background: #0A66C2; }
.news-share-twitter { background: #000; }

/* About page: Next Chapter section – prevent text cut-off and keep text above grey box */
.min-area.sub-bg .row > .col-lg-6.valign {
  position: relative;
  z-index: 5;
}
.min-area.sub-bg .content {
  min-width: 0;
  overflow: visible;
}
.min-area.sub-bg .content .feat li {
  min-width: 0;
  overflow: visible;
}
.min-area.sub-bg .content .feat li p {
  overflow: visible;
  word-wrap: break-word;
  white-space: normal;
  max-width: 100%;
  padding-right: 0;
}
.min-area.sub-bg .content .feat li h6 {
  overflow: visible;
  word-wrap: break-word;
  white-space: normal;
}
.min-area.sub-bg .row {
  overflow: visible;
}
.min-area.sub-bg .content h4,
.min-area.sub-bg .content > p {
  overflow: visible;
  word-wrap: break-word;
}

/* About page: Next Chapter card – logo colors, readable subtitle in all languages */
.about-next-chapter-card {
  height: 400px;
  background: linear-gradient(135deg, var(--brand-primary) 0%, #0066cc 40%, var(--brand-accent) 70%, var(--brand-highlight) 100%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.about-next-chapter-card-inner {
  text-align: center;
  color: #fff;
  padding: 1rem;
}
.about-next-chapter-year {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.about-next-chapter-subtitle {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.25);
  letter-spacing: 0.02em;
}

/* Call-to-action section: pattern.png background (public/theme/img/pattern.png) */
.call-action {
  background-color: #fff !important;
  position: relative;
  padding: 100px 0 !important;
}
.call-action.bg-img {
  background-image: url('../img/pattern.png') !important;
  background-color: #fff !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}
.call-action.bg-img::before,
.call-action.bg-img::after {
  display: none !important;
}
.call-action .container {
  position: relative;
  z-index: 1;
}
.call-action .content {
  color: #0c0f16;
}
.call-action .content h6 {
  color: var(--brand-primary) !important;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
.call-action .content h2 {
  font-weight: 700;
  font-size: 4vw;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 20px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0c0f16;
  color: transparent;
}
.call-action .content h2 b {
  color: #0c0f16 !important;
  -webkit-text-stroke-width: 0;
  font-weight: 700;
}
.call-action .btn-curve.btn-blc {
  background: #0c0f16 !important;
  border: 2px solid #0c0f16 !important;
  color: #fff !important;
  line-height: 2;
}
.call-action .btn-curve.btn-blc span {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fff !important;
}
.call-action .btn-curve.btn-blc:hover {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.call-action .btn-curve.btn-blc:hover span {
  color: #fff !important;
}
@media screen and (max-width: 991px) {
  .call-action .content h2 {
    font-size: 7vw;
  }
}

/* Page headers (news, services, etc.): logo-color background instead of image */
.pages-header.pages-header-brand {
  background-image: none !important;
  background: linear-gradient(135deg, var(--brand-primary) 0%, #0066cc 35%, var(--brand-accent) 65%, var(--brand-highlight) 100%) !important;
  background-attachment: scroll !important;
}
.pages-header.pages-header-brand::before,
.pages-header.pages-header-brand::after {
  display: none !important;
}
.pages-header.pages-header-brand .cont h1,
.pages-header.pages-header-brand .cont p,
.pages-header.pages-header-brand .path a,
.pages-header.pages-header-brand .path span {
  color: #fff !important;
}
.pages-header.pages-header-brand .path a.active {
  font-weight: 600;
  opacity: 1;
}

/* Modern news header styling (when using brand background) */
.news-header-modern {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
}
.pages-header-brand.news-header-modern::before,
.pages-header-brand.news-header-modern::after {
  display: none !important;
}
.news-header-modern:not(.pages-header-brand)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0,137,255,0.3) 0%, rgba(212,4,116,0.2) 50%, rgba(255,174,6,0.2) 100%);
  z-index: 1;
}
.news-header-modern:not(.pages-header-brand)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
  z-index: 1;
}
.news-header-modern .container {
  position: relative;
  z-index: 2;
}
.news-header-modern h1 {
  font-size: 56px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
  margin-bottom: 10px;
}
.news-header-modern .path {
  margin-top: 30px;
}
.news-header-modern .path a {
  color: rgba(255,255,255,0.9);
  font-size: 14px;
}
.news-header-modern .path a.active {
  color: #fff;
  font-weight: 600;
}
@media (max-width: 768px) {
  .news-header-modern {
    min-height: 300px;
  }
  .news-header-modern h1 {
    font-size: 42px;
  }
}

/* ========== RTL support for Arabic and Kurdish (Sorani) ========== */
[dir="rtl"] body,
[dir="rtl"] .main-content,
[dir="rtl"] .content,
[dir="rtl"] .text,
[dir="rtl"] p,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .navbar .nav-link,
[dir="rtl"] .footer-half,
[dir="rtl"] li,
[dir="rtl"] .mission-list,
[dir="rtl"] .feat li,
[dir="rtl"] .call-action .content {
  font-family: 'NRT', 'Segoe UI', Tahoma, sans-serif !important;
}
[dir="rtl"] .navbar-nav.ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}
[dir="rtl"] .nav-lang-menu {
  right: auto;
  left: 0;
}
@media screen and (min-width: 992px) {
  [dir="rtl"] .nav-lang-menu {
    left: 0;
    right: auto;
  }
}
[dir="rtl"] .navbar .logo img {
  object-position: right center;
}
[dir="rtl"] .setone.setwo .swiper-button-next { left: 20px; right: auto; }
[dir="rtl"] .setone.setwo .swiper-button-prev { right: 20px; left: auto; }
/* Fix slider navigation buttons for RTL - swap positions */
[dir="rtl"] .slider .setone.setwo .next-ctrl { 
  left: 30px !important; 
  right: auto !important; 
}
[dir="rtl"] .slider .setone.setwo .prev-ctrl { 
  right: 30px !important; 
  left: auto !important; 
}
/* Flip icons horizontally for RTL so arrows point in correct direction */
[dir="rtl"] .slider .setone.setwo .next-ctrl i {
  transform: scaleX(-1) !important;
}
[dir="rtl"] .slider .setone.setwo .prev-ctrl i {
  transform: scaleX(-1) !important;
}
/* Mobile RTL slider buttons */
@media screen and (max-width: 767px) {
  [dir="rtl"] .slider .setone.setwo .next-ctrl { 
    left: 15px !important; 
    right: auto !important; 
  }
  [dir="rtl"] .slider .setone.setwo .prev-ctrl { 
    right: 15px !important; 
    left: auto !important; 
  }
}
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }
[dir="rtl"] .offset-lg-1 { margin-right: 8.333333%; margin-left: 0; }
[dir="rtl"] .navbar .search { border-left: none; border-right: 1px solid rgba(255,255,255,0.1); }
[dir="rtl"] .navbar.nav-scroll .search { border-right-color: #e0e0e0; }

/* RTL: restore normal text flow for Arabic/Kurdish (letter-spacing breaks joining; splitting breaks words) */
[dir="rtl"] p,
[dir="rtl"] .txt,
[dir="rtl"] .content p,
[dir="rtl"] .content .text p,
[dir="rtl"] .main-title,
[dir="rtl"] .sub-title h6,
[dir="rtl"] .htit h4,
[dir="rtl"] .mission-list,
[dir="rtl"] .mission-list li,
[dir="rtl"] .block-sec .content p,
[dir="rtl"] .block-sec .content h3,
[dir="rtl"] .intro-section .text p,
[dir="rtl"] .intro-section .htit h4,
[dir="rtl"] .number-sec .item h6,
[dir="rtl"] .number-sec .item p,
[dir="rtl"] .services .item-box h6,
[dir="rtl"] .services .item-box p,
[dir="rtl"] .feat li h6,
[dir="rtl"] .feat li p,
[dir="rtl"] .call-action .content h6,
[dir="rtl"] .call-action .content h2 {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}
/* Ensure RTL text in splitting-processed elements still wraps correctly if any slip through */
[dir="rtl"] .splitting .char {
  letter-spacing: 0 !important;
}

/* RTL About page: mission list bullets on the right (right-to-left) */
[dir="rtl"] .mission-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
[dir="rtl"] .mission-list li {
  padding-left: 0 !important;
  padding-right: 25px !important;
}
[dir="rtl"] .mission-list li > span {
  left: auto !important;
  right: 0 !important;
}

/* RTL: align and justify all text right-to-left (Arabic / Kurdish) */
[dir="rtl"] body,
[dir="rtl"] .main-content,
[dir="rtl"] .content,
[dir="rtl"] .text {
  text-align: right !important;
  direction: rtl;
}
[dir="rtl"] p,
[dir="rtl"] .content p,
[dir="rtl"] .content .text p,
[dir="rtl"] .block-sec .content p,
[dir="rtl"] .block-sec .content .vision_text,
[dir="rtl"] .intro-section .text p,
[dir="rtl"] .mission-list,
[dir="rtl"] .mission-list li,
[dir="rtl"] .feat li p,
[dir="rtl"] .number-sec .item p,
[dir="rtl"] .services .item-box p,
[dir="rtl"] .about .content p {
  text-align: justify !important;
  direction: rtl;
}
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .main-title,
[dir="rtl"] .sub-title h6,
[dir="rtl"] .htit h4,
[dir="rtl"] .sec-head h6,
[dir="rtl"] .sec-head h3,
[dir="rtl"] .number-sec .item h6,
[dir="rtl"] .services .item-box h6,
[dir="rtl"] .feat li h6,
[dir="rtl"] .call-action .content h6,
[dir="rtl"] .call-action .content h2,
[dir="rtl"] .footer-half .cont,
[dir="rtl"] .footer-half p,
[dir="rtl"] .footer-half h6,
[dir="rtl"] .footer-half .con-info,
[dir="rtl"] .footer-half ul,
[dir="rtl"] .subscribe p,
[dir="rtl"] .subscribe h6 {
  text-align: right !important;
  direction: rtl;
}
/* RTL footer: swap columns so logo/contact are on the right, newsletter on the left */
[dir="rtl"] .footer-half .row {
  flex-direction: row-reverse;
}
[dir="rtl"] .footer-half .row .offset-lg-2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* RTL copyright: force LTR direction for English copyright text */
[dir="rtl"] .footer-half .copyrights {
  text-align: center !important;
  direction: ltr !important;
}
[dir="rtl"] .footer-half .copyrights p {
  text-align: center !important;
  direction: ltr !important;
}
/* RTL footer form and insta block alignment */
[dir="rtl"] .footer-half .subscribe form .form-group {
  flex-direction: row-reverse;
}
[dir="rtl"] .footer-half .insta .insta-gallary {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[dir="rtl"] .footer-half .insta .insta-gallary a {
  margin-right: 0;
  margin-left: 5px;
}
[dir="rtl"] .footer-half .cont .con-info li span {
  margin-right: 0;
  margin-left: 10px;
}
[dir="rtl"] .footer-half .cont .social-icon .social a {
  margin-right: 0;
  margin-left: 5px;
}

/* Slider: ensure full width on mobile devices */
@media screen and (max-width: 767px) {
  /* Ensure body/html don't constrain width */
  body, html {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Ensure slider header takes full viewport width */
  .slider.slider-prlx.fixed-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  /* Swiper container full width */
  .slider .parallax-slider.swiper-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  /* Swiper wrapper full width */
  .slider .parallax-slider .swiper-wrapper {
    width: 100vw !important;
    display: flex !important;
  }
  /* Each slide full width - consolidate all slide rules */
  .slider .parallax-slider .swiper-slide {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    /* Force Swiper to use full width */
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
  }
  /* Background image container - full width and height */
  .slider .parallax-slider .swiper-slide .bg-img {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    /* On mobile, fill full width and maintain aspect ratio - height will adjust naturally */
    /* This ensures width is always filled, height crops if needed */
    background-size: 100vw auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* Use a more reasonable height for mobile - adjust as needed */
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    /* Reduce height on mobile for better fit - use 70vh instead of 100vh */
    min-height: 70vh !important;
    height: 70vh !important;
    /* Ensure no transform or scale is affecting it */
    transform: none !important;
    /* Make sure it's not being clipped */
    clip: unset !important;
    clip-path: none !important;
  }
  /* Also adjust slide height to match */
  .slider .parallax-slider .swiper-slide {
    min-height: 70vh !important;
    height: 70vh !important;
  }
  /* Ensure container inside slide doesn't constrain width */
  .slider .parallax-slider .swiper-slide .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }
}