/* Small corrections that preserve the existing Green Land theme. */
.no-js .dima-loading { display: none !important; }
.no-js .all_content, .no-js [data-animate] { opacity: 1 !important; visibility: visible !important; }
/* The banner's section must not clip dropdowns or trap the fixed navbar below
   the later callout (z-index: 40). Retain the theme's navbar/modal layer order. */
#services.section { overflow: visible; z-index: auto; }
.tgl-footer p { margin: 0 0 .5rem; color: #fff; }
.tgl-reg-separator { padding-inline: .5rem; }
.tgl-footer-link { color: #fff; font-weight: 600; text-decoration: none; }
.tgl-footer-link:hover, .tgl-footer-link:focus { color: rgba(255,255,255,.8); text-decoration: underline; }
.tgl-policy { padding-block: 3rem; }
.tgl-policy h4 { color: #59823a; margin-bottom: 1rem; }
.tgl-policy h5 { color: #394148; font-size: 18px; line-height: 1.6; margin: 1.75rem 0 .5rem; }
.tgl-policy p { font-size: 16px; line-height: 1.9; text-align: start; margin-bottom: 1rem; }
.tgl-policy a { overflow-wrap: anywhere; text-decoration: underline; }
.spin-2 img { max-width: min(500px, 80vw); height: auto; }
@media (max-width: 640px) {
  .tgl-reg-separator { display: block; font-size: 0; height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .tgl-footer { scroll-behavior: auto; }
}

/* Green Land batch 2: keep the main menu above Revolution Slider layers
   (up to z-index 10000 in js/specific/revolution-slider/css/settings.css)
   and above later page sections trapped by #services' old stacking context. */
.dima-navbar-wrap.desk-nav {
  position: sticky;
  top: 0;
  z-index: 10050;
}
.dima-navbar-wrap.desk-nav .dima-navbar {
  z-index: 10050;
}
.dima-navbar-wrap.mobile-nav {
  position: sticky;
  top: 0;
  z-index: 10050;
}
.dima-navbar-wrap.mobile-nav .dima-navbar {
  z-index: 10050;
}

/* Green Land batch 3: the loading overlay must cover the sticky menu
   (z-index: 10050 above) while it is visible during page load. */
.dima-loading {
  z-index: 10100;
}
.dima-loading .loading-top,
.dima-loading .loading-bottom {
  z-index: 10099;
}

/* Green Land: company-details section (contact-us-ar.html / contact-us-en.html).
   Two-column card (data + map image), matching the Head Office / Farms blocks
   above it. CSS-only — markup is h3 + hr-start + repeated
   h6(font label, font/bdi value) + p(value) + p(smaller note) in the left
   ok-md-6, a plain img in the right ok-md-6. */
#company-details .ok-row {
  background: #f7f9f4;
  border: 1px solid #e2e8da;
  border-radius: 12px;
  padding: 2rem;
}
#company-details br { display: none; }
#company-details h6 {
  display: flex;
  flex-wrap: wrap;
  column-gap: .75rem;
  margin: 0 0 .5rem;
  line-height: 1.4;
}
#company-details h6 > font:first-of-type {
  flex: 0 0 150px;
}
#company-details p {
  margin: 0;
  line-height: 1.5;
}
#company-details p:nth-of-type(1) {
  margin-bottom: .35rem;
}
#company-details p:nth-of-type(2) {
  margin-top: .3rem;
  opacity: .8;
}
@media (max-width: 640px) {
  #company-details h6 { display: block; margin: 0 0 1rem; }
  #company-details h6 > font:first-child { display: block; margin-bottom: .2rem; }
}

/* Green Land: mobile submenu — show when toggled, regardless of where the
   <ul class="sub-menu"> ended up in the tree due to legacy stray </li> tags. */
.mobile-nav ul.sub-menu.in {
  display: block !important;
}

/* Green Land: TikTok icon (Font Awesome 4.2 predates TikTok, so inline SVG). */
.tgl-tiktok { display: inline-flex; align-items: center; justify-content: center; }
.tgl-tiktok svg { width: 1em; height: 1em; }

/* TikTok icon: match the vertical centring of the sibling Font Awesome icons. */
.tgl-tiktok { vertical-align: middle; line-height: 1; }
.tgl-tiktok svg { display: block; }