html[dir="ltr"] .hcis-label.required-label::before {
  left: 0;
  right: unset !important;
}

html[dir="ltr"] .hcis-label.required-label {
  padding-right: 0px;
  padding-left: 12px;
}

html[dir="ltr"] .btns-sections-location a:not(:last-child) {
  border-left: unset !important;
  border-right: 1px solid var(--border-color2);
}

html[dir="ltr"] .hcis-green-bg {
  background-position: bottom 100% left 100% !important;
}

html[dir="ltr"] .card-arrow-link img {
  transform: rotate(180deg) !important;
}

html[dir="ltr"] .btns-sections-location a:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

html[dir="ltr"] .btns-sections-location a:last-child {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

html[dir="ltr"] .footer-social__icon span {
  padding: 4px 4px 4px 0px;
}

html[dir="ltr"] .green-link-with-icon {
  padding: 0 24px 0 0px;
}

html[dir="ltr"] .sector-box-over-section {
  right: 0;
  left: auto;
}

html[dir="ltr"] .search-results-wrapper button {
  transform: rotate(180deg);
}

html[dir="ltr"] .header-with-search .search-input {
  padding: 12px 12px 12px 48px;
  background-position: center left 20px;
}

html[dir="ltr"] .mobile-menu-wrapper .nav-link:active,
html[dir="ltr"] .mobile-menu-wrapper .nav-link:focus,
html[dir="ltr"] .mobile-menu-wrapper .active-link {
  background-position: right center !important;
}

html[dir="ltr"] .section-paddings.header-with-title {
  background-image: url("../images/header-bg-en.webp") !important;
}

html[dir="ltr"] .news-card__content h4::after {
  right: 0;
  left: unset;
  transform: rotateY(180deg);
}

html[dir="ltr"] .news-card__content {
  text-align: end;
}

html[dir="ltr"] .hcis-select {
  padding: 12px 48px 12px 12px;
  background-position: center right 20px;
}

html[dir="ltr"] .breadcrumbs-list li:not(:last-child) {
  margin-right: 32px;
  margin-left: 0px;
  position: relative;
}

html[dir="rtl"] .section-paddings.header-with-title {
  background-image: url(../images/header-img1.webp) !important;
}

html[dir="ltr"] .breadcrumbs-list li:not(:last-child)::after {
  right: -23px;
  left: unset !important;
  transform: rotate(180deg);
}

html[lang="en"] .all-sectors-carousel .sector-box-item h5.text-dark-gray,
html[lang="en"] .e-services-carousel .card .card-body h5 {
  direction: ltr;
}

html[lang="en"] .green-gradiant .breadcrumbs-list.colored-breadcrumbs-list li a.active-breadcrumb {
  color: var(--light-mint) !important;
}

html[lang="en"] .green-pattern-bg {
  background-position-x: right !important;
  background-position-y: center !important;
  background: url(../../assets/images/green-pattern-bg-en.svg);
  background-repeat: no-repeat;
  background-size: 40%;
}

html[lang="en"] .header-with-search .d-flex button.btn img[alt="Search Arrow"] {
  transform: rotateY(180deg) !important;
}

html[lang="en"] .green-link-with-icon::after {
  background-position: right center;
  margin-left: 4px;
  margin-right: 0;
}

html[lang="en"] .mobile-menu-wrapper .nav-item.active {
  background-position: right 27px top 18px;
}

html[lang="en"] .hcis-governor-section .graybox-img img {
  transform: rotateY(180deg) !important;
  max-width: 600px;
}

html[lang="en"] .green-link-with-icon::after {
  background-position: right center;
  margin-left: 4px;
  margin-right: 0;
}

html[lang="en"] .sector-image-div img {
  max-width: 620px;
  float: right !important;
  margin: 0 0 20px 20px !important;
}

html[lang="en"] .desktop-menu-wrapper .nav-link img.chevron {
  margin-left: 4px;
  margin-right: 0;
}

/* html[dir="ltr"]  .news-item-action__wrapper {
    text-align: start;
} */

ul.navbar-nav {
  padding-left: 0px !important;
}

html[lang="en"] .hcis-service-tabs .nav-tabs .nav-link {
  padding: 10px 24px 10px 0px !important;
}

html[lang="en"] .owl-prev::after,
html[lang="en"] .owl-next::after {
  transform: rotateY(180deg);
}

/* ── Hero Banner Overlay (LTR / EN) ─────────────────────────────────────── */
.home-main-banner-div {
  position: relative;
  overflow: hidden;
  min-height: 380px;
}

@media only screen and (max-width: 1200px) {
  .home-main-banner-div {
    min-height: unset !important;
  }
}

.hero-banner-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
}

.hero-overlay-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 48px;
  background: linear-gradient(90deg, rgba(7, 77, 49, 0.72) 0%, rgba(7, 77, 49, 0.1) 100%);
}

.hero-title {
  font-size: var(--fs-48);
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
  max-width: 700px;
  margin-bottom: 16px;
}

.hero-subtitle {
  font-size: var(--fs-24);
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 32px;
}

.hero-cta-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-btn-primary {
  background: var(--primary-green);
  color: var(--white);
  border: 2px solid var(--primary-green);
  border-radius: var(--btn-radius);
  padding: 12px 28px;
  font-weight: 600;
  font-size: var(--fs-16);
  transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
  text-decoration: none;
}

.hero-btn-primary:hover {
  background: var(--darker-green);
  border-color: var(--darker-green);
  transform: translateY(-2px);
  color: var(--white);
}

.hero-btn-secondary {
  border: 2px solid var(--white);
  color: var(--white);
  border-radius: var(--btn-radius);
  padding: 12px 28px;
  font-weight: 600;
  font-size: var(--fs-16);
  transition: background 0.2s ease-in-out;
  text-decoration: none;
  background: transparent;
}

.hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  color: var(--white);
}

/* ── RTL hero: align to the right ───────────────────────────────────────── */
[dir="rtl"] .hero-overlay-content {
  align-items: flex-start;
  background: linear-gradient(270deg, rgba(7, 77, 49, 0.72) 0%, rgba(7, 77, 49, 0.1) 100%);
}

[dir="rtl"] .hero-title {
  text-align: right;
}

/* ── Section title RTL fix ───────────────────────────────────────────────── */
[dir="rtl"] .section-title::after {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

@media (max-width: 768px) {
  .hero-overlay-content {
    padding: 0 24px;
  }

  .hero-title {
    font-size: var(--fs-30);
  }

  .hero-subtitle {
    font-size: var(--fs-18);
  }

  .hcis-breadcrumb {
    padding: 10px 16px;
  }
}