/* Theme public site overrides */

/* --------------------------------------------------------------------------
   Body text scale
   --builza-text-size (16px): regular body / paragraph copy
   --builza-text-size-intro (20px): section intros + banner video text
   -------------------------------------------------------------------------- */

.banner-video__text,
.page-header__intro,
/* .about-one__text, */
.about-one__text,
.eng-expertise__intro,
.org-chart__intro,
.certs-docs__intro,
.certs-docs__intro p,
.certs-pack__intro,
.media-section__body,
.integrated-management__intro,
.human-capital-counter__intro,
.main-slider-two__text,
.projects-map__intro-text {
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line);
}

.footer-widget__welcome,
.history-timeline__text,
.feature-accordion .feature-accordion-panel__content .inner p,
.eng-expertise__team-body,
.project-details-popup__summary,
.project-details-popup__extra p,
.project-details-popup__extra li,
.service-sector-card__text,
.service-specialty-card__text,
.executive-messages--profiles .executive-messages__quote,
.about-one__point-content p,
.pricing-one__content-text,
.feature-one__text,
.services-one__text,
.why-choose-one__text,
.process-one__text,
.service-two__text,
.about-three__text,
.services-three__text,
.blog-one__text,
.blog-two__text,
.blog-three__text,
.cta-one__text,
.testimonial-one__text,
.testimonial-two__text {
  font-size: var(--builza-text-size);
  line-height: var(--builza-text-line);
}

.main-menu__top--brand .main-menu__top-inner {
  background-color: #Eb6900;
  color: #fff;
  flex-wrap: nowrap;
}

.main-menu__top--brand .main-menu__top-welcome-text,
.main-menu__top--brand .main-menu__social-title,
.main-menu__top--brand .main-menu__social a,
.main-menu__top--brand .main-menu__top-contact,
.main-menu__top--brand .main-menu__top-contact a,
.main-menu__top--brand .main-menu__top-profile {
  color: #fff;
}

.main-menu__top-strip {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  width: 100%;
  overflow: hidden;
}

.main-menu__top-welcome-text,
.main-menu__top-profile,
.main-menu__top-contact,
.main-menu__top-right {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
}

.main-menu__top-welcome-text {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-menu__top-profile {
  text-decoration: underline;
  text-underline-offset: 3px;
  flex: 0 0 auto;
}

.main-menu__top-contact a,
.main-menu__top-contact > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-menu__top-right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.footer-widget__welcome {
  margin: 10px 0 14px;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--builza-text-size);
  line-height: 1.6;
}

.footer-widget__social-title {
  display: inline-block;
  margin: 0 10px 0 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}

@media (max-width: 1199px) {
  .main-menu__top-strip {
    gap: 8px 12px;
  }

  .main-menu__social-title {
    display: none;
  }
}

.main-menu__logo-img,
html[dir="rtl"] .main-menu__logo-img,
html.locale-ar .main-menu__logo-img,
.locale-ar .main-menu__logo-img {
  max-height: 90px !important;
  height: 80px !important;
  width: auto !important;
  max-width: 320px !important;
  object-fit: contain !important;
}

.main-menu__logo-img.cms-logo-svg,
img.cms-logo-svg,
html[dir="rtl"] .main-menu__logo-img.cms-logo-svg,
html.locale-ar .main-menu__logo-img.cms-logo-svg {
  height: 80px !important;
  max-width: 320px !important;
}

.main-menu__logo,
html[dir="rtl"] .main-menu__logo,
html.locale-ar .main-menu__logo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.mobile-nav__content .logo img,
.xs-sidebar-group .content-inner .logo img,
.footer-widget__about-logo img,
html[dir="rtl"] .mobile-nav__content .logo img,
html[dir="rtl"] .xs-sidebar-group .content-inner .logo img,
html[dir="rtl"] .footer-widget__about-logo img,
html.locale-ar .mobile-nav__content .logo img,
html.locale-ar .footer-widget__about-logo img {
  max-height: 100px !important;
  height: 90px !important;
  width: auto !important;
  max-width: 320px !important;
  object-fit: contain !important;
}

.page-header__inner {
  text-align: center;
}

.page-header__tagline {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0.02em;
  text-align: center;
}

.page-header__intro {
  margin: 10px auto 0;
  max-width: 720px;
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line-intro);
  color: rgba(255, 255, 255, 0.82);
  text-align: center;
}

.about-hover-box {
  position: relative;
  display: block;
  height: 100%;
  padding: 30px 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background: #fff;
  transition: all 0.35s ease;
}

.about-hover-box h2,
.about-hover-box h3 {
  margin-bottom: 12px;
  transition: color 0.35s ease;
}

.about-hover-box p {
  margin: 0;
  transition: color 0.35s ease;
}

.about-hover-box:hover {
  background-color: #Eb6900;
  border-color: #Eb6900;
  box-shadow: 0 12px 30px rgba(235, 105, 0, 0.22);
  transform: translateY(-4px);
}

.about-hover-box:hover h2,
.about-hover-box:hover h3,
.about-hover-box:hover p,
.about-hover-box:hover li {
  color: #fff;
}

html.theme-dark .about-hover-box {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .about-hover-box h2,
html.theme-dark .about-hover-box h3,
html.theme-dark .about-hover-box p,
html.theme-dark .about-hover-box li {
  color: #fff;
}

html.theme-dark .about-hover-box:hover {
  background-color: #Eb6900;
  border-color: #Eb6900;
}

html.theme-dark .about-hover-box:hover h2,
html.theme-dark .about-hover-box:hover h3,
html.theme-dark .about-hover-box:hover p,
html.theme-dark .about-hover-box:hover li {
  color: #fff;
}

/* Dropdown section anchors (projects / about / services / jobs) */
.project-page__section,
#our-story,
#mission-vision,
#our-values,
#executive-messages,
#our-leadership,
#organization,
#certifications,
#who-we-are,
#our-journey,
#why-us,
#human-capital,
#owned-assets,
#engineering-expertise,
#integrated-management,
#what-we-build,
#our-specialties,
#submit-cv {
  scroll-margin-top: calc(var(--main-menu-bar-height, 107px) + 24px);
}
.feature-one {
    padding: 120px 0px;
  }
/* Feature cards — do not stretch/override the theme mask (that clips text).
   Keep natural card proportions, add row spacing, and a 3-line text area. */
.feature-one .row > [class*="col-"] {
  margin-bottom: 40px;
}

.feature-one__single {
  margin-bottom: 0;
  height: auto;
}

.feature-one__text {
  min-height: calc(1.6em * 3);
}

/* Why Choose titles — keep equal height when any title wraps to 2 lines */
.why-choose-one__title {
  min-height: calc(34px * 2); /* matches theme line-height */
}

html.theme-dark .feature-one__single-inner,
html.theme-dark .feature-one__icon {
  background-color: #171e32;
  border-top-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .feature-one__title,
html.theme-dark .feature-one__text,
html.theme-dark .feature-one__read-more a {
  color: var(--builza-white);
}

html.theme-dark .feature-one__icon span {
  color: var(--builza-base);
}

html.theme-dark .feature-one__read-more a:hover {
  color: var(--builza-base);
}

/* When a section title is followed by body intro text, move the title's bottom gap onto the text */
.section-title:has(+ .about-one__text) {
  margin-bottom: 0;
}

.section-title + .about-one__text {
  margin-bottom: 46px;
  margin-top: 8px;
}

#who-we-are .who-we-are__copy .who-we-are__line {
  display: block;
  margin: 0;
}

#who-we-are .who-we-are__highlight {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--builza-base, #FF5E14);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.45;
}

html.theme-dark #who-we-are .who-we-are__highlight {
  color: var(--builza-base, #FF5E14);
}

.about-one__point-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Branding PDF download CTA */
html.theme-dark .about-two .branding-pdf-btn.thm-btn,
html.theme-dark .about-two .branding-pdf-btn.thm-btn:visited {
  color: var(--builza-white, #fff);
}

html.theme-dark .about-two .branding-pdf-btn.thm-btn:hover {
  color: var(--builza-base);
}

/* Theme branding color swatches */
.brand-color-card {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background: #fff;
}

.brand-color-card__swatch {
  height: 140px;
  width: 100%;
}

.brand-color-card__meta {
  padding: 16px 18px 18px;
}

.brand-color-card__title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.brand-color-card__hex {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #667085;
}

html.theme-dark .brand-color-card {
  background: #171e32;
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .brand-color-card__title {
  color: var(--builza-white);
}

html.theme-dark .brand-color-card__hex {
  color: #9aa4b2;
}

.testimonial-one__message-title {
  margin: 12px 0 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--builza-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.testimonial-one__text--4lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.7;
  min-height: calc(1.7em * 4);
  max-height: calc(1.7em * 4);
}

/* Executive / testimonial portrait — RTL: keep visible, mirror shapes only */
html[dir="rtl"] .testimonial-one__carousel.owl-carousel,
.locale-ar .testimonial-one__carousel.owl-carousel,
html[dir="rtl"] .testimonial-one__carousel.owl-carousel .owl-stage-outer,
.locale-ar .testimonial-one__carousel.owl-carousel .owl-stage-outer,
html[dir="rtl"] .testimonial-one__carousel.owl-carousel .owl-item,
.locale-ar .testimonial-one__carousel.owl-carousel .owl-item,
html[dir="rtl"] .testimonial-one__carousel .item,
.locale-ar .testimonial-one__carousel .item {
  overflow: visible;
}

html[dir="rtl"] .testimonial-one__img-box,
.locale-ar .testimonial-one__img-box {
  z-index: 5;
  display: block;
  visibility: visible;
  opacity: 1;
}

html[dir="rtl"] .testimonial-one__img-box-shape-1 img,
html[dir="rtl"] .testimonial-one__img-box-shape-2 img,
.locale-ar .testimonial-one__img-box-shape-1 img,
.locale-ar .testimonial-one__img-box-shape-2 img {
  transform: scaleX(-1);
}

/* Bundled Font Awesome lacks fa-x-twitter / fa-threads — SVG masks */
.fab.fa-x-twitter:before,
.fab.fa-threads:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fab.fa-x-twitter:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.fab.fa-threads:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Cpath fill='%23000' d='M141.537 88.9883C140.71 88.5919 139.87 88.2104 139.019 87.8451C137.537 60.5382 122.616 44.905 97.5619 44.745C97.4484 44.7443 97.3355 44.7443 97.222 44.7443C82.2364 44.7443 69.7731 51.1409 62.102 62.7807L75.881 72.2328C81.6116 63.5383 90.6052 61.6848 97.2286 61.6848C97.3051 61.6848 97.3819 61.6848 97.4576 61.6855C105.707 61.7381 111.932 64.1366 115.961 68.814C118.893 72.2193 120.854 76.925 121.825 82.8638C114.511 81.6207 106.601 81.2385 98.145 81.7233C74.3247 83.0954 59.0111 96.9879 60.0396 116.292C60.5615 126.084 65.4397 134.508 73.775 140.011C80.8224 144.663 89.899 146.938 99.3323 146.423C111.79 145.74 121.563 140.987 128.381 132.296C133.559 125.696 136.834 117.143 138.28 106.366C144.217 109.949 148.617 114.664 151.047 120.332C155.179 129.967 155.42 145.8 142.501 158.708C131.182 170.016 117.576 174.908 97.0135 175.059C74.2042 174.89 56.9538 167.575 45.7381 153.317C35.2355 139.966 29.8077 120.682 29.6052 96C29.8077 71.3178 35.2355 52.0336 45.7381 38.6827C56.9538 24.4249 74.2039 17.11 97.0132 16.9405C119.988 17.1113 137.539 24.4614 149.184 38.788C154.894 45.8136 159.199 54.6488 162.037 64.9503L178.184 60.6422C174.744 47.9622 169.331 37.0357 161.965 27.974C147.036 9.60668 125.202 0.195148 97.0695 0H96.9569C68.8816 0.19447 47.2921 9.6418 32.7883 28.0793C19.8819 44.4864 13.2244 67.3157 13.0007 95.9325L13 96L13.0007 96.0675C13.2244 124.684 19.8819 147.514 32.7883 163.921C47.2921 182.358 68.8816 191.806 96.9569 192H97.0695C122.03 191.827 139.624 185.292 154.118 170.811C173.081 151.866 172.51 128.119 166.26 113.541C161.776 103.087 153.227 94.5962 141.537 88.9883ZM98.4405 129.507C88.0005 130.095 77.1544 125.409 76.6196 115.372C76.2232 107.93 81.9158 99.626 99.0812 98.6368C101.047 98.5234 102.976 98.468 104.871 98.468C111.106 98.468 116.939 99.0737 122.242 100.233C120.264 124.935 108.662 128.946 98.4405 129.507Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Cpath fill='%23000' d='M141.537 88.9883C140.71 88.5919 139.87 88.2104 139.019 87.8451C137.537 60.5382 122.616 44.905 97.5619 44.745C97.4484 44.7443 97.3355 44.7443 97.222 44.7443C82.2364 44.7443 69.7731 51.1409 62.102 62.7807L75.881 72.2328C81.6116 63.5383 90.6052 61.6848 97.2286 61.6848C97.3051 61.6848 97.3819 61.6848 97.4576 61.6855C105.707 61.7381 111.932 64.1366 115.961 68.814C118.893 72.2193 120.854 76.925 121.825 82.8638C114.511 81.6207 106.601 81.2385 98.145 81.7233C74.3247 83.0954 59.0111 96.9879 60.0396 116.292C60.5615 126.084 65.4397 134.508 73.775 140.011C80.8224 144.663 89.899 146.938 99.3323 146.423C111.79 145.74 121.563 140.987 128.381 132.296C133.559 125.696 136.834 117.143 138.28 106.366C144.217 109.949 148.617 114.664 151.047 120.332C155.179 129.967 155.42 145.8 142.501 158.708C131.182 170.016 117.576 174.908 97.0135 175.059C74.2042 174.89 56.9538 167.575 45.7381 153.317C35.2355 139.966 29.8077 120.682 29.6052 96C29.8077 71.3178 35.2355 52.0336 45.7381 38.6827C56.9538 24.4249 74.2039 17.11 97.0132 16.9405C119.988 17.1113 137.539 24.4614 149.184 38.788C154.894 45.8136 159.199 54.6488 162.037 64.9503L178.184 60.6422C174.744 47.9622 169.331 37.0357 161.965 27.974C147.036 9.60668 125.202 0.195148 97.0695 0H96.9569C68.8816 0.19447 47.2921 9.6418 32.7883 28.0793C19.8819 44.4864 13.2244 67.3157 13.0007 95.9325L13 96L13.0007 96.0675C13.2244 124.684 19.8819 147.514 32.7883 163.921C47.2921 182.358 68.8816 191.806 96.9569 192H97.0695C122.03 191.827 139.624 185.292 154.118 170.811C173.081 151.866 172.51 128.119 166.26 113.541C161.776 103.087 153.227 94.5962 141.537 88.9883ZM98.4405 129.507C88.0005 130.095 77.1544 125.409 76.6196 115.372C76.2232 107.93 81.9158 99.626 99.0812 98.6368C101.047 98.5234 102.976 98.468 104.871 98.468C111.106 98.468 116.939 99.0737 122.242 100.233C120.264 124.935 108.662 128.946 98.4405 129.507Z'/%3E%3C/svg%3E");
}

/* CMS icons: keep Font Awesome glyphs when theme wrappers style icon spans */
.fas,
.far,
.fal {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fas {
  font-weight: 900 !important;
}
.far {
  font-weight: 400 !important;
}
.fal {
  font-weight: 300 !important;
}
.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* History timeline (brand journey style) */
.history-timeline {
  --history-accent: var(--builza-base, #Eb6900);
  --history-muted: #9aa0a6;
  --history-text: #5f6368;
  --history-title: #202124;
  --history-rail: #e6e8eb;
  position: relative;
  display: block;
  padding: 70px 0 90px;
  z-index: 1;
}

.history-timeline__track {
  position: relative;
}

.history-timeline__rail {
  position: absolute;
  background: var(--history-rail);
  pointer-events: none;
}

.history-timeline__rail::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--history-accent);
}

.history-timeline__item {
  position: relative;
  z-index: 1;
}

.history-timeline__year {
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--history-accent);
}

.history-timeline__item.is-future .history-timeline__year {
  color: #5f6368;
}

.history-timeline__marker {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--history-accent);
  border: 3px solid var(--history-accent);
  flex-shrink: 0;
  z-index: 2;
}

.history-timeline__item.is-future .history-timeline__marker {
  background: #fff;
  border-color: var(--history-accent);
}

.history-timeline__item.is-target .history-timeline__marker {
  width: 22px;
  height: 22px;
  background: #fff;
  border-width: 4px;
  box-shadow: inset 0 0 0 4px rgba(235, 105, 0, 0.22);
}

.history-timeline__title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--history-title);
}

.history-timeline__text {
  margin: 0;
  font-size: var(--builza-text-size);
  line-height: 1.65;
  color: var(--history-text);
}

html.theme-dark .history-timeline {
  --history-muted: #9aa4b2;
  --history-text: #9aa4b2;
  --history-title: var(--builza-white, #fff);
  --history-rail: rgba(255, 255, 255, 0.16);
}

html.theme-dark .history-timeline__item.is-future .history-timeline__year {
  color: #9aa4b2;
}

html.theme-dark .history-timeline__item.is-future .history-timeline__marker,
html.theme-dark .history-timeline__item.is-target .history-timeline__marker {
  background: #171e32;
}

/* Vertical */
.history-timeline--vertical .history-timeline__track {
  max-width: 920px;
  margin: 0 auto;
  padding-left: 0;
}

.history-timeline--vertical .history-timeline__rail {
  top: 10px;
  bottom: 10px;
  left: 118px;
  width: 3px;
}

.history-timeline--vertical .history-timeline__rail::before {
  height: var(--history-progress, 0%);
  width: 100%;
}

.history-timeline--vertical .history-timeline__item {
  display: grid;
  grid-template-columns: 96px 16px 1fr;
  column-gap: 18px;
  align-items: start;
  padding: 0 0 42px;
}

.history-timeline--vertical .history-timeline__item:last-child {
  padding-bottom: 0;
}

.history-timeline--vertical .history-timeline__year {
  text-align: right;
  font-size: clamp(28px, 3vw, 40px);
  padding-top: 2px;
}

.history-timeline--vertical .history-timeline__marker {
  margin-top: 10px;
  justify-self: center;
}

.history-timeline--vertical .history-timeline__item.is-target .history-timeline__marker {
  margin-top: 7px;
}

.history-timeline--vertical .history-timeline__content {
  padding-top: 4px;
  min-width: 0;
}

html[dir="rtl"] .history-timeline--vertical .history-timeline__rail {
  left: auto;
  right: 118px;
}

html[dir="rtl"] .history-timeline--vertical .history-timeline__year {
  text-align: left;
}

html[dir="rtl"] .history-timeline--vertical .history-timeline__content {
  text-align: right;
}

/* Horizontal — wave journey */
.history-timeline-pin {
  --history-pin-steps: 5;
  position: relative;
  /* height: calc(
    420px + ((var(--history-pin-steps, 5) - 1) * 28vh)
  ); */
}

.history-timeline--horizontal {
  overflow: hidden;
  padding: 28px 0 36px;
  position: sticky;
  top: var(--main-menu-bar-height, 107px);
  z-index: 4;
  min-height: 0;
  height: auto;
  display: block;
  /* background: var(--builza-white, #fff); */
  box-sizing: border-box;
}

.history-timeline--horizontal .history-timeline__scroller {
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 8px 0 12px;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.history-timeline--horizontal .history-timeline__scroller.is-dragging {
  cursor: grabbing;
}

.history-timeline--horizontal .history-timeline__track {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  width: max-content;
  min-width: max(100%, calc(var(--history-item-count, 7) * 300px));
  min-height: 500px;
  padding: 12px clamp(32px, 6vw, 96px) 16px;
  will-change: transform;
}

.history-timeline--horizontal .history-timeline__rail {
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 160px;
  transform: translateY(-50%);
  background: transparent;
  overflow: visible;
  z-index: 0;
  pointer-events: none;
}

.history-timeline--horizontal .history-timeline__rail::before {
  display: none;
}

.history-timeline__wave-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
}

.history-timeline__wave-path {
  fill: none;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.history-timeline__wave-path--base {
  stroke: var(--history-rail);
}

.history-timeline__wave-path--progress {
  stroke: var(--history-accent);
  stroke-dasharray: 0 100;
  stroke-dashoffset: 0;
  transition: none;
}

.history-timeline--horizontal .history-timeline__item {
  position: relative;
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  text-align: center;
  padding: 0 16px;
  scroll-snap-align: center;
  z-index: 1;
  min-height: 100%;
  opacity: 0.8;
  transform: none;
  transition: opacity 0.25s ease;
}

.history-timeline--horizontal .history-timeline__item.is-active-point {
  z-index: 3;
  opacity: 1;
}

.history-timeline--horizontal .history-timeline__item.is-active-point .history-timeline__year {
  font-size: clamp(36px, 3.2vw, 52px);
}

.history-timeline--horizontal .history-timeline__item.is-active-point .history-timeline__marker {
  width: 22px;
  height: 22px;
  border-width: 4px;
  box-shadow: 0 0 0 7px rgba(255, 94, 20, 0.2);
}

.history-timeline--horizontal .history-timeline__slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 240px;
  flex: 1 1 0;
  min-height: 0;
  z-index: 1;
}

/* Keep text clear of the wave + dots (rail amp ≈ 52px from center) */
.history-timeline--horizontal .history-timeline__slot--top {
  justify-content: flex-end;
  padding-bottom: 96px;
}

.history-timeline--horizontal .history-timeline__slot--bottom {
  justify-content: flex-start;
  padding-top: 96px;
}

.history-timeline--horizontal .history-timeline__year {
  font-size: clamp(28px, 2.6vw, 42px);
  margin-bottom: 10px;
  min-height: 1em;
}

.history-timeline--horizontal .history-timeline__marker {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 4;
  box-shadow: 0 0 0 5px #fff;
  pointer-events: none;
}

/* Sit markers on wave peaks / troughs (must match wave.js VB_AMP) */
.history-timeline--horizontal .history-timeline__item.is-wave-up .history-timeline__marker {
  top: calc(50% - 52px);
}

.history-timeline--horizontal .history-timeline__item.is-wave-down .history-timeline__marker {
  top: calc(50% + 52px);
}

html.theme-dark .history-timeline--horizontal .history-timeline__marker {
  box-shadow: 0 0 0 5px #0f172a;
}

.history-timeline--horizontal .history-timeline__content {
  max-width: 200px;
}

.history-timeline--horizontal .history-timeline__title {
  font-size: 16px;
  margin: 0 0 6px;
}

.history-timeline--horizontal .history-timeline__text {
  font-size: var(--builza-text-size);
  line-height: 1.5;
  margin: 0;
}

html[dir="rtl"] .history-timeline--horizontal .history-timeline__scroller {
  direction: ltr; /* keep scroll/transform math stable */
}

html[dir="rtl"] .history-timeline--horizontal .history-timeline__track {
  flex-direction: row;
  direction: ltr;
}

html[dir="rtl"] .history-timeline--horizontal .history-timeline__item {
  direction: rtl; /* keep Arabic text RTL */
}

@media (max-width: 767px) {
  .history-timeline--vertical .history-timeline__item {
    grid-template-columns: 64px 14px 1fr;
    column-gap: 12px;
    padding-bottom: 34px;
  }

  .history-timeline--vertical .history-timeline__rail {
    left: 78px;
  }

  html[dir="rtl"] .history-timeline--vertical .history-timeline__rail {
    right: 78px;
  }

  .history-timeline--vertical .history-timeline__year {
    font-size: 24px;
  }

  .history-timeline--horizontal .history-timeline__track {
    min-height: 400px;
    min-width: max(100%, calc(var(--history-item-count, 7) * 240px));
  }

  .history-timeline--horizontal .history-timeline__item {
    flex-basis: 240px;
  }

  .history-timeline--horizontal .history-timeline__slot--top {
    padding-bottom: 84px;
  }

  .history-timeline--horizontal .history-timeline__slot--bottom {
    padding-top: 84px;
  }

  .history-timeline--horizontal .history-timeline__item.is-wave-up .history-timeline__marker {
    top: calc(50% - 44px);
  }

  .history-timeline--horizontal .history-timeline__item.is-wave-down .history-timeline__marker {
    top: calc(50% + 44px);
  }
}
.section-body__cta-one{
    margin-bottom: 46px;
    margin-top: 8px;
}
.services-one {
    background-color: initial;
}
/* Home counter — workforce summary + team columns */
.counter-one--workforce {
  padding-top: 40px;
}

.counter-one--workforce .counter-one__summary {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: clamp(24px, 6vw, 72px);
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto 48px;
  max-width: 920px;
  padding: 18px 24px 8px;
}

.counter-one--workforce .counter-one__summary-item {
  /* min-width: 120px; */
  flex-direction: column;
    gap: 18px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.counter-one--workforce .counter-one__summary-count {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  color: var(--builza-black);
}

.counter-one--workforce .counter-one__summary-count h3,
.counter-one--workforce .counter-one__summary-count span,
.counter-one--workforce .counter-one__prefix {
  font-size: 36px;
  line-height: 1.15 !important;
  font-weight: 700;
  color: var(--builza-black);
  font-family: var(--builza-font-two) !important;
  margin: 0;
}

.counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-count h3,
.counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-count span,
.counter-one--workforce .counter-one__summary-item--workforce .counter-one__prefix {
  font-size: clamp(42px, 5vw, 56px);
  color: var(--builza-base);
}

.counter-one--workforce .counter-one__summary-label {
  margin: 8px 0 0;
  font-weight: 600;
  color: var(--builza-gray, #667085);
}

.counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-label {
  font-size: 18px;
  color: var(--builza-black);
}

.counter-one--workforce .counter-one__inner {
  align-items: stretch;
}

.counter-one--workforce .counter-one__single {
  flex-direction: column;
  gap: 18px;
  text-align: center;
}

.counter-one--workforce .counter-one__count-text {
  margin: 0;
  min-height: 48px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1.35;
  font-weight: 600;
  color: var(--builza-gray);
  text-align: center;
}

.counter-one--workforce .counter-one__count {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  overflow: visible;
}

.counter-one--workforce .counter-one__count h3,
.counter-one--workforce .counter-one__count span,
.counter-one--workforce .counter-one__count .counter-one__prefix {
  font-size: 34px;
  line-height: 1.15 !important;
  font-weight: 700;
  color: var(--builza-black);
  font-family: var(--builza-font-two) !important;
  margin: 0;
}

/* Odometer clips the last digit when digit-spacer is narrower than bold glyphs */
.counter-one--workforce .odometer,
.counter-one--workforce .odometer .odometer-digit,
.counter-one--workforce .odometer .odometer-digit .odometer-digit-spacer,
.counter-one--workforce .odometer .odometer-digit .odometer-value {
  font-family: var(--builza-font-two) !important;
  font-weight: 700 !important;
}

.counter-one--workforce .odometer {
  display: inline-block;
  overflow: visible !important;
  vertical-align: baseline;
  line-height: 1.15 !important;
  min-width: max-content;
}

.counter-one--workforce .odometer .odometer-digit {
  padding-right: 0.1em;
  min-width: 0.72em;
}

/* .counter-one--workforce .odometer .odometer-digit:last-child {
  padding-right: 0.28em;
} */

/* .counter-one--workforce .odometer .odometer-digit .odometer-digit-spacer {
  padding: 0 0.1em;
  min-width: 0.72em;
} */

.counter-one--workforce .odometer .odometer-digit .odometer-digit-inner {
  left: 0;
  right: auto;
  width: 100%;
  padding-right: 0.08em;
  box-sizing: content-box;
}

html.theme-dark .counter-one--workforce .counter-one__summary-count h3,
html.theme-dark .counter-one--workforce .counter-one__summary-count span,
html.theme-dark .counter-one--workforce .counter-one__prefix,
html.theme-dark .counter-one--workforce .counter-one__count-text,
html.theme-dark .counter-one--workforce .counter-one__count h3,
html.theme-dark .counter-one--workforce .counter-one__count span {
  color: var(--builza-white);
}

html.theme-dark .counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-count h3,
html.theme-dark .counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-count span,
html.theme-dark .counter-one--workforce .counter-one__summary-item--workforce .counter-one__prefix {
  color: var(--builza-base);
}

@media (max-width: 991px) {
  .counter-one--workforce .counter-one__inner li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 575px) {
  .counter-one--workforce .counter-one__inner li {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .counter-one--workforce .counter-one__summary {
    gap: 20px;
  }
}

/* Classic counter: wrap extras and center them under the first row */
.counter-one--classic .counter-one__inner {
  justify-content: center;
}

.counter-one--classic .counter-one__inner li {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 991px) {
  .counter-one--classic .counter-one__inner li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 575px) {
  .counter-one--classic .counter-one__inner li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Service-two animated item counters */
.service-two__count--value {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 24px;
}

.service-two__count--value::before {
  content: none !important;
  display: none !important;
  counter-increment: none !important;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    padding-right: 0.05em;
}
.service-two__count--value .odometer,
.service-two__count--value span {
  font-size: 50px;
  /* line-height: 40px; */
  font-weight: 700;
  font-family: var(--builza-font-two);
  color: transparent;
  -webkit-text-stroke: 1px rgba(var(--builza-base-rgb));
  margin: 0;
  transition: all 500ms ease;
}

.service-two__single:hover .service-two__count--value .odometer,
.service-two__single:hover .service-two__count--value span {
  color: rgba(var(--builza-white-rgb), 1);
  -webkit-text-stroke: 1px rgba(var(--builza-white-rgb));
}

/* .service-two__count--value .odometer .odometer-digit {
  padding-right: 0.12em;
} */

.service-two__count--value .odometer .odometer-digit:last-child {
  padding-right: 0.18em;
}

/* Who We Are — metrics cards */
.who-metrics {
  --who-metric-icon: var(--builza-base, #FF5E14);
  --who-metric-ink: #111;
  --who-metric-muted: #8a8a8a;
  --who-metric-surface: #f2f2f2;
  --who-metric-border: #d9d9d9;
  margin-top: 20px;
}

.who-metrics__row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 16px;
}

.who-metrics__col {
  display: flex;
}

.who-metric-card {
  position: relative;
  width: 100%;
  min-height: 280px;
  padding: 28px 24px 24px;
  background: var(--who-metric-surface);
  display: flex;
  flex-direction: column;
  transition: background-color 0.35s ease, color 0.35s ease;
}

.who-metric-card:hover {
  background: var(--builza-base, #FF5E14);
}

.who-metric-card:hover .who-metric-card__accent {
  background: var(--builza-black, #0E121D);
}

.who-metric-card:hover .who-metric-card__head {
  border-bottom-color: rgba(var(--builza-white-rgb, 255, 255, 255), 0.35);
}

.who-metric-card:hover .who-metric-card__icon,
.who-metric-card:hover .who-metric-card__prefix,
.who-metric-card:hover .who-metric-card__number,
.who-metric-card:hover .who-metric-card__number.odometer,
.who-metric-card:hover .who-metric-card__number .odometer-digit,
.who-metric-card:hover .who-metric-card__number .odometer-value,
.who-metric-card:hover .who-metric-card__suffix,
.who-metric-card:hover .who-metric-card__suffix--accent,
.who-metric-card:hover .who-metric-card__suffix--plus,
.who-metric-card:hover .who-metric-card__unit,
.who-metric-card:hover .who-metric-card__title,
.who-metric-card:hover .who-metric-card__text {
  color: var(--builza-white, #fff);
}

.who-metric-card__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--who-metric-border);
  transition: border-color 0.35s ease;
}

.who-metric-card__accent {
  position: absolute;
  top: -28px;
  left: -24px;
  width: 4px;
  height: 36px;
  background: var(--builza-base, #FF5E14);
  transition: background-color 0.35s ease;
}

.who-metric-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--who-metric-icon);
  font-size: 32px;
  line-height: 1;
  transition: color 0.35s ease;
}

.who-metric-card__icon i,
.who-metric-card__icon .fas,
.who-metric-card__icon .far,
.who-metric-card__icon .fal,
.who-metric-card__icon .fab {
  font-size: inherit;
  line-height: 1;
}

.who-metric-card__label {
  color: var(--builza-base, #FF5E14);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color 0.35s ease;
}

.who-metric-card--labeled .who-metric-card__title {
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  text-transform: none;
  letter-spacing: 0;
}

.who-metric-card--dark {
  --who-metric-ink: #fff;
  --who-metric-muted: rgba(255, 255, 255, 0.62);
  --who-metric-icon: var(--builza-base, #FF5E14);
  background: #1a1a1a;
}

.who-metric-card--dark .who-metric-card__head {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}

.who-metric-card--dark .who-metric-card__prefix,
.who-metric-card--dark .who-metric-card__number,
.who-metric-card--dark .who-metric-card__number.odometer,
.who-metric-card--dark .who-metric-card__suffix,
.who-metric-card--dark .who-metric-card__unit,
.who-metric-card--dark .who-metric-card__title {
  color: var(--who-metric-ink);
}

.who-metric-card--dark .who-metric-card__text {
  color: var(--who-metric-muted);
}

.who-metric-card--dark .who-metric-card__icon {
  color: var(--who-metric-icon);
}

.who-metric-card--dark:hover {
  background: var(--builza-base, #FF5E14);
}

.who-metric-card--dark:hover .who-metric-card__label,
.who-metric-card--dark:hover .who-metric-card__icon {
  color: var(--builza-white, #fff);
}

.who-metric-card:hover .who-metric-card__label {
  color: var(--builza-white, #fff);
}

.who-metric-card__value {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  margin-bottom: 14px;
  min-height: 56px;
}

.who-metric-card__prefix {
  color: var(--builza-base, #FF5E14);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.35s ease;
}

.who-metric-card__number,
.who-metric-card__number.odometer {
  margin: 0;
  color: var(--who-metric-ink, #111);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.35s ease;
}

.who-metric-card__number--static {
  letter-spacing: 0.02em;
}

.who-metric-card__number--plain {
  font-variant-numeric: tabular-nums;
}

.who-metric-card--static-value .who-metric-card__number--static {
  font-size: 42px;
}

.who-metric-card__suffix {
  color: var(--who-metric-ink, #111);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.35s ease;
}

.who-metric-card__suffix--accent {
  color: var(--builza-base, #FF5E14);
  font-size: 20px;
  font-weight: 700;
  vertical-align: super;
  position: relative;
  top: -0.55em;
  margin-left: 1px;
}

.who-metric-card__suffix--plus {
  color: var(--builza-base, #FF5E14);
  font-size: 40px;
  font-weight: 700;
}

.who-metric-card__unit {
  color: var(--who-metric-ink, #111);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-left: 4px;
  transition: color 0.35s ease;
}

.who-metric-card__title {
  margin: 0 0 10px;
  color: var(--who-metric-ink, #111);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.35;
  transition: color 0.35s ease;
}

.who-metric-card__text {
  margin: 0;
  margin-top: auto;
  color: var(--who-metric-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 16px;
  line-height: 1.45;
  transition: color 0.35s ease;
}

html.theme-dark .who-metrics {
  --who-metric-icon: var(--builza-base, #FF5E14);
  --who-metric-ink: #f5f6fa;
  --who-metric-muted: rgba(255, 255, 255, 0.55);
  --who-metric-surface: rgba(255, 255, 255, 0.06);
  --who-metric-border: rgba(255, 255, 255, 0.12);
}

html.theme-dark .who-metric-card {
  background: var(--who-metric-surface);
}

html.theme-dark .who-metric-card__head {
  border-bottom-color: var(--who-metric-border);
}

html.theme-dark .who-metric-card__number,
html.theme-dark .who-metric-card__number.odometer,
html.theme-dark .who-metric-card__suffix,
html.theme-dark .who-metric-card__unit,
html.theme-dark .who-metric-card__title {
  color: var(--who-metric-ink);
}

html.theme-dark .who-metric-card__text {
  color: var(--who-metric-muted);
}

html.theme-dark .who-metric-card--dark {
  background: rgba(255, 255, 255, 0.1);
}

html.theme-dark .who-metric-card--dark .who-metric-card__text {
  color: rgba(255, 255, 255, 0.62);
}

html[dir="rtl"] .who-metric-card__accent,
html.rtl .who-metric-card__accent {
  left: auto;
  right: -24px;
}

@media (max-width: 575px) {
  html[dir="rtl"] .who-metric-card__accent,
  html.rtl .who-metric-card__accent {
    right: -16px;
  }
}

@media (max-width: 1199px) {
  .who-metric-card {
    min-height: 250px;
  }

  .who-metric-card__prefix,
  .who-metric-card__number,
  .who-metric-card__number.odometer,
  .who-metric-card__suffix--plus {
    font-size: 34px;
  }

  .who-metric-card__icon {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .who-metric-card {
    padding: 22px 16px 18px;
    min-height: 220px;
  }

  .who-metric-card__accent {
    left: -16px;
    top: -22px;
  }

  .who-metric-card__icon {
    font-size: 26px;
  }
}

/* Feature accordion panels (Why Us, Our Values, etc.) */
.feature-accordion .feature-accordion-panel {
  position: relative;
  height: 100%;
  margin-bottom: 24px;
  background: #faf8f5;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.feature-accordion .feature-accordion-panel.active {
  background: #faf8f5;
  border-color: #e6e6e6;
  box-shadow: 0 8px 24px rgba(14, 18, 29, 0.06);
}

.feature-accordion .feature-accordion-panel.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--builza-base, #FF5E14);
}

.feature-accordion .feature-accordion-panel__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 20px;
  cursor: pointer;
  user-select: none;
}

.feature-accordion .feature-accordion-panel__header h4,
.feature-accordion .feature-accordion-panel__title {
  margin: 0;
  flex: 1;
  color: var(--builza-black, #0E121D);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.feature-accordion .feature-accordion-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  color: var(--builza-base, #FF5E14);
  font-size: 22px;
  line-height: 1;
}

.feature-accordion .feature-accordion-panel__chevron {
  position: relative;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.feature-accordion .feature-accordion-panel__chevron::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 1px;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #8a8a8a;
  border-bottom: 1.5px solid #8a8a8a;
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

.feature-accordion .feature-accordion-panel.active .feature-accordion-panel__chevron::before {
  top: 7px;
  transform: rotate(-135deg);
}

.feature-accordion .feature-accordion-panel__content {
  padding: 0 20px 22px;
}

.feature-accordion .feature-accordion-panel__content .inner p {
  margin: 0;
  color: #777;
  font-size: var(--builza-text-size);
  line-height: 1.7;
}

.feature-accordion .feature-accordion-panel:hover:not(.active) {
  background: var(--builza-base, #FF5E14);
  border-color: var(--builza-base, #FF5E14);
}

.feature-accordion .feature-accordion-panel:hover:not(.active) .feature-accordion-panel__title,
.feature-accordion .feature-accordion-panel:hover:not(.active) .feature-accordion-panel__icon,
.feature-accordion .feature-accordion-panel:hover:not(.active) .feature-accordion-panel__chevron::before {
  color: var(--builza-white, #fff);
  border-color: var(--builza-white, #fff);
}

html.theme-dark .feature-accordion .feature-accordion-panel {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .feature-accordion .feature-accordion-panel.active {
  background: rgba(255, 255, 255, 0.08);
}

html.theme-dark .feature-accordion .feature-accordion-panel__title {
  color: #fff;
}

html.theme-dark .feature-accordion .feature-accordion-panel__content .inner p {
  color: rgba(255, 255, 255, 0.65);
}

@media (min-width: 1200px) {
  .feature-accordion .feature-accordion__col--5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* Financial strength — bankers + chart */
.financial-strength__layout {
  margin-top: 10px;
}

.financial-strength__bankers,
.financial-strength__chart {
  height: 100%;
  padding: 24px 20px 20px;
  background: #fff;
  border: 1px solid #ececec;
}

.financial-strength__panel-head {
  margin-bottom: 18px;
  text-align: center;
}

.financial-strength__panel-title {
  margin: 0 0 4px;
  color: var(--builza-black, #0E121D);
  font-size: 22px;
  font-weight: 700;
}

.financial-strength__panel-unit {
  margin: 0;
  color: #777;
  font-size: 13px;
}

.financial-strength__bankers-grid {
  --bank-count: 5;
  display: grid;
  grid-template-columns: minmax(88px, 1.1fr) repeat(var(--bank-count), minmax(0, 1fr));
  gap: 10px 8px;
  align-items: center;
}

.financial-strength__bankers-corner {
  min-height: 1px;
}

.financial-strength__bank-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: #fafafa;
}

.financial-strength__bank-logo img {
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}
html.theme-dark .financial-strength__bank-logo img {
    filter: brightness(0) invert(1);
}
.financial-strength__bank-logo span {
  color: var(--builza-base, #FF5E14);
  font-size: 22px;
}

.financial-strength__bank-logo-placeholder {
  display: block;
  width: 70%;
  height: 18px;
  border-radius: 4px;
  background: #e8e8e8;
}

.financial-strength__bank-name {
  color: var(--builza-black, #0E121D);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

.financial-strength__metric-label {
  color: #666;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.financial-strength__metric-value {
  color: var(--builza-black, #0E121D);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.financial-strength__chart-plot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  min-height: 260px;
  padding: 8px 2px 0;
  overflow-x: auto;
  position: relative;
}

.financial-strength__bar-col {
  flex: 1 1 0;
  min-width: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.financial-strength__bar-track {
  position: relative;
  width: 100%;
  max-width: 42px;
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.financial-strength__bar-value {
  position: absolute;
  bottom: calc(var(--bar-height, 8%) + 8px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: var(--builza-black, #0E121D);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

.financial-strength__bar {
  width: 100%;
  height: var(--bar-height, 8%);
  min-height: 12px;
  background: linear-gradient(180deg, #3a3a3a 0%, #111 100%);
  border-radius: 3px 3px 0 0;
  transition: height 0.6s ease;
}

.financial-strength__bar--inhouse {
  background: linear-gradient(180deg, var(--builza-base, #FF5E14) 0%, #d94a0c 100%);
}

.financial-strength__bar-label {
  margin-top: 8px;
  color: var(--builza-black, #0E121D);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.financial-strength__bar-note {
  margin-top: 3px;
  color: #888;
  font-size: 10px;
  line-height: 1.3;
}

html.theme-dark .financial-strength__bankers,
html.theme-dark .financial-strength__chart {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .financial-strength__panel-title,
html.theme-dark .financial-strength__bank-name,
html.theme-dark .financial-strength__metric-value,
html.theme-dark .financial-strength__bar-label,
html.theme-dark .financial-strength__bar-value {
  color: #fff;
}

html.theme-dark .financial-strength__panel-unit,
html.theme-dark .financial-strength__metric-label,
html.theme-dark .financial-strength__bar-note {
  color: rgba(255, 255, 255, 0.55);
}

html.theme-dark .financial-strength__bank-logo {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 991px) {
  .financial-strength__bankers-grid {
    gap: 8px 6px;
  }

  .financial-strength__metric-label,
  .financial-strength__bank-name,
  .financial-strength__metric-value {
    font-size: 11px;
  }
}

@media (max-width: 575px) {
  .financial-strength__bankers,
  .financial-strength__chart {
    padding: 18px 12px 14px;
  }

  .financial-strength__bankers-grid {
    grid-template-columns: minmax(72px, 1fr) repeat(var(--bank-count), minmax(56px, 1fr));
    overflow-x: auto;
  }

  .financial-strength__bar-track {
    height: 180px;
  }
}

/* Financial strength — password reveal gate */
.financial-strength__reveal {
  --fs-reveal-ink: #0e121d;
  --fs-reveal-muted: #666;
  --fs-reveal-surface: #fff;
  --fs-reveal-border: #ececec;
  --fs-reveal-overlay: rgba(255, 255, 255, 0.45);
  --fs-reveal-accent: var(--builza-base, #ff5e14);
  position: relative;
}

.financial-strength__reveal-body {
  position: relative;
}

.financial-strength__reveal.is-mode-blur .financial-strength__reveal-body > .financial-strength__layout {
  filter: blur(7px);
  pointer-events: none;
  user-select: none;
}

.financial-strength__reveal-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 16px;
  border: 0;
  background: var(--fs-reveal-overlay);
  cursor: pointer;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.financial-strength__reveal-overlay-inner {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--fs-reveal-surface);
  border: 1px solid var(--fs-reveal-border);
  color: var(--fs-reveal-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(14, 18, 29, 0.08);
}

.financial-strength__reveal-overlay-inner i {
  color: var(--fs-reveal-accent);
}

.financial-strength__reveal-actions {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.financial-strength__reveal-actions--solo {
  position: relative;
  inset: auto;
  min-height: 120px;
  pointer-events: auto;
}

.financial-strength__show-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid var(--fs-reveal-border, #ececec);
  background: var(--fs-reveal-surface, #fff);
  color: var(--fs-reveal-ink, #0e121d);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 8px 24px rgba(14, 18, 29, 0.08);
}

.financial-strength__show-btn i {
  color: var(--fs-reveal-accent);
}

.financial-strength__show-btn:hover {
  border-color: var(--fs-reveal-accent);
}

.financial-strength__modal .modal-content {
  border-radius: 10px;
  border-color: var(--fs-reveal-border);
  background: var(--fs-reveal-surface);
  color: var(--fs-reveal-ink);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.financial-strength__modal .modal-header,
.financial-strength__modal .modal-footer {
  border-color: var(--fs-reveal-border);
}

.financial-strength__modal .modal-title {
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-weight: 700;
  color: var(--fs-reveal-ink, #0e121d);
}

.financial-strength__modal-label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  color: var(--fs-reveal-muted);
}

.financial-strength__modal-input {
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  color: var(--fs-reveal-ink, #0e121d);
  background-color: #fff;
  border-color: var(--fs-reveal-border, #ececec);
}

.financial-strength__modal-input:focus {
  color: var(--fs-reveal-ink, #0e121d);
  background-color: #fff;
  border-color: var(--fs-reveal-accent, #ff5e14);
  box-shadow: 0 0 0 0.2rem rgba(255, 94, 20, 0.2);
}

.financial-strength__modal-error {
  margin: 10px 0 0;
  color: #c0392b;
  font-size: 13px;
}

.financial-strength__modal-submit {
  background: var(--fs-reveal-accent);
  border-color: var(--fs-reveal-accent);
}

html.theme-dark .financial-strength__reveal {
  --fs-reveal-ink: #f5f6fa;
  --fs-reveal-muted: rgba(255, 255, 255, 0.55);
  --fs-reveal-surface: rgba(20, 24, 34, 0.96);
  --fs-reveal-border: rgba(255, 255, 255, 0.12);
  --fs-reveal-overlay: rgba(8, 10, 16, 0.55);
  --fs-reveal-input-bg: rgba(255, 255, 255, 0.06);
}

html.theme-dark .financial-strength__reveal-overlay-inner,
html.theme-dark .financial-strength__show-btn {
  box-shadow: none;
}

html.theme-dark .financial-strength__modal .btn-close {
  filter: invert(1);
}

html.theme-dark .financial-strength__modal .modal-title {
  color: var(--fs-reveal-ink);
}

html.theme-dark .financial-strength__modal-input,
html.theme-dark .financial-strength__modal-input:focus {
  color: var(--fs-reveal-ink);
  background-color: var(--fs-reveal-input-bg);
  border-color: var(--fs-reveal-border);
  box-shadow: none;
}

html.theme-dark .financial-strength__modal-input::placeholder {
  color: var(--fs-reveal-muted);
}

html.theme-dark .financial-strength__modal .btn-outline-secondary {
  color: var(--fs-reveal-ink);
  border-color: var(--fs-reveal-border);
}

html.theme-dark .financial-strength__modal .btn-outline-secondary:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
  border-color: var(--fs-reveal-border);
}

/* Engineering Expertise — two-part capabilities layout */
.eng-expertise {
  position: relative;
  padding: 70px 0 40px;
}

.eng-expertise__part + .eng-expertise__part {
  margin-top: 70px;
  padding-top: 20px;
}

.eng-expertise__heading {
  margin: 0 0 18px;
  color: var(--builza-black, #0E121D);
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.2;
  font-weight: 700;
}

.eng-expertise__accent {
  color: var(--builza-base, #Eb6900);
  font-weight: 700;
}

.eng-expertise__intro {
    margin-bottom: 46px;
    margin-top: 8px;
}

.eng-expertise__media {
  margin: 0;
}

.eng-expertise__media.owl-carousel .owl-nav,
.eng-expertise__media.owl-carousel .owl-dots {
  display: none;
}

.eng-expertise__media-frame {
  position: relative;
  overflow: hidden;
  background: #d9dde3;
  min-height: 320px;
  height: 100%;
}

.eng-expertise__media-frame img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
}

.eng-expertise__advantage-top > [class*="col-"],
.eng-expertise__cairo-top > [class*="col-"] {
  display: flex;
}

.eng-expertise__media--match-height {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}

.eng-expertise__media--match-height.owl-carousel,
.eng-expertise__media--match-height.owl-carousel .owl-stage-outer,
.eng-expertise__media--match-height.owl-carousel .owl-stage,
.eng-expertise__media--match-height.owl-carousel .owl-item,
.eng-expertise__media--match-height.owl-carousel .item {
  height: 100%;
}

.eng-expertise__media--match-height .eng-expertise__media-frame {
  min-height: 100%;
  height: 100%;
}

.eng-expertise__media--match-height .eng-expertise__media-frame img {
  position: absolute;
  inset: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.eng-expertise__media-caption {
  position: absolute;
  left: 0;
  bottom: 18px;
  max-width: calc(100% - 24px);
  padding: 10px 16px;
  background: rgba(14, 18, 29, 0.88);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.eng-expertise__media-caption--light {
  background: rgba(255, 255, 255, 0.92);
  color: #1a1a1a;
}

.eng-expertise__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  height: 100%;
}

.eng-expertise__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 148px;
  padding: 18px 16px 16px 18px;
  background: #f3f4f6;
  border: 1px solid transparent;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.eng-expertise__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 42px;
  background: var(--builza-base, #Eb6900);
}

.eng-expertise__card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.eng-expertise__mark {
  position: relative;
  flex: 0 0 auto;
  color: #c62828;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.eng-expertise__mark::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 48%;
  height: 2px;
  background: #c62828;
  transform: rotate(-28deg);
  transform-origin: center;
}

.eng-expertise__card-title {
  margin: 0;
  color: var(--builza-black, #0E121D);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.eng-expertise__card-text {
  margin: 0;
  color: #666;
  font-size: 16px;
  line-height: 1.55;
}

.eng-expertise__card:hover {
  background: var(--builza-base, #Eb6900);
  border-color: var(--builza-base, #Eb6900);
}

.eng-expertise__card:hover::before,
.eng-expertise__card:hover .eng-expertise__mark::after {
  background: #fff;
}

.eng-expertise__card:hover .eng-expertise__mark,
.eng-expertise__card:hover .eng-expertise__card-title,
.eng-expertise__card:hover .eng-expertise__card-text {
  color: #fff;
}

.eng-expertise__team-copy {
  margin-top: 22px;
}

.eng-expertise__team-label {
  margin: 0 0 8px;
  padding-top: 14px;
  border-top: 3px solid var(--builza-base, #Eb6900);
  color: var(--builza-base, #Eb6900);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.eng-expertise__team-heading {
  margin: 0 0 12px;
  color: var(--builza-black, #0E121D);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eng-expertise__team-body {
  margin: 0;
  color: #555;
  font-size: var(--builza-text-size);
  line-height: 1.75;
}

.eng-expertise__stats {
  background: #f3f4f6;
  padding: 28px 26px 24px;
  width: 100%;
  height: 100%;
}

.eng-expertise__stat-head {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9dde3;
}

.eng-expertise__stat-value {
  position: relative;
  padding-left: 14px;
  color: var(--builza-black, #0E121D);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 56px);
  font-weight: 700;
  line-height: 0.9;
}

.eng-expertise__stat-value::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 4px;
  width: 4px;
  background: var(--builza-base, #Eb6900);
}

.eng-expertise__stat-prefix {
  font-size: 0.7em;
}

.eng-expertise__stat-label {
  padding-bottom: 6px;
  color: var(--builza-black, #0E121D);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.3;
}

.eng-expertise__bars {
  margin: 0;
  padding: 0;
}

.eng-expertise__bar-row + .eng-expertise__bar-row {
  margin-top: 14px;
}

.eng-expertise__bar-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.eng-expertise__bar-label {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.eng-expertise__bar-value {
  color: var(--builza-black, #0E121D);
  font-size: 16px;
  font-weight: 700;
}

.eng-expertise__bar-track {
  height: 10px;
  background: #fff;
  border: 1px solid #d7dbe2;
  overflow: hidden;
}

.eng-expertise__bar-fill {
  display: block;
  height: 100%;
  background: var(--builza-base, #Eb6900);
}

.eng-expertise__bar-fill--black {
  background: #111;
}

.eng-expertise__bar-fill--orange {
  background: var(--builza-base, #Eb6900);
}

html.theme-dark .eng-expertise__heading,
html.theme-dark .eng-expertise__card-title,
html.theme-dark .eng-expertise__team-heading,
html.theme-dark .eng-expertise__stat-value,
html.theme-dark .eng-expertise__stat-label,
html.theme-dark .eng-expertise__bar-value {
  color: #fff;
}

html.theme-dark .eng-expertise__intro,
html.theme-dark .eng-expertise__team-body,
html.theme-dark .eng-expertise__card-text,
html.theme-dark .eng-expertise__bar-label {
  color: rgba(255, 255, 255, 0.7);
}

html.theme-dark .eng-expertise__card,
html.theme-dark .eng-expertise__stats {
  background: #171e32;
}

html.theme-dark .eng-expertise__bar-track {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .eng-expertise__stat-head {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .eng-expertise__card:hover .eng-expertise__mark,
html.theme-dark .eng-expertise__card:hover .eng-expertise__card-title,
html.theme-dark .eng-expertise__card:hover .eng-expertise__card-text {
  color: #fff;
}

@media (max-width: 991px) {
  .eng-expertise__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .eng-expertise {
    padding: 50px 0 20px;
  }

  .eng-expertise__grid {
    grid-template-columns: 1fr;
  }

  .eng-expertise__stats {
    padding: 22px 16px 18px;
  }
}

/* Gallery albums + viewer */
body.gallery-viewer-open {
  overflow: hidden;
  touch-action: none;
}

.gallery-album-card {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: start;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

.gallery-album-card:focus-visible {
  outline: 2px solid var(--builza-base, #eb6900);
  outline-offset: 3px;
}

.gallery-album-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #d9dde3;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(14, 18, 29, 0.12);
}

.gallery-album-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.gallery-album-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(14, 18, 29, 0.45);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-album-card:hover .gallery-album-card__overlay,
.gallery-album-card:focus-visible .gallery-album-card__overlay {
  opacity: 1;
}

.gallery-album-card:hover .gallery-album-card__media img,
.gallery-album-card:focus-visible .gallery-album-card__media img {
  transform: scale(1.05);
}

.gallery-album-card__icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--builza-base, #eb6900);
  font-size: 18px;
}

.gallery-album-card__count {
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.gallery-album-card__body {
  display: block;
  padding: 16px 2px 4px;
}

.gallery-album-card__title {
  display: block;
  color: var(--builza-black, #0e121d);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.gallery-album-card__desc {
  display: block;
  margin-top: 6px;
  color: #667085;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 14px;
  line-height: 1.5;
}

.gallery-viewer {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.gallery-viewer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gallery-viewer[hidden] {
  display: none !important;
}

.gallery-viewer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 8, 14, 0.92);
  cursor: zoom-out;
}

.gallery-viewer__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  background: transparent;
  color: #fff;
  transform: scale(0.985);
  transition: transform 0.28s ease;
}

.gallery-viewer.is-open .gallery-viewer__dialog {
  transform: scale(1);
}

.gallery-viewer__close {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  z-index: 4;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.gallery-viewer__close:hover,
.gallery-viewer__close:focus-visible {
  background: var(--builza-base, #eb6900);
  outline: none;
}

.gallery-viewer__chrome--top {
  position: absolute;
  top: 0;
  inset-inline: 0;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 72px 18px 24px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}

.gallery-viewer__header {
  min-width: 0;
  flex: 1 1 auto;
  pointer-events: none;
}

.gallery-viewer__title {
  margin: 0;
  color: #fff;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 700;
  line-height: 1.3;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

.gallery-viewer__caption {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.9rem;
  line-height: 1.45;
  max-width: 48rem;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.gallery-viewer__meta {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  pointer-events: none;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.gallery-viewer__counter {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.9);
}

.gallery-viewer__dims {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

.gallery-viewer__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 72px 64px 100px;
}

.gallery-viewer__preview {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
  cursor: zoom-in;
  user-select: none;
}

.gallery-viewer__preview.is-zoomed {
  cursor: grab;
}

.gallery-viewer__preview.is-zoomed:active {
  cursor: grabbing;
}

.gallery-viewer__image,
.gallery-viewer__video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.05s linear;
}

.gallery-viewer__video {
  width: min(100%, 1200px);
  max-height: 100%;
  background: #000;
  cursor: default;
}

.gallery-viewer__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.gallery-viewer__nav--prev {
  inset-inline-start: 12px;
}

.gallery-viewer__nav--next {
  inset-inline-end: 12px;
}

html[dir="rtl"] .gallery-viewer__nav {
  scale: -1;
}

.gallery-viewer__nav:hover,
.gallery-viewer__nav:focus-visible {
  background: var(--builza-base, #eb6900);
  outline: none;
}

.gallery-viewer__thumbs {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  z-index: 3;
  display: flex;
  gap: 10px;
  padding: 16px 20px 20px;
  overflow-x: auto;
  scrollbar-width: thin;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}

.gallery-viewer__thumb {
  position: relative;
  flex: 0 0 auto;
  width: 88px;
  height: 66px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 6px;
  background: #1a1f2b;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.gallery-viewer__thumb:focus-visible {
  outline: 2px solid var(--builza-base, #eb6900);
  outline-offset: 2px;
}

.gallery-viewer__thumb img,
.gallery-viewer__thumb video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-viewer__thumb.is-active,
.gallery-viewer__thumb:hover {
  border-color: var(--builza-base, #eb6900);
}

.gallery-viewer__thumb-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 12px;
  pointer-events: none;
}

html.theme-dark .gallery-album-card__title {
  color: #fff;
}

html.theme-dark .gallery-album-card__desc {
  color: rgba(255, 255, 255, 0.65);
}

html.theme-dark .gallery-album-card__media {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
  .gallery-viewer__chrome--top {
    padding: 14px 64px 14px 16px;
  }

  .gallery-viewer__stage {
    padding: 64px 12px 92px;
  }

  .gallery-viewer__nav {
    width: 44px;
    height: 44px;
  }

  .gallery-viewer__nav--prev {
    inset-inline-start: 6px;
  }

  .gallery-viewer__nav--next {
    inset-inline-end: 6px;
  }

  .gallery-viewer__thumb {
    width: 72px;
    height: 54px;
  }

  .gallery-viewer__close {
    top: 10px;
    inset-inline-end: 10px;
    width: 44px;
    height: 44px;
  }
}

.projects-details__img-single {
  aspect-ratio: 850 / 450;
}

.projects-details__img-single video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  background: #0f131c;
}

.projects-details__img-single > a.img-popup {
  display: block;
  width: 100%;
  height: 100%;
}

.projects-details__img-single > a.img-popup img,
.projects-details__img-single > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #0f131c;
}
.brand-one__single:hover .brand-one__img {
    opacity: initial;
}

/* Shared horizontal swipe hint — hand is positioned on the section host */
.swipe-hint-section {
  position: relative;
}

.swipe-hint-section > .swipe-hint__hand {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.28));
}
.certs-bar.swipe-hint-section > .swipe-hint__hand {
    bottom: -60px;
}
.swipe-hint-section:has(.swipe-hint:hover):not(.is-swiping).is-swipeable > .swipe-hint__hand {
  opacity: 1;
  visibility: visible;
}

.swipe-hint-section:not(.is-swipeable) > .swipe-hint__hand {
  display: none;
}

.swipe-hint__hand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  animation: swipe-hint-hand 1.4s ease-in-out infinite;
}

.swipe-hint__hand-icon img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

@keyframes swipe-hint-hand {
  0%,
  100% {
    transform: translateX(-28px);
  }
  50% {
    transform: translateX(28px);
  }
}

[dir="rtl"] .swipe-hint__hand-icon {
  animation-name: swipe-hint-hand-rtl;
}

@keyframes swipe-hint-hand-rtl {
  0%,
  100% {
    transform: translateX(28px);
  }
  50% {
    transform: translateX(-28px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .swipe-hint__hand-icon {
    animation: none;
  }
}

html.theme-dark .swipe-hint-section > .swipe-hint__hand {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.55));
}

/* Brand carousel — flip cards + dark logos */
.brand-one__swipe-area {
  position: relative;
}

.brand-one__carousel {
  position: relative;
  cursor: grab;
}

.brand-one__carousel:active {
  cursor: grabbing;
}

.brand-one__carousel .brand-one__single[data-brand-flip].is-flipped,
.brand-one__carousel .brand-one__single[data-brand-flip].is-flipped * {
  cursor: pointer;
}

.brand-one__single[data-brand-flip] {
  perspective: 900px;
  height: 180px;
  cursor: inherit;
}

.brand-one__single[data-brand-flip].is-flipped {
  cursor: pointer;
}

.brand-one__flip {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}

.brand-one__single.is-flipped .brand-one__flip {
  transform: rotateY(180deg);
}

[dir="rtl"] .brand-one__single.is-flipped .brand-one__flip {
  transform: rotateY(-180deg);
}

.brand-one__face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: var(--builza-bdr-radius, 4px);
  overflow: hidden;
}

.brand-one__face--front {
  background: transparent;
}

.brand-one__face--back {
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px;
  background: var(--builza-base);
  transform: rotateY(180deg);
  text-align: start;
}

[dir="rtl"] .brand-one__face--back {
  transform: rotateY(-180deg);
}

.brand-one__face--front .brand-one__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.brand-one__face--front .brand-one__img > img {
  max-width: 100%;
  max-height: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
}

html.theme-dark .brand-one__face--front img {
  filter: brightness(0) invert(1);
}

.brand-one__face--back img {
  filter: brightness(0) invert(1);
}

.brand-one__back-logo {
  flex: 0 0 94px;
  width: 94px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-one__back-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.brand-one__back-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

.brand-one__back-name {
  color: #fff;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}

.brand-one__back-id {
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.85rem;
  line-height: 1.35;
}

/* Project details popup */
body.project-details-popup-open {
  overflow: hidden;
}

.project-details-popup {
  --popup-ink: #0e121d;
  --popup-muted: #6b7280;
  --popup-body: #4b5563;
  --popup-surface: #ffffff;
  --popup-soft: #f4f5f7;
  --popup-line: #e8eaef;
  --popup-media: #1a1f2a;
  --popup-badge-bg: rgba(235, 105, 0, 0.12);
  --popup-badge-ink: var(--builza-base, #eb6900);
  --popup-shadow: 0 28px 80px rgba(8, 12, 24, 0.32);
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.project-details-popup.is-open {
  display: flex;
}

.project-details-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 10, 16, 0.72);
}

.project-details-popup__dialog {
  position: relative;
  z-index: 1;
  --popup-info-width: 580px;
  width: min(1600px, 100%, calc(var(--popup-info-width) + (100vh - 48px) * 16 / 9));
  max-height: calc(100vh - 48px);
  overflow: hidden;
  background: var(--popup-surface);
  border-radius: 18px;
  box-shadow: var(--popup-shadow);
}

.project-details-popup__grid {
  display: grid;
  grid-template-columns: minmax(360px, var(--popup-info-width)) minmax(0, 1fr);
  max-height: calc(100vh - 48px);
  align-items: stretch;
}

.project-details-popup__info {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 36px 36px 32px;
  overflow: hidden;
}

.project-details-popup__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 16px;
}

.project-details-popup__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--popup-badge-bg);
  color: var(--popup-badge-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

.project-details-popup__badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.project-details-popup__badge--completed {
  --popup-badge-bg: rgba(14, 18, 29, 0.08);
  --popup-badge-ink: var(--popup-ink);
}

.project-details-popup__category {
  color: var(--popup-muted);
  font-size: 13px;
  font-weight: 600;
}

.project-details-popup__title {
  flex: 0 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 0 0 10px;
  color: var(--popup-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  max-height: calc(1.2em * 2);
}

.project-details-popup__dot {
  color: var(--builza-base, #eb6900);
}

.project-details-popup__location {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: var(--popup-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.project-details-popup__location .fas {
  color: var(--builza-base, #eb6900);
  font-size: 13px;
}

.project-details-popup__summary {
  margin: 0 0 22px;
  color: var(--popup-body);
  font-size: var(--builza-text-size);
  line-height: 1.7;
}

.project-details-popup__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.project-details-popup__metrics:has(.project-details-popup__metric:only-child) {
  grid-template-columns: 1fr;
}

.project-details-popup__metric {
  border: 0;
  border-radius: 12px;
  background: var(--popup-soft);
  padding: 16px 18px;
}

.project-details-popup__metric-label {
  display: block;
  margin-bottom: 8px;
  color: var(--popup-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-transform: none;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.project-details-popup__metric-value {
  display: block;
  color: var(--popup-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.project-details-popup__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  margin-bottom: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--popup-line);
}

.project-details-popup__fact-label {
  display: block;
  margin-bottom: 4px;
  color: var(--popup-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.project-details-popup__fact-value {
  display: block;
  color: var(--popup-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.project-details-popup__extra {
  margin-bottom: 8px;
}

.project-details-popup__extra-block + .project-details-popup__extra-block {
  margin-top: 16px;
}

.project-details-popup__extra h4 {
  margin: 0 0 6px;
  color: var(--popup-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 15px;
  font-weight: 700;
}

.project-details-popup__extra p,
.project-details-popup__extra li {
  color: var(--popup-body);
  font-size: var(--builza-text-size);
  line-height: 1.65;
}

.project-details-popup__extra p {
  margin: 0;
}

.project-details-popup__extra ul {
  margin: 0;
  padding-inline-start: 18px;
}

.project-details-popup__actions {
  margin-top: auto;
  padding-top: 22px;
}

.project-details-popup__cta.thm-btn {
  border-radius: 10px;
}

.project-details-popup__media {
  position: relative;
  background: var(--popup-media);
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  align-self: stretch;
  overflow: hidden;
}

.project-details-popup__close {
  position: absolute;
  top: 18px;
  inset-inline-end: 18px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--popup-ink);
  font-size: 16px;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.project-details-popup__close:hover {
  background: var(--builza-base, #eb6900);
  color: #fff;
  transform: scale(1.04);
}

.project-details-popup__stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.project-details-popup__image,
.project-details-popup__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.project-details-popup__nav {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 8px;
}

.project-details-popup__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--popup-ink);
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.project-details-popup__nav-btn:hover {
  background: var(--builza-base, #eb6900);
  color: #fff;
  transform: scale(1.04);
}

html[dir="rtl"] .project-details-popup__nav {
  right: auto;
  left: 18px;
}

html[dir="rtl"] .project-details-popup__nav-btn .fa-chevron-left,
html[dir="rtl"] .project-details-popup__nav-btn .fa-chevron-right {
  transform: scaleX(-1);
}

html.theme-dark .project-details-popup {
  --popup-ink: #f5f6fa;
  --popup-muted: rgba(245, 246, 250, 0.62);
  --popup-body: rgba(245, 246, 250, 0.78);
  --popup-surface: #171e32;
  --popup-soft: rgba(255, 255, 255, 0.06);
  --popup-line: rgba(255, 255, 255, 0.12);
  --popup-media: #0f131c;
  --popup-badge-bg: rgba(235, 105, 0, 0.2);
  --popup-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}

html.theme-dark .project-details-popup__badge--completed {
  --popup-badge-bg: rgba(255, 255, 255, 0.1);
  --popup-badge-ink: #f5f6fa;
}

html.theme-dark .project-details-popup__close,
html.theme-dark .project-details-popup__nav-btn {
  background: rgba(255, 255, 255, 0.92);
  color: #0e121d;
}

@media (max-width: 991px) {
  .project-details-popup__dialog {
    width: min(720px, 100%);
    max-height: calc(100vh - 24px);
    overflow: auto;
  }

  .project-details-popup__grid {
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: none;
  }

  .project-details-popup__media {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    order: -1;
  }

  .project-details-popup__info {
    overflow: visible;
  }

  .project-details-popup__nav {
    right: 12px;
    bottom: 12px;
  }

  html[dir="rtl"] .project-details-popup__nav {
    right: auto;
    left: 12px;
  }
}

@media (max-width: 575px) {
  .project-details-popup {
    padding: 10px;
  }

  .project-details-popup__dialog {
    border-radius: 14px;
  }

  .project-details-popup__info {
    padding: 24px 18px 20px;
  }

  .project-details-popup__metrics,
  .project-details-popup__facts {
    grid-template-columns: 1fr;
  }

  .project-details-popup__metric-value {
    font-size: 18px;
  }
}

/* App logo page preloader */
body.is-preloading {
  overflow: hidden;
}

#preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

html.theme-dark #preloader {
  background-color: #0f1218;
}

.preloader--logo {
  width: auto;
  height: auto;
  margin: 0;
  top: auto;
  left: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: preloader-logo-pulse 1.6s ease-in-out infinite;
}

.preloader--logo span {
  display: none;
}

.preloader__logo {
  max-width: min(220px, 55vw);
  height: auto;
  width: auto;
  display: block;
  object-fit: contain;
}

@keyframes preloader-logo-pulse {
  0%,
  100% {
    opacity: 0.75;
    transform: scale(0.98);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Team page group filters */
.team-one--filtered .team-one__inner {
  max-width: none;
}

.team-one__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 48px;
  position: relative;
  z-index: 2;
}

.team-one__filter-btn {
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #Eb6900;
  background: #fff;
  color: #0f1218;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  padding: 14px 26px;
  cursor: pointer;
  border-radius: 0;
  min-width: 160px;
  text-align: center;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.team-one__filter-btn:hover {
  border-color: #Eb6900;
  color: #Eb6900;
  background: #fff7f0;
}

.team-one__filter-btn.is-active {
  background: #Eb6900;
  border-color: #Eb6900;
  color: #fff;
  box-shadow: 0 8px 18px rgba(235, 105, 0, 0.22);
}

.team-one__filter-btn:focus-visible {
  outline: 2px solid #Eb6900;
  outline-offset: 2px;
}

.team-one__filter-card {
  transition: opacity 0.32s ease, transform 0.32s ease;
  transform-origin: center top;
  visibility: visible !important;
  animation: none !important;
}

.team-one__filter-card.is-entering,
.team-one__filter-card.is-exiting {
  opacity: 0;
  transform: translateY(12px) scale(0.96);
  pointer-events: none;
}

.team-one__filter-card.is-filtered-out {
  display: none !important;
}

.team-one--rtl .team-one__filters {
  direction: rtl;
}

html.theme-dark .team-one__filter-btn {
  background: #171b22;
  border-color: #Eb6900;
  color: #f3f4f6;
}

html.theme-dark .team-one__filter-btn:hover {
  border-color: #Eb6900;
  color: #Eb6900;
  background: #1f242e;
}

html.theme-dark .team-one__filter-btn.is-active {
  background: #Eb6900;
  border-color: #Eb6900;
  color: #fff;
}

@media (max-width: 767px) {
  .team-one__filter-btn {
    min-width: 0;
    flex: 1 1 calc(50% - 6px);
    padding: 12px 14px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-one__filter-card,
  .team-one__filter-btn {
    transition: none !important;
  }

  .team-one__filter-card.is-entering,
  .team-one__filter-card.is-exiting {
    transform: none;
  }
}
html.theme-dark .counter-one--workforce .counter-one__summary-item--workforce .counter-one__summary-label {
    color: var(--builza-white);
}
html.theme-dark .counter-one--workforce .counter-one__summary-label {
    color: var(--builza-white);
}
/* ---- Service sector / specialty cards ---- */
.service-sector-card,
.service-specialty-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 28px 28px 24px;
  border-radius: 4px;
  transition: background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
  border: 1px solid #ececec;
}

.service-sector-card {
  background: #f9f9f9;
  /* box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); */
}

.service-sector-card__index {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.service-sector-card__bar {
  width: 4px;
  height: 22px;
  background: var(--thm-primary, #FF5E14);
  border-radius: 2px;
  flex-shrink: 0;
}

.service-sector-card__number {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--thm-primary, #FF5E14);
}

.service-sector-card__title {
  margin: 0 0 12px;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
}

.service-sector-card__title a {
  color: inherit;
  text-decoration: none;
}

.service-sector-card__text {
  margin: 0 0 22px;
  color: #6b7280;
  font-size: var(--builza-text-size);
  flex-grow: 1;
}

.service-sector-card__signature {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
}

.service-sector-card__signature-label {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9ca3af;
}

.service-sector-card__signature-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
}

.service-sector-card__project {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.service-sector-card__meta {
  font-size: 13px;
  color: #6b7280;
}

.service-sector-card:hover {
  background: var(--thm-primary, #FF5E14);
  box-shadow: 0 14px 34px rgba(255, 94, 20, 0.28);
}

.service-sector-card:hover .service-sector-card__bar {
  background: #fff;
}

.service-sector-card:hover .service-sector-card__number,
.service-sector-card:hover .service-sector-card__title,
.service-sector-card:hover .service-sector-card__title a,
.service-sector-card:hover .service-sector-card__text,
.service-sector-card:hover .service-sector-card__signature-label,
.service-sector-card:hover .service-sector-card__project,
.service-sector-card:hover .service-sector-card__meta {
  color: #fff;
}

.service-sector-card:hover .service-sector-card__signature {
  border-top-color: rgba(255, 255, 255, 0.28);
}

.service-specialty-card {
  background: #f9f9f9;
  min-height: 280px;
}

.service-specialty-card__header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.service-specialty-card__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9ca3af;
}

.service-specialty-card__title {
  margin: 0 0 14px;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
}

.service-specialty-card__title a {
  color: inherit;
  text-decoration: none;
}

.service-specialty-card__text {
  margin: 0 0 24px;
  color: #4b5563;
  font-size: var(--builza-text-size);
  line-height: 1.7;
  flex-grow: 1;
}

.service-specialty-card__tags {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.service-specialty-card__tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--thm-primary, #FF5E14);
}

.service-specialty-card__tag-sep {
  color: var(--thm-primary, #FF5E14);
  opacity: 0.7;
}

.service-specialty-card:hover {
  background: #1f2937;
}

.service-specialty-card:hover .service-specialty-card__label,
.service-specialty-card:hover .service-specialty-card__title,
.service-specialty-card:hover .service-specialty-card__title a,
.service-specialty-card:hover .service-specialty-card__text {
  color: #fff;
}

.service-specialty-card:hover .service-specialty-card__tag,
.service-specialty-card:hover .service-specialty-card__tag-sep {
  color: var(--thm-primary, #FF5E14);
}

html.theme-dark .service-sector-card {
  background: #171e32;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  border: 0.5px solid #ececec;
}
html.theme-dark .service-sector-card {
    border-color: rgba(255, 255, 255, 0.12);
  }
html.theme-dark .service-sector-card__title,
html.theme-dark .service-sector-card__title a,
html.theme-dark .service-sector-card__project {
  color: var(--builza-white, #fff);
}

html.theme-dark .service-sector-card__text,
html.theme-dark .service-sector-card__signature-label,
html.theme-dark .service-sector-card__meta {
  color: #9aa4b2;
}

html.theme-dark .service-sector-card__signature {
  border-top-color: rgba(255, 255, 255, 0.12);
}

html.theme-dark .service-sector-card:hover {
  background: var(--thm-primary, #FF5E14);
  box-shadow: 0 14px 34px rgba(255, 94, 20, 0.28);
}

html.theme-dark .service-sector-card:hover .service-sector-card__bar {
  background: #fff;
}

html.theme-dark .service-sector-card:hover .service-sector-card__number,
html.theme-dark .service-sector-card:hover .service-sector-card__title,
html.theme-dark .service-sector-card:hover .service-sector-card__title a,
html.theme-dark .service-sector-card:hover .service-sector-card__text,
html.theme-dark .service-sector-card:hover .service-sector-card__signature-label,
html.theme-dark .service-sector-card:hover .service-sector-card__project,
html.theme-dark .service-sector-card:hover .service-sector-card__meta {
  color: #fff;
}

html.theme-dark .service-sector-card:hover .service-sector-card__signature {
  border-top-color: rgba(255, 255, 255, 0.28);
}

html.theme-dark .service-specialty-card {
  background: #171e32;
  border: 0.5px solid #ececec;
}
html.theme-dark .service-specialty-card {
    border-color: rgba(255, 255, 255, 0.12);
  }
html.theme-dark .service-specialty-card__label {
  color: #9aa4b2;
}

html.theme-dark .service-specialty-card__title,
html.theme-dark .service-specialty-card__title a {
  color: var(--builza-white, #fff);
}

html.theme-dark .service-specialty-card__text {
  color: #9aa4b2;
}

html.theme-dark .service-specialty-card:hover {
  background: var(--thm-primary, #FF5E14);
}

html.theme-dark .service-specialty-card:hover .service-specialty-card__label,
html.theme-dark .service-specialty-card:hover .service-specialty-card__title,
html.theme-dark .service-specialty-card:hover .service-specialty-card__title a,
html.theme-dark .service-specialty-card:hover .service-specialty-card__text {
  color: #fff;
}

html.theme-dark .service-specialty-card:hover .service-specialty-card__tag,
html.theme-dark .service-specialty-card:hover .service-specialty-card__tag-sep {
  color: #fff;
}

.services-page--cards .services-page__inner .row > [class*="col-"],
.feature-one--specialty-cards .feature-one__inner .row > [class*="col-"] {
  margin-bottom: 24px;
}

.services-one--filtered .services-one__filters {
  margin-bottom: 30px;
}

.services-one__panel[hidden] {
  display: none !important;
}

.services-one__filter-card.is-filtered-out {
  display: none !important;
}

.services-one__filter-card.is-entering,
.services-one__filter-card.is-exiting {
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.services-one__filter-card.is-entering {
  opacity: 0;
  transform: translateY(12px);
}

.services-one__filter-card.is-exiting {
  opacity: 0;
  transform: translateY(-8px);
}

.services-one__carousel .swiper-slide.is-filtered-out {
  display: none !important;
}

#submit-cv {
    background-color: var(--builza-primary);
}
html.theme-dark #submit-cv {
    background-color: var(--builza-dark);
}
/* ==========================================================================
   Organization chart (About)
   ========================================================================== */
.org-chart {
  --org-navy: #202a38;
  --org-orange: #ef7127;
  --org-green: #55785e;
  --org-green-bg: #edf5ef;
  --org-green-border: #ccd9ce;
  --org-peach-bg: #fff5e9;
  --org-peach-border: #ecd9bf;
  --org-blue: #2c829d;
  --org-blue-bg: #edf6f8;
  --org-red: #9f3b3b;
  --org-red-bg: #f6e4e4;
  --org-red-border: #ead1d1;
  --org-text: #202631;
  --org-muted: #68707a;
  --org-line: #d7d9dc;
  --org-dash: #9aa0a6;
  padding: 120px 0 90px;
  color: var(--org-text);
  font-family: var(--builza-font);
  line-height: initial;
}

.org-chart__section-title {
  margin-bottom: 36px;
}

.org-chart__intro {
  max-width: 720px;
  margin: 16px auto 0;
  color: var(--org-muted);
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line-intro);
}

.org-chart__desktop {
  --org-fit-scale: 1;
  --org-desktop-width: min(calc(100vw - 48px), 1440px);
  display: block;
  width: var(--org-desktop-width);
  margin-left: calc((100% - var(--org-desktop-width)) / 2);
  margin-right: calc((100% - var(--org-desktop-width)) / 2);
  overflow: hidden;
  container-type: inline-size;
  container-name: org-chart;
}

.org-chart__scaler {
  width: 100%;
  position: relative;
  aspect-ratio: 1540 / 765;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.org-chart__page {
  width: 1540px;
  /* height: 975px; */
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
    /* background: #fff; */
  padding: 48px 35px 35px;
  overflow: hidden;
  /* box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); */
  /* border: 1px solid #ececec; */
  transform-origin: top center;
  transform: translateX(-50%) scale(var(--org-fit-scale, 1));
}

@supports (width: 1cqi) {
  .org-chart__desktop:not([data-org-fit]) .org-chart__page {
    transform: translateX(-50%) scale(calc(100cqi / 1540));
  }
}

.org-chart__kicker {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 6px;
  color: var(--org-orange);
  margin-bottom: 27px;
}

.org-chart__headline {
  font-family: var(--builza-font-two);
  font-size: 61px;
  line-height: 1;
  margin: 0 0 25px;
  font-weight: 400;
  color: var(--org-text);
}

.org-chart__headline span {
  color: var(--org-orange);
}

.org-chart__rule {
  height: 2px;
  background: #bfc1c3;
  margin-bottom: 17px;
}

.org-chart__logo {
  position: absolute;
  right: 67px;
  top: 42px;
  display: flex;
  align-items: center;
  max-width: 220px;
}

.org-chart__logo img {
  max-height: 64px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.org-chart__org {
  position: relative;
  height: 676px;
  direction: ltr;
}

/* Canvas geometry stays LTR so connectors line up; card text follows the page direction */
[dir="rtl"] .org-chart__org .org-chart__card,
[dir="rtl"] .org-chart__org .org-chart__dept,
[dir="rtl"] .org-chart__org .org-chart__project-bar,
[dir="rtl"] .org-chart__org .org-chart__project-card {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .org-chart .org-chart__role,
[dir="rtl"] .org-chart .org-chart__dept-head,
[dir="rtl"] .org-chart .org-chart__project-bar,
[dir="rtl"] .org-chart .org-chart__mobile-group-title {
  letter-spacing: 0;
}

[dir="rtl"] .org-chart__org .org-chart__dot {
  margin-right: 0;
  margin-left: 4px;
}

[dir="rtl"] .org-chart__org .org-chart__badge {
  right: auto;
  left: 5px;
}

[dir="rtl"] .org-chart__ceo .org-chart__role {
  line-height: 1.2;
  margin-bottom: 0;
}

[dir="rtl"] .org-chart__ceo .org-chart__name {
  font-size: 24px;
  line-height: 1.2;
}

[dir="rtl"] .org-chart__ceo .org-chart__title {
  line-height: 1.2;
  margin-top: 2px;
}

.org-chart__card {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 2;
}

.org-chart__person {
  padding: 13px 13px 10px 22px;
}

.org-chart__person::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  background: var(--org-orange);
}

.org-chart__role {
  font-size: 11px;
  letter-spacing: 4px;
  font-weight: 700;
  color: var(--org-orange);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.org-chart__name {
  font-size: 18px;
  font-weight: 700;
}

.org-chart__title {
  font-size: 12px;
  color: #66707b;
  font-style: italic;
  margin-top: 4px;
}

.org-chart__card--small {
  height: 70px;
  width: 225px;
  background: #f7f7f7;
  padding: 10px 14px 8px 19px;
}

.org-chart__card--small .org-chart__role {
  font-size: 10px;
  margin-bottom: 5px;
}

.org-chart__card--small .org-chart__name {
  font-size: 14px;
}

.org-chart__card--small .org-chart__title {
  font-size: 10px;
}

.org-chart__ceo {
  left: 551px;
  top: 24px;
  width: 383px;
  height: 90px;
  background: var(--org-navy);
  color: #fff;
  padding: 8px 16px 8px 84px;
  border: 0;
}

.org-chart__ceo .org-chart__avatar {
  top: 16px;
}

.org-chart__md {
  left: 948px;
  top: 0;
  width: 380px;
  z-index: 3;
}

.org-chart__ceo .org-chart__role {
  color: #fff;
  margin: 0 0 3px;
}

.org-chart__ceo .org-chart__name {
  font-family: var(--builza-font-two);
  font-size: 27px;
}

.org-chart__ceo .org-chart__title {
  color: #cbd0d5;
  font-size: 11px;
}

.org-chart__avatar {
  position: absolute;
  left: 18px;
  top: 10px;
  width: 58px;
  height: 58px;
  border: 3px solid var(--org-orange);
  border-radius: 50%;
  background: #f1f1f1;
  display: grid;
  place-items: center;
  color: #777;
  font-weight: bold;
  font-size: 17px;
  overflow: hidden;
}

.org-chart__avatar.has-photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.org-chart__audit {
  left: 0;
  top: 34px;
}

.org-chart__excom {
  left: 262px;
  top: 34px;
  width: 235px;
}

.org-chart__deputy {
  top: 136px;
  width: 387px;
  height: 80px;
  padding: 8px 13px 6px 80px;
}

.org-chart__deputy .org-chart__avatar {
  left: 15px;
  top: 13px;
  width: 54px;
  height: 54px;
}

.org-chart__projects-head {
  left: 171px;
}

.org-chart__head-office {
  left: 922px;
  width: 389px;
}

/* ---- Connectors (match chart2.pdf) ---- */
.org-chart__links {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.org-chart__connector {
  position: absolute;
  background: var(--org-orange);
  z-index: 0;
}

.org-chart__hline {
  height: 3px;
}

.org-chart__vline {
  width: 3px;
}

.org-chart__dash-h,
.org-chart__dash-v {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.org-chart__dash-h {
  height: 0;
  border-top: 2px dashed var(--org-dash);
}

.org-chart__dash-v {
  width: 0;
  border-left: 2px dashed var(--org-orange);
}

/* Audit — Ex-Com — CEO — M.D (dashed grey) */
.org-chart__dash-audit-excom {
  left: 225px;
  top: 69px;
  width: 37px;
}

.org-chart__dash-excom-ceo {
  left: 497px;
  top: 69px;
  width: 54px;
}

.org-chart__dash-ceo-md {
  left: 934px;
  top: 57px;
  width: 14px;
}

.org-chart__node {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--org-orange);
  border-radius: 50%;
  z-index: 2;
}

/* CEO → deputies fork (CEO bottom 114, center x 742.5; deputy centers 364.5 / 1116.5) */
.org-chart__tree {
    position: absolute;
    left: 363px;
    top: 122px;
    width: 754px;
    height: 14px;
}

.org-chart__tree-top {
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
}

.org-chart__tree-mid {
  left: 415px;
  top: -4px;
  height: 12px;
  width: 3px;
}

.org-chart__tree-left {
  left: 0px;
  top: 0;
  height: 14px;
  width: 3px;
}

.org-chart__tree-right {
  right: 0;
  top: 0;
  height: 14px;
  width: 3px;
}

.org-chart__node--1 {
  left: -4px;
  top: -3px;
}

.org-chart__node--2 {
  right: -4px;
  top: -3px;
}

.org-chart__node--mid {
  left: 374px;
  top: -3px;
}

/* Deputy → green / peach panel feeds (deputy bottom 216, panel top 226) */
.org-chart__feed-projects {
  left: 363px;
  top: 216px;
  height: 10px;
}

.org-chart__feed-headoffice {
  left: 1115px;
  top: 216px;
  height: 10px;
}

.org-chart__node--green {
  left: 359px;
  top: 221px;
  background: var(--org-green);
}

.org-chart__node--peach {
  left: 1111px;
  top: 221px;
}

/* Main trunk CEO → department bus */
.org-chart__trunk-blue {
    left: 741px;
    top: 114px;
    height: 227px;
}

.org-chart__blue-bus {
  left: 270px;
  top: 341px;
  width: 1072px;
}

.org-chart__node--blue {
  left: 737px;
  top: 337px;
}

/* Dashed link between the two Tendering cards */
.org-chart__dash-tendering {
  left: 185px;
  top: 398px;
  width: 12px;
  border-top-color: var(--org-orange);
}

/* Bus end → Budget / Planning panel */
.org-chart__feed-commercial {
  left: 1339px;
  top: 341px;
  height: 110px;
}

.org-chart__node--red {
  left: 1335px;
  top: 446px;
}

/* Deputy Projects → Survey → project managers bar (dashed) */
.org-chart__dash-deputy-left {
  left: 20px;
  top: 175px;
  width: 151px;
  border-top-color: var(--org-orange);
}

.org-chart__dash-to-pms {
  left: 20px;
  top: 175px;
  height: 386px;
}

/* Tap from the dashed trunk into the Survey panel (panel mid-height 498) */
.org-chart__dash-to-survey {
  left: 21px;
  top: 498px;
  width: 9px;
  border-top-color: var(--org-orange);
}

.org-chart__node--survey {
  left: 16px;
  top: 494px;
}

.org-chart__node--pms {
  left: 16px;
  top: 556px;
}

.org-chart__group {
  position: absolute;
  border: 1px solid #ccd9ce;
  background: var(--org-green-bg);
  padding: 18px 10px 10px;
  display: grid;
  gap: 8px;
  z-index: 1;
}

.org-chart__group-bus {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 6px;
  height: 3px;
  z-index: 1;
  pointer-events: none;
}

.org-chart__dept-drop {
  position: absolute;
  left: 50%;
  top: -12px;
  width: 2px;
  height: 12px;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}

/* Green / peach / red render as tinted panels without a bus */
.org-chart__group--green,
.org-chart__group--peach,
.org-chart__group--red,
.org-chart__group--red_left {
  padding: 8px;
  align-items: start;
}

.org-chart__group--green .org-chart__group-bus,
.org-chart__group--green .org-chart__dept-drop,
.org-chart__group--peach .org-chart__group-bus,
.org-chart__group--peach .org-chart__dept-drop,
.org-chart__group--red .org-chart__group-bus,
.org-chart__group--red .org-chart__dept-drop,
.org-chart__group--red_left .org-chart__group-bus,
.org-chart__group--red_left .org-chart__dept-drop {
  display: none;
}

.org-chart__group--green {
  left: 204px;
  top: 226px;
  width: 320px;
  height: 103px;
  background: var(--org-green-bg);
  border-color: var(--org-green-border);
  grid-template-columns: repeat(2, 1fr);
}

.org-chart__group--peach {
  left: 882px;
  top: 226px;
  width: 470px;
  height: 103px;
  background: var(--org-peach-bg);
  border-color: var(--org-peach-border);
  grid-template-columns: repeat(3, 1fr);
}

.org-chart__group--blue {
  left: 38px;
  top: 344px;
  width: 1260px;
  height: 92px;
  background: transparent;
  border: 0;
  padding: 12px 0 0;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
  align-items: start;
}

.org-chart__group--blue .org-chart__group-bus {
  display: none; /* uses .org-chart__blue-bus in links layer */
}

.org-chart__group--blue .org-chart__dept-drop {
  top: -15px;
  height: 15px;
  width: 3px;
  background: var(--org-orange);
}

/* First Tendering card sits outside the bus, linked by a dashed line */
.org-chart__group--blue .org-chart__dept:first-of-type .org-chart__dept-drop {
  display: none;
}

.org-chart__group--red {
  left: 1122px;
  top: 451px;
  width: 330px;
  height: 95px;
  background: var(--org-red-bg);
  border-color: var(--org-red-border);
  grid-template-columns: repeat(2, 1fr);
}

.org-chart__group--red_left {
  left: 30px;
  top: 451px;
  width: 158px;
  height: 95px;
  background: var(--org-red-bg);
  border-color: var(--org-red-border);
  grid-template-columns: 1fr;
}

.org-chart__dept {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
  position: relative;
  padding: 0 7px 7px;
  min-width: 0;
}

.org-chart__dept .org-chart__dept-head {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 32px;
  margin: 0 -7px 6px;
  padding: 3px 4px;
  letter-spacing: 1.5px;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
}

.org-chart__dept-head {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 23px;
  background: #d9e8dd;
  border-top: 5px solid var(--org-green);
  font-size: 10px;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  color: #55735c;
  padding: 4px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart__group--peach .org-chart__dept-head {
  background: #fff0df;
  border-top-color: var(--org-orange);
  color: #bd5d24;
}

.org-chart__group--blue .org-chart__dept-head {
  background: #dcecf0;
  border-top-color: var(--org-blue);
  color: #28677b;
}

.org-chart__group--red .org-chart__dept-head,
.org-chart__group--red_left .org-chart__dept-head {
  background: #f1d9d9;
  border-top-color: var(--org-red);
  color: #7d3030;
}

.org-chart__dot {
  font-size: 17px;
  line-height: 10px;
  margin-right: 4px;
}

.org-chart__group--green .org-chart__dot {
  color: var(--org-green);
}

.org-chart__group--peach .org-chart__dot {
  color: var(--org-orange);
}

.org-chart__group--blue .org-chart__dot {
  color: var(--org-blue);
}

.org-chart__group--red .org-chart__dot,
.org-chart__group--red_left .org-chart__dot {
  color: var(--org-red);
}

.org-chart__dept .org-chart__name {
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart__dept .org-chart__title {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart__project-section {
  position: absolute;
  left: 0;
  right: 0;
  top: 561px;
  height: 103px;
  border: 1px solid #ddd;
}

.org-chart__project-bar {
  height: 23px;
  background: var(--org-navy);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 5px;
  padding: 5px 12px;
}

.org-chart__project-grid {
  display: grid;
  grid-template-columns: 1.25fr repeat(8, 1fr);
  gap: 6px;
  padding: 6px 8px;
}

.org-chart__project-card {
  height: 62px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 8px 10px;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.org-chart__project-card.is-featured {
  border-left: 6px solid var(--org-orange);
  padding-left: 7px;
}

.org-chart__project-card.has-badge {
  border: 2px solid var(--org-orange);
}

.org-chart__project-card .org-chart__role {
  font-size: 9px;
  letter-spacing: 3px;
  margin: 0 0 3px;
}

.org-chart__project-card .org-chart__name {
  font-size: 12px;
}

.org-chart__project-card .org-chart__title {
  font-size: 9px;
}

.org-chart__project-card .org-chart__title.is-accent {
  color: var(--org-orange);
}

.org-chart__badge {
  position: absolute;
  right: 5px;
  top: 4px;
  background: var(--org-orange);
  color: #fff;
  font-size: 8px;
  padding: 3px 6px;
  font-weight: bold;
}

.org-chart__footer {
  position: absolute;
  left: 65px;
  right: 120px;
  bottom: 22px;
  font-size: 11px;
  letter-spacing: 4px;
  color: #65707c;
}

.org-chart__page-no {
  position: absolute;
  right: 65px;
  bottom: 22px;
  letter-spacing: 1px;
  font-size: 11px;
  color: #65707c;
}

.org-chart__mobile {
  display: none;
}

@media (max-width: 991.98px) {
  .org-chart {
    padding: 50px 0 60px;
  }

  .org-chart__desktop {
    display: none;
  }

  .org-chart__mobile {
    display: block;
  }

  .org-chart__mobile-kicker {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--org-orange);
    margin-bottom: 12px;
    text-align: center;
  }

  .org-chart__mobile-headline {
    font-family: var(--builza-font-two);
    font-size: clamp(28px, 8vw, 40px);
    line-height: 1.15;
    margin: 0 0 24px;
    font-weight: 400;
    text-align: center;
  }

  .org-chart__mobile-headline span {
    color: var(--org-orange);
  }

  .org-chart__mobile-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .org-chart__mobile-card {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    padding: 16px 16px 14px 18px;
    position: relative;
  }

  .org-chart__mobile-card--muted {
    background: #f7f7f7;
  }

  .org-chart__mobile-card--ceo {
    display: flex;
    gap: 14px;
    align-items: center;
    background: var(--org-navy);
    color: #fff;
    border: 0;
    margin-bottom: 12px;
    padding: 16px 18px;
  }

  .org-chart__mobile-card--ceo .org-chart__role {
    color: #fff;
  }

  .org-chart__mobile-card--ceo .org-chart__name {
    font-family: var(--builza-font-two);
    font-size: 24px;
  }

  .org-chart__mobile-card--ceo .org-chart__title {
    color: #cbd0d5;
  }

  .org-chart__mobile-card--ceo .org-chart__avatar {
    position: static;
    flex-shrink: 0;
  }

  .org-chart__mobile-card--deputy {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-left: 16px;
  }

  .org-chart__mobile-card--deputy::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: var(--org-orange);
  }

  .org-chart__mobile-card--deputy .org-chart__avatar {
    position: static;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
  }

  .org-chart__mobile-group,
  .org-chart__mobile-projects {
    margin-top: 20px;
    border: 1px solid var(--org-green-border);
    background: var(--org-green-bg);
    padding: 14px 12px 12px;
  }

  .org-chart__mobile-group--peach {
    background: var(--org-peach-bg);
    border-color: var(--org-peach-border);
  }

  .org-chart__mobile-group--blue {
    background: var(--org-blue-bg);
    border-color: #c5dde4;
  }

  .org-chart__mobile-group--red,
  .org-chart__mobile-group--red_left {
    background: var(--org-red-bg);
    border-color: var(--org-red-border);
  }

  .org-chart__mobile-projects {
    background: #fff;
    border-color: #ddd;
    padding: 0;
  }

  .org-chart__mobile-group-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 12px;
    font-weight: 700;
    color: var(--org-green);
  }

  .org-chart__mobile-group--peach .org-chart__mobile-group-title {
    color: #bd5d24;
  }

  .org-chart__mobile-group--blue .org-chart__mobile-group-title {
    color: #28677b;
  }

  .org-chart__mobile-group--red .org-chart__mobile-group-title,
  .org-chart__mobile-group--red_left .org-chart__mobile-group-title {
    color: #7d3030;
  }

  .org-chart__mobile-group-title--navy {
    background: var(--org-navy);
    color: #fff;
    margin: 0;
    padding: 10px 12px;
    letter-spacing: 2px;
  }

  .org-chart__mobile-dept-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .org-chart__mobile-projects .org-chart__mobile-dept-grid {
    padding: 12px;
  }

  .org-chart__mobile-dept {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    position: relative;
    padding: 30px 12px 10px;
  }

  .org-chart__mobile-dept .org-chart__dept-head {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }

  .org-chart__mobile-group--green .org-chart__dept-head {
    background: #d9e8dd;
    border-top: 5px solid var(--org-green);
    color: #55735c;
  }

  .org-chart__mobile-group--peach .org-chart__dept-head {
    background: #fff0df;
    border-top: 5px solid var(--org-orange);
    color: #bd5d24;
  }

  .org-chart__mobile-group--blue .org-chart__dept-head {
    background: #dcecf0;
    border-top: 5px solid var(--org-blue);
    color: #28677b;
  }

  .org-chart__mobile-group--red .org-chart__dept-head,
  .org-chart__mobile-group--red_left .org-chart__dept-head {
    background: #f1d9d9;
    border-top: 5px solid var(--org-red);
    color: #7d3030;
  }

  .org-chart__mobile-group--green .org-chart__dot {
    color: var(--org-green);
  }

  .org-chart__mobile-group--peach .org-chart__dot {
    color: var(--org-orange);
  }

  .org-chart__mobile-group--blue .org-chart__dot {
    color: var(--org-blue);
  }

  .org-chart__mobile-group--red .org-chart__dot,
  .org-chart__mobile-group--red_left .org-chart__dot {
    color: var(--org-red);
  }

  .org-chart__mobile-project {
    padding: 12px 14px;
  }

  .org-chart__mobile-project.is-featured {
    border-left: 6px solid var(--org-orange);
  }

  .org-chart__mobile-project.has-badge {
    border: 2px solid var(--org-orange);
  }

  .org-chart__mobile-project .org-chart__title.is-accent {
    color: var(--org-orange);
  }

  .org-chart__mobile-footer {
    margin-top: 20px;
    font-size: 11px;
    letter-spacing: 2px;
    color: #65707c;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .org-chart__mobile-row {
    grid-template-columns: 1fr 1fr;
  }

  .org-chart__mobile-dept-grid {
    grid-template-columns: 1fr 1fr;
  }
}

html.theme-dark .org-chart {
  --org-muted: #aeb6c2;
  --org-dash: #7d8590;
  --org-green-bg: rgba(85, 120, 94, 0.18);
  --org-green-border: rgba(126, 168, 137, 0.45);
  --org-peach-bg: rgba(239, 113, 39, 0.12);
  --org-peach-border: rgba(239, 113, 39, 0.4);
  --org-blue-bg: rgba(44, 130, 157, 0.16);
  --org-red-bg: rgba(159, 59, 59, 0.2);
  --org-red-border: rgba(207, 110, 110, 0.5);
}

html.theme-dark .org-chart__ceo,
html.theme-dark .org-chart__mobile-card--ceo {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
}

html.theme-dark .org-chart__project-section {
  border-color: rgba(255, 255, 255, 0.14);
}

html.theme-dark .org-chart__mobile-group-title {
  color: #9cc4a6;
}

html.theme-dark .org-chart__mobile-group--peach .org-chart__mobile-group-title {
  color: #f4a06a;
}

html.theme-dark .org-chart__mobile-group--blue .org-chart__mobile-group-title {
  color: #7cc0d6;
}

html.theme-dark .org-chart__mobile-group--red .org-chart__mobile-group-title,
html.theme-dark .org-chart__mobile-group--red_left .org-chart__mobile-group-title {
  color: #e09a9a;
}

html.theme-dark .org-chart__mobile-group-title--navy {
  color: #fff;
}

html.theme-dark .org-chart__mobile-footer {
  color: var(--org-muted);
}

/* Certifications & Documents — horizontal bars */
.certs-docs,
.certs-pack {
  --certs-accent: var(--thm-base, #eb6900);
  --certs-ink: #011e40;
  --certs-muted: #65707c;
  --certs-track: #f5f6fa;
  --certs-border: #d8e2ee;
  --certs-surface: #fff;
  --certs-surface-grad-end: #f5f6fa;
  --certs-shadow: rgba(1, 30, 64, 0.08);
  --certs-logo-bg: #fff;
}

html.theme-dark .certs-docs,
html.theme-dark .certs-pack {
  --certs-ink: #f5f6fa;
  --certs-muted: rgba(255, 255, 255, 0.55);
  --certs-track: rgba(255, 255, 255, 0.04);
  --certs-border: rgba(255, 255, 255, 0.12);
  --certs-surface: rgba(255, 255, 255, 0.06);
  --certs-surface-grad-end: rgba(255, 255, 255, 0.03);
  --certs-shadow: rgba(0, 0, 0, 0.35);
  --certs-logo-bg: transparent;
}

.certs-docs__intro {
  display: block;
  margin-bottom: 46px;
  margin-top: 8px;
  text-align: center;
  color: inherit;
  text-decoration: none;
  /* border: 1px solid var(--certs-border);
  background: linear-gradient(180deg, var(--certs-surface) 0%, var(--certs-surface-grad-end) 100%); */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* .certs-docs__intro:hover,
.certs-docs__intro:focus {
  border-color: var(--certs-accent);
  box-shadow: 0 8px 24px var(--certs-shadow);
  color: inherit;
} */

.certs-docs__intro p {
  margin: 0 0 10px;
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line-intro);
  color: var(--certs-ink);
}

.certs-docs__intro-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--certs-accent);
}

.certs-bar {
  margin-bottom: 28px;
}

.certs-bar__header {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px 14px 8px 0;
  color: var(--certs-ink);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.certs-bar__header:hover,
.certs-bar__header:focus {
  color: var(--certs-accent);
}

.certs-bar__header-hint {
  font-size: 12px;
  opacity: 0.7;
}

.certs-bar__track {
  display: flex;
  gap: 16px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 12px 4px 18px;
  cursor: grab;
  scrollbar-width: thin;
  scrollbar-color: var(--certs-accent) transparent;
  -webkit-overflow-scrolling: touch;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.certs-bar__track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.certs-bar__track::-webkit-scrollbar {
  height: 6px;
}

.certs-bar__track::-webkit-scrollbar-thumb {
  background: var(--certs-accent);
  border-radius: 999px;
}

.certs-bar__box {
  flex: 0 0 168px;
  width: 168px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px 12px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background: var(--certs-surface);
  border: 1px solid var(--certs-border);
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
  -webkit-user-drag: none;
}

.certs-bar__box:hover,
.certs-bar__box:focus {
  background: var(--builza-base, #FF5E14);
  border-color: var(--builza-base, #FF5E14);
  color: #fff;
  transform: translateY(-2px);
}

.certs-bar__box:hover .certs-bar__title-en,
.certs-bar__box:hover .certs-bar__title-ar,
.certs-bar__box:focus .certs-bar__title-en,
.certs-bar__box:focus .certs-bar__title-ar {
  color: #fff;
}

.certs-bar__box:hover .certs-bar__logo,
.certs-bar__box:focus .certs-bar__logo {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
}

.certs-bar__box:hover .certs-bar__logo img,
.certs-bar__box:focus .certs-bar__logo img {
  filter: brightness(0) invert(1);
}

.certs-bar__box--empty {
  cursor: default;
  opacity: 0.85;
}

.certs-bar__box--empty:hover,
.certs-bar__box--empty:focus {
  background: var(--certs-surface);
  border-color: var(--certs-border);
  color: inherit;
  transform: none;
}

.certs-bar__box--empty:hover .certs-bar__title-en,
.certs-bar__box--empty:hover .certs-bar__title-ar,
.certs-bar__box--empty:focus .certs-bar__title-en,
.certs-bar__box--empty:focus .certs-bar__title-ar {
  color: var(--certs-ink);
}

.certs-bar__box--empty:hover .certs-bar__title-ar,
.certs-bar__box--empty:focus .certs-bar__title-ar {
  color: var(--certs-muted);
}

.certs-bar__box--empty:hover .certs-bar__logo,
.certs-bar__box--empty:focus .certs-bar__logo {
  background: var(--certs-logo-bg);
  border-color: var(--certs-border);
}

.certs-bar__box--empty:hover .certs-bar__logo img,
.certs-bar__box--empty:focus .certs-bar__logo img {
  filter: none;
}

html.theme-dark .certs-bar__box--empty:hover .certs-bar__logo img,
html.theme-dark .certs-bar__box--empty:focus .certs-bar__logo img {
  filter: brightness(0) invert(1);
}

.certs-bar__logo {
  width: 88px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: var(--certs-logo-bg);
  border: 1px solid var(--certs-border);
}

.certs-bar__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  pointer-events: none;
  -webkit-user-drag: none;
}

html.theme-dark .certs-bar__logo img {
  filter: brightness(0) invert(1);
}

html.theme-dark .certs-bar__box:hover .certs-bar__logo img,
html.theme-dark .certs-bar__box:focus .certs-bar__logo img {
  filter: brightness(0) invert(1);
}

.certs-bar__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.certs-bar__title-en,
.certs-bar__title-ar {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  color: var(--certs-ink);
  word-break: break-word;
}

.certs-bar__title-ar {
  color: var(--certs-muted);
  font-size: 14px;
  font-weight: bold;
}

.certs-pack__list {
  max-width: 880px;
  margin: 0 auto;
}

.certs-pack__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--certs-border);
}

.certs-pack__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 280px;
}

.certs-pack__thumb {
  width: 56px;
  height: 56px;
  object-fit: contain;
  flex-shrink: 0;
  padding: 4px;
  background: var(--certs-logo-bg);
  border: 1px solid var(--certs-border);
}

.certs-pack__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  color: var(--certs-ink);
}

.certs-pack__titles strong,
.certs-pack__titles span {
  word-break: break-word;
}

.certs-pack__titles span {
  color: var(--certs-muted);
}

.certs-pack__intro {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  color: var(--certs-muted);
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line-intro);
}

.certs-pack__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html.theme-dark .certs-pack .thm-btn {
  color: #fff;
}

@media (max-width: 575.98px) {
  .certs-bar__box {
    flex-basis: 140px;
    width: 140px;
    min-height: 160px;
  }

  .certs-docs__intro {
    margin-bottom: 28px;
    padding: 16px;
  }
}

/* Mission & Vision — diagonal fullscreen */
.mission-vision--diagonal {
  --mv-bg: var(--builza-base, #FF5E14);
  --mv-text: var(--builza-white, #ffffff);
  background: var(--mv-bg);
  color: var(--mv-text);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  min-height: calc(100vh - var(--main-menu-bar-height, 107px));
  min-height: calc(100dvh - var(--main-menu-bar-height, 107px));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  scroll-margin-top: var(--main-menu-bar-height, 107px);
  padding: 0;
}

.mission-vision--diagonal .mission-vision__inner {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr) minmax(0, 1fr);
  gap: clamp(20px, 3.5vw, 40px);
  align-items: stretch;
  padding: clamp(32px, 5vh, 64px) clamp(28px, 4vw, 48px);
  box-sizing: border-box;
}

.mission-vision--diagonal .mission-vision__panel {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
}

.mission-vision--diagonal .mission-vision__panel--mission {
  justify-content: flex-start;
  align-self: start;
  justify-self: end;
  margin-top: clamp(12px, 8vh, 80px);
  margin-inline-end: clamp(0px, 1vw, 12px);
}

.mission-vision--diagonal .mission-vision__panel--vision {
  justify-content: flex-end;
  align-self: end;
  justify-self: start;
  margin-bottom: clamp(12px, 8vh, 80px);
  margin-inline-start: clamp(0px, 1vw, 12px);
}

.mission-vision--diagonal .mission-vision__heading {
  color: var(--mv-text);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 1rem;
}

.mission-vision--diagonal .mission-vision__text,
.mission-vision--diagonal .mission-vision__list {
  color: var(--mv-text);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: clamp(0.95rem, 1.15vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  opacity: 0.95;
}

.mission-vision--diagonal .mission-vision__list {
  margin-top: 1rem;
  padding: 0;
}

.mission-vision--diagonal .mission-vision__list li + li {
  margin-top: 0.4rem;
}

.mission-vision--diagonal .mission-vision__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  align-self: stretch;
}

/* Parallelogram strip: horizontal top/bottom, slanted sides (reference layout) */
.mission-vision--diagonal .mission-vision__media-clip {
  position: relative;
  width: clamp(260px, 34vw, 460px);
  height: min(84vh, 720px);
  overflow: hidden;
  clip-path: polygon(22% 0%, 100% 0%, 78% 100%, 0% 100%);
}

.mission-vision--diagonal .mission-vision__media-clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transform: none;
}

.mission-vision--diagonal .mission-vision__empty {
  grid-column: 1 / -1;
  text-align: center;
  align-self: center;
}

html[dir="rtl"] .mission-vision--diagonal .mission-vision__media-clip {
  clip-path: polygon(0% 0%, 78% 0%, 100% 100%, 22% 100%);
}

html[dir="rtl"] .mission-vision--diagonal .mission-vision__panel--mission {
  justify-self: start;
  margin-inline-end: 0;
  margin-inline-start: clamp(0px, 1vw, 12px);
}

html[dir="rtl"] .mission-vision--diagonal .mission-vision__panel--vision {
  justify-self: end;
  margin-inline-start: 0;
  margin-inline-end: clamp(0px, 1vw, 12px);
}

@media (max-width: 991.98px) {
  .mission-vision--diagonal .mission-vision__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 56px 24px;
    gap: 36px;
  }

  .mission-vision--diagonal {
    min-height: auto;
    align-items: stretch;
  }

  .mission-vision--diagonal .mission-vision__panel,
  .mission-vision--diagonal .mission-vision__panel--mission,
  .mission-vision--diagonal .mission-vision__panel--vision {
    max-width: none;
    margin: 0;
    align-self: stretch;
    justify-self: stretch;
  }

  .mission-vision--diagonal .mission-vision__media-clip {
    width: min(78vw, 360px);
    height: min(58vh, 460px);
    margin: 0 auto;
  }
}

/* Mission & Vision — slider (main-slider-two, single static slide) */
.main-slider-two--mission-vision {
  --mv-slide-height: calc(100vh - var(--main-menu-bar-height, 107px));
  --mv-slide-height: calc(100dvh - var(--main-menu-bar-height, 107px));
  --mv-mission-ink: var(--builza-black, #0E121D);
  --mv-mission-muted: rgba(var(--builza-black-rgb, 14, 18, 29), 0.88);
  --mv-vision-ink: var(--builza-white, #ffffff);
  --mv-vision-muted: rgba(255, 255, 255, 0.92);
  background-color: transparent;
  height: var(--mv-slide-height);
  min-height: var(--mv-slide-height);
  overflow: hidden;
  z-index: 1;
  scroll-margin-top: var(--main-menu-bar-height, 107px);
}

.main-slider-two--mission-vision .main-slider-two__slide {
  position: relative;
  isolation: isolate;
  height: 100%;
  min-height: var(--mv-slide-height);
  background-color: transparent;
  overflow: hidden;
}

/*
 * Theme responsive.css sets mask:none + a soft __bg:after gradient below ~1900px.
 * Keep the real slanted mask at every breakpoint for this section only.
 */
.main-slider-two--mission-vision .main-slider-two__bg-box,
.main-slider-two--mission-vision .main-slider-two__shpae-bg-2,
.main-slider-two--mission-vision .main-slider-two__shpae-bg-3 {
  -webkit-mask-image: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") !important;
  mask-image: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center center !important;
  mask-position: center center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") center / 100% 100% no-repeat !important;
  mask: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") center / 100% 100% no-repeat !important;
  z-index: 0;
}

.main-slider-two--mission-vision .main-slider-two__bg-box {
  width: 52.5%;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
}

.main-slider-two--mission-vision .main-slider-two__bg {
  z-index: 0;
  background-color: var(--builza-base, #Eb6900);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main-slider-two--mission-vision .main-slider-two__bg:before {
  background-color: transparent;
}

.main-slider-two--mission-vision .main-slider-two__bg:after {
  content: none !important;
  display: none !important;
}

.main-slider-two--mission-vision .main-slider-two__content--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(108px, 20vw, 256px);
  align-items: center;
  min-height: var(--mv-slide-height);
  padding-top: clamp(40px, 6vh, 88px);
  padding-bottom: clamp(40px, 6vh, 88px);
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__title {
  color: var(--mv-mission-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
}

.main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__text,
.main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__list {
  color: var(--mv-mission-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__sub-title,
.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__title,
.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__text,
.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__list {
  color: var(--mv-vision-ink);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__title {
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
}

.main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__sub-title-shape {
  background-color: var(--mv-vision-ink);
}

.main-slider-two--mission-vision .main-slider-two__list {
  margin: 1rem 0 0;
  padding: 0;
  opacity: 1;
}

.main-slider-two--mission-vision .main-slider-two__list li + li {
  margin-top: 0.4rem;
}

html.theme-dark .main-slider-two--mission-vision {
  --mv-mission-ink: var(--builza-white, #fff);
  --mv-mission-muted: rgba(255, 255, 255, 0.88);
}

html[dir="rtl"] .main-slider-two--mission-vision .main-slider-two__content--split {
  direction: rtl;
}

html[dir="rtl"] .main-slider-two--mission-vision .main-slider-two__bg-box {
  right: auto;
  left: 0;
  transform: scale(-1);
}
html[dir="rtl"] .main-slider-two--mission-vision .main-slider-two__shpae-bg-2 {
    transform: scale(-1);
}
html[dir="rtl"] .main-slider-two--mission-vision .main-slider-two__shpae-bg-3 {
    transform: scale(-1);
}
@media (max-width: 1199.98px) {
  .main-slider-two--mission-vision .main-slider-two__bg-box,
  .main-slider-two--mission-vision .main-slider-two__shpae-bg-2,
  .main-slider-two--mission-vision .main-slider-two__shpae-bg-3 {
    -webkit-mask-image: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") !important;
    mask-image: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") !important;
    -webkit-mask: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") center / 100% 100% no-repeat !important;
    mask: url("/themes/app/assets/images/shapes/main-slider-two-mask.png") center / 100% 100% no-repeat !important;
  }

  .main-slider-two--mission-vision .main-slider-two__bg-box {
    width: 58%;
  }

  .main-slider-two--mission-vision .main-slider-two__bg:after {
    content: none !important;
    display: none !important;
  }

  .main-slider-two--mission-vision .main-slider-two__content--split {
    gap: clamp(40px, 6vw, 96px);
  }
}

/*
 * Phone / small tablet: drop the side mask + floating shapes.
 * Full-bleed orange + stacked panels with light type (readable on brand orange).
 */
@media (max-width: 991.98px) {
  .main-slider-two--mission-vision {
    --mv-mobile-ink: var(--builza-white, #ffffff);
    --mv-mobile-muted: rgba(255, 255, 255, 0.92);
    --mv-mobile-soft: rgba(255, 255, 255, 0.78);
    --mv-mobile-rule: rgba(255, 255, 255, 0.28);
    height: auto;
    min-height: 0;
    background-color: var(--builza-base, #Eb6900);
  }

  .main-slider-two--mission-vision .main-slider-two__slide {
    min-height: 0;
    height: auto;
    background-color: var(--builza-base, #Eb6900);
    overflow: visible;
  }

  .main-slider-two--mission-vision .main-slider-two__bg-box,
  .main-slider-two--mission-vision .main-slider-two__shpae-bg-2,
  .main-slider-two--mission-vision .main-slider-two__shpae-bg-3,
  .main-slider-two--mission-vision .main-slider-two__shape-bg,
  .main-slider-two--mission-vision .main-slider-two__shape-1,
  .main-slider-two--mission-vision .main-slider-two__shape-2,
  .main-slider-two--mission-vision .main-slider-two__shape-3,
  .main-slider-two--mission-vision .main-slider-two__big-text {
    display: none !important;
  }

  .main-slider-two--mission-vision .main-slider-two__content--split {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
    padding: 52px 0 60px;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission,
  .main-slider-two--mission-vision .main-slider-two__panel--vision {
    max-width: 36rem;
    width: 100%;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission + .main-slider-two__panel--vision {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid var(--mv-mobile-rule);
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__sub-title,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__sub-title,
  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__title,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__title {
    color: var(--mv-mobile-ink);
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__title,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__title {
    font-size: clamp(1.6rem, 6.2vw, 2.2rem);
    line-height: 1.25;
    margin-top: 10px;
    margin-bottom: 12px;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__text,
  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__list,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__text,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__list {
    color: var(--mv-mobile-muted);
    font-size: 1rem;
    line-height: 1.75;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__sub-title,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__sub-title {
    color: var(--mv-mobile-soft);
    letter-spacing: 0.04em;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__sub-title-shape,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__sub-title-shape {
    background-color: var(--mv-mobile-ink);
  }

  .main-slider-two--mission-vision .main-slider-two__list {
    margin-top: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .main-slider-two--mission-vision .main-slider-two__content--split {
    padding: 40px 0 48px;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission + .main-slider-two__panel--vision {
    margin-top: 24px;
    padding-top: 24px;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__title,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__title {
    font-size: clamp(1.45rem, 7vw, 1.85rem);
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__text,
  .main-slider-two--mission-vision .main-slider-two__panel--mission .main-slider-two__list,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__text,
  .main-slider-two--mission-vision .main-slider-two__panel--vision .main-slider-two__list {
    font-size: 0.95rem;
    line-height: 1.7;
  }
}

/* Executive Messages — profiles layout */
.executive-messages--profiles {
  --em-accent: var(--builza-base, #FF5E14);
  --em-text: var(--builza-black, #0E121D);
  --em-muted: var(--builza-gray, #4D5765);
  padding: 120px 0 90px;
  /* background: #fff; */
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}
html.theme-dark .executive-messages--profiles {
    background: initial;
    --em-text: var(--builza-white, #fff);
    --em-muted: #9aa4b2;
}
.executive-messages--profiles .executive-messages__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 6vw, 80px);
  margin-top: 48px;
}

.executive-messages--profiles .executive-messages__header {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 28px;
}

.executive-messages--profiles .executive-messages__photo {
  flex: 0 0 160px;
  width: 160px;
  height: 160px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background: #f3f3f3;
}

.executive-messages--profiles .executive-messages__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.executive-messages--profiles .executive-messages__identity {
  min-width: 0;
  padding-top: 8px;
}

.executive-messages--profiles .executive-messages__role {
  margin: 0 0 6px;
  color: var(--em-accent);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.executive-messages--profiles .executive-messages__name {
  margin: 0 0 6px;
  color: var(--em-text);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(1.75rem, 2.4vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;
}

.executive-messages--profiles .executive-messages__company {
  margin: 0;
  color: var(--em-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

.executive-messages--profiles .executive-messages__headline {
  position: relative;
  display: inline-block;
  margin: 0 0 18px;
  color: var(--em-text);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
  font-weight: 700;
  line-height: 1.35;
  max-width: 100%;
}

.executive-messages--profiles .executive-messages__headline::after {
  content: "";
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  margin-inline-start: 0.2em;
  background: var(--em-accent);
  vertical-align: 0.15em;
}

.executive-messages--profiles .executive-messages__quote {
  margin: 0;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  line-height: 1.75;
}



html.theme-dark .executive-messages--profiles .executive-messages__photo {
  border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 991.98px) {
  .executive-messages--profiles .executive-messages__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 575.98px) {
  .executive-messages--profiles .executive-messages__photo {
    flex-basis: 120px;
    width: 120px;
    height: 120px;
  }

  .executive-messages--profiles .executive-messages__header {
    gap: 16px;
  }
}
.pricing-one__points-box {
    margin: 10px 0 30px;
}
/* Clients bars view */
.brand-one__img > img {
  height: 180px;
}

.brand-one__single[data-brand-flip] .brand-one__img > img {
  height: auto;
  max-height: 180px;
}

.clients-bars {
  --cb-ink: #011e40;
  --cb-muted: #6b7a90;
  --cb-surface: #fff;
  --cb-border: #d8e2ee;
  --cb-accent: #eb6900;
  --cb-logo-bg: #fff;
  padding: 40px 0 70px;
}

html.theme-dark .clients-bars {
  --cb-ink: #f5f6fa;
  --cb-muted: #9aa4b2;
  --cb-surface: rgba(255, 255, 255, 0.06);
  --cb-border: rgba(255, 255, 255, 0.12);
  --cb-logo-bg: rgba(255, 255, 255, 0.92);
}

.clients-bar {
  margin-bottom: 28px;
}

.clients-bar__header {
  margin-bottom: 12px;
}

.clients-bar__label {
  display: inline-block;
  color: var(--cb-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.15rem;
  font-weight: 700;
}

.clients-bar__track {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 18px;
  padding: 6px 2px 14px;
}

.clients-bar__box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 0px 12px 0px 12px;
  background: var(--cb-surface);
  border: 1px solid var(--cb-border);
  border-radius: 4px;
  color: var(--cb-ink);
  text-decoration: none;
  -webkit-user-drag: none;
}

.clients-bar__accent {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 4px;
  background: var(--cb-accent);
  border-radius: 4px 0 0 4px;
}

.clients-bar__logo {
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cb-logo-bg);
  border-radius: 4px;
  overflow: hidden;
}

.clients-bar__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  -webkit-user-drag: none;
  pointer-events: none;
}

.clients-bar__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

.clients-bar__name {
  display: block;
  color: var(--cb-ink);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.35;
}

.clients-bar__id {
  display: block;
  color: var(--cb-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.9rem;
}

/* Contact info equal square cards */
.contact-info__row {
  display: flex;
  flex-wrap: wrap;
}

.contact-info__row > [class*="col-"] {
  display: flex;
}

.contact-info .contact-info__single {
  width: 100%;
  min-height: 280px;
  aspect-ratio: 1 / 1;
  max-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .contact-info .contact-info__single {
    aspect-ratio: auto;
    max-height: none;
    min-height: 220px;
  }
}

.contact-page__btn-box--end {
  display: flex;
  justify-content: flex-end;
}

.contact-page .billing_input_box__hint {
  margin: 8px 0 0;
  font-size: 0.8rem;
  color: rgba(var(--builza-primary-rgb, 1, 30, 64), 0.55);
}

.contact-page .billing_file-upload {
  height: 57px;
  border: 1px solid rgba(var(--builza-white-rgb), 0.1);
  background-color: rgba(var(--builza-white-rgb), 0.03);
  padding-inline: 20px 11px;
  border-radius: var(--builza-bdr-radius, 10px);
}

.contact-page .billing_file-upload__name {
  color: rgba(var(--builza-primary-rgb), 0.6);
  font-size: 16px;
}

.contact-page .billing_file-upload__name.is-filled {
  color: rgba(var(--builza-primary-rgb), 0.85);
}

.contact-page .billing_file-upload__btn {
  background-color: var(--builza-base, #eb6900);
  color: var(--builza-white, #fff);
}

.contact-page .billing_file-upload:hover .billing_file-upload__btn {
  background-color: var(--builza-primary, #011e40);
  color: var(--builza-white, #fff);
}

html.theme-dark .contact-page .billing_file-upload {
  border-color: rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
}

html.theme-dark .contact-page .billing_file-upload__name {
  color: rgba(245, 246, 250, 0.65);
}

html.theme-dark .contact-page .billing_file-upload__name.is-filled {
  color: #f5f6fa;
}

html.theme-dark .contact-page .billing_input_box__hint {
  color: rgba(245, 246, 250, 0.55);
}

/* Media hub sections */
.media-section__intro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
}

.media-section__body {
  margin: 0;
  flex: 1 1 240px;
  max-width: 720px;
  color: #5b6b7c;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: var(--builza-text-size-intro);
  line-height: var(--builza-text-line-intro);
}

html.theme-dark .media-section__body {
  color: #9aa4b2;
}

.media-section__intro .media-gallery__nav,
.media-section__intro .media-branding__actions {
  margin-top: 0;
  margin-inline-start: auto;
}

.media-gallery,
.media-news {
  --mg-ink: #011e40;
  --mg-muted: rgba(255, 255, 255, 0.85);
  --mg-nav-border: #d8e2ee;
  --mg-nav-bg: #fff;
  padding: 40px 0 70px;
}

/* blog-one / blog-two set overflow which can clip the horizontal track */
.media-news.blog-one,
.media-news.blog-two {
  overflow: visible;
  padding: 40px 0 70px;
}

html.theme-dark .media-gallery,
html.theme-dark .media-news {
  --mg-ink: #f5f6fa;
  --mg-nav-border: rgba(255, 255, 255, 0.12);
  --mg-nav-bg: rgba(255, 255, 255, 0.06);
}

.media-gallery__nav {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.media-gallery__nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--mg-nav-border, #d8e2ee);
  background: var(--mg-nav-bg, #fff);
  color: var(--mg-ink, #011e40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.media-gallery__nav-btn:hover {
  border-color: var(--builza-base, #eb6900);
  color: var(--builza-base, #eb6900);
}

html[dir="rtl"] .media-gallery__nav-btn .fas,
html[dir="rtl"] .media-gallery__nav-btn .fa {
  transform: scaleX(-1);
}

.media-gallery__track,
.media-news__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 4px 2px 28px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.media-gallery__track.is-dragging,
.media-news__track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.media-gallery__track img,
.media-news__track img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.media-gallery__track a,
.media-news__track a {
  -webkit-user-drag: none;
}

.media-gallery__track::-webkit-scrollbar,
.media-news__track::-webkit-scrollbar {
  display: none;
}
.blog-one__date p {
    font-size: 14px;
  }
  
.blog-one__date span {
    font-size: 12px;
  }
/* Show ~2.5–3 cards; extra posts overflow for nav scrolling */
.media-news__slide {
  box-sizing: border-box;
  flex: 0 0 410px;
  width: 410px;
  max-width: 410px;
  min-width: 280px;
  scroll-snap-align: start;
}

.media-news__slide .blog-one__single {
  position: relative;
  height: auto;
  margin-bottom: 0;
}

.media-news__slide .blog-one__single-inner {
  margin-bottom: 0;
}

.media-news__slide .blog-one__img img {
  width: 100%;
  height: auto;
  display: block;
}

.media-news__slide .blog-one__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(2 * 34px);
  margin-bottom: 14px;
}

.media-news__slide .blog-one__title a {
  display: inline;
}

.media-news__slide .blog-one__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 1.6;
  min-height: calc(3 * 1.6em);
}

/* Alt (blog-two) cards inside the media news scroller */
.media-news--two .media-news__track {
  /* padding-inline: 56px; */
  padding-block-end: 32px;
}

.media-news--two .media-news__slide .blog-two__single {
  margin-bottom: 0;
  height: 100%;
}

.blog-page--two .blog-two__single {
  margin-bottom: 30px;
}

.blog-page--two .row > [class*="col-"] {
  overflow: visible;
  padding-inline: 28px;
}

/* Keep rotated date readable (Latin day/month order) */
.blog-two__date-box {
  white-space: nowrap;
  z-index: 3;
}

.blog-two__date-box h3 {
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

html[dir="rtl"] .blog-two__date-box {
  left: auto;
  right: -58px;
  top: 43%;
  transform: rotate(90deg) translateY(-50%);
  transform-origin: center center;
}

.main-menu__call {
    padding: 0px 0 8px 0;
}

/*
 * Mirror the LTR blog-two image mask in RTL.
 * style-rtl.css reuses the LTR mask asset, so flip the mask container
 * and counter-flip the photos so they stay readable.
 */
html[dir="rtl"] .blog-two__img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

html[dir="rtl"] .blog-two__img img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

html[dir="rtl"] .blog-two__img img:first-child {
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-transform: scaleX(-1) translateX(50%) scaleX(2);
  transform: scaleX(-1) translateX(50%) scaleX(2);
}

html[dir="rtl"] .blog-two__single:hover .blog-two__img img:first-child {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transform: scaleX(-1) translateX(0) scaleX(1);
  transform: scaleX(-1) translateX(0) scaleX(1);
}

html[dir="rtl"] .blog-two__single:hover .blog-two__img img:nth-child(2) {
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-transform: scaleX(-1) translateX(-50%) scaleX(2);
  transform: scaleX(-1) translateX(-50%) scaleX(2);
}

.media-news--two .blog-two__content,
.blog-page--two .blog-two__content {
  --bt-ink: var(--builza-black, #0e121d);
  --bt-muted: var(--builza-gray, #6b7a90);
  --bt-surface: #fff;
  --bt-border: var(--builza-bdr-color, #d8e2ee);
  background: var(--bt-surface);
  border-color: var(--bt-border);
}

.media-news--two .blog-two__content h2 a,
.media-news--two .blog-two__title a,
.blog-page--two .blog-two__title a {
  color: var(--bt-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
}

.media-news--two .blog-two__meta-box li p,
.media-news--two .blog-two__text,
.media-news--two .blog-two__btn-box a,
.blog-page--two .blog-two__meta-box li p,
.blog-page--two .blog-two__text,
.blog-page--two .blog-two__btn-box a {
  font-family: var(--builza-font, "PT Root UI", sans-serif);
}

html[dir="rtl"] .media-news--two .blog-two__btn-box .fas,
html[dir="rtl"] .blog-page--two .blog-two__btn-box .fas {
  transform: scaleX(-1);
}

.media-news--two .blog-two__title,
.blog-page--two .blog-two__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(2 * 34px);
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 15px;
}

.media-news--two .blog-two__text,
.blog-page--two .blog-two__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
  min-height: calc(3 * 1.6em);
  color: var(--bt-muted);
}

html.theme-dark .media-news--two .blog-two__content,
html.theme-dark .blog-page--two .blog-two__content {
  --bt-ink: #f5f6fa;
  --bt-muted: #9aa4b2;
  --bt-surface: rgba(255, 255, 255, 0.06);
  --bt-border: rgba(255, 255, 255, 0.12);
}

html.theme-dark .media-news--two .blog-two__meta-box li p a,
html.theme-dark .blog-page--two .blog-two__meta-box li p a {
  color: #9aa4b2;
}

html.theme-dark .media-news--two .blog-two__date-box h3,
html.theme-dark .blog-page--two .blog-two__date-box h3 {
  color: #f5f6fa;
}

.section-odd.media-news--two .blog-two__content,
.section-odd .media-news--two .blog-two__content {
  --bt-surface: #fff;
}

html.theme-dark .section-odd.media-news--two .blog-two__content,
html.theme-dark .section-odd .media-news--two .blog-two__content {
  --bt-surface: rgba(255, 255, 255, 0.08);
}

@media (max-width: 575.98px) {
  .media-news__slide {
    flex-basis: min(320px, calc(100vw - 48px));
    width: min(320px, calc(100vw - 48px));
    max-width: min(320px, calc(100vw - 48px));
  }

  .media-news--two .media-news__track {
    padding-inline: 40px;
  }

  html[dir="ltr"] .media-news--two .blog-two__date-box {
    left: -34px;
  }

  html[dir="rtl"] .media-news--two .blog-two__date-box {
    right: -34px;
  }
}

.media-gallery__card {
  position: relative;
  flex: 0 0 min(420px, 85vw);
  height: 280px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  scroll-snap-align: start;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(14, 18, 29, 0.12);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.media-gallery__card:hover,
.media-gallery__card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(14, 18, 29, 0.18);
  outline: none;
}

.media-gallery__card:focus-visible {
  outline: 2px solid var(--builza-base, #eb6900);
  outline-offset: 3px;
}

.media-gallery__card-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.45s ease;
}

.media-gallery__card:hover .media-gallery__card-media,
.media-gallery__card:focus-visible .media-gallery__card-media {
  transform: scale(1.05);
}

.media-gallery__card-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.72) 100%);
  color: #fff;
  z-index: 1;
}

.media-gallery__card-preview {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(14, 18, 29, 0.28);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.media-gallery__card:hover .media-gallery__card-preview,
.media-gallery__card:focus-visible .media-gallery__card-preview {
  opacity: 1;
}

.media-gallery__card-preview-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--builza-base, #eb6900);
  color: #fff;
  font-size: 18px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.media-gallery__card-title {
  display: block;
  margin: 0 0 6px;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}

.media-gallery__card-desc {
  display: block;
  margin: 0;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.9rem;
  color: var(--mg-muted);
}

.media-gallery__card-date {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.85rem;
  white-space: nowrap;
}

.media-gallery__card-divider {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.55);
}

html.theme-dark .media-gallery__card {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.media-branding {
  padding: 40px 0 70px;
}

.media-branding__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 4px;
  flex: 0 0 auto;
}

.employees-page {
  padding: 40px 0 70px;
  min-height: 40vh;
  display: flex;
  align-items: center;
}

.employees-page .container {
  width: 100%;
}

.employees-page__links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  align-items: center;
}

.employees-page__btn {
  min-width: 220px;
  justify-content: center;
}

/* Integrated Management cards */
.integrated-management {
  --im-ink: #011e40;
  --im-muted: #6b7a90;
  --im-surface: #f7f8fa;
  --im-card: #fff;
  --im-accent: #eb6900;
  --im-footer: #2b3035;
  --im-footer-text: #fff;
  padding: 120px 0 90px;
}

html.theme-dark .integrated-management {
  --im-ink: #f5f6fa;
  --im-muted: #9aa4b2;
  --im-surface: transparent;
  --im-card: rgba(255, 255, 255, 0.06);
  --im-footer: rgba(0, 0, 0, 0.45);
  --im-footer-text: #f5f6fa;
}

.integrated-management__intro,
.human-capital-counter__intro {
    margin-bottom: 46px;
    margin-top: 8px;
}

.im-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f3f4f6;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(1, 30, 64, 0.08);
}

html.theme-dark .im-card {
  border-color: rgba(255, 255, 255, 0.1);
  background: initial;
}

.im-card__body {
  position: relative;
  flex: 1;
  padding: 28px 28px 20px;
  border-inline-start: 4px solid var(--im-accent);
}

.im-card__top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.im-card__heading {
  margin: 0 0 8px;
  color: var(--im-accent);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.im-card__title {
  margin: 0 0 10px;
  color: var(--im-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.75rem;
  font-weight: 700;
}

.im-card__desc {
  margin: 0;
  color: var(--im-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-style: italic;
  line-height: 1.6;
}

.im-card__logo {
  flex: 0 0 88px;
  width: 88px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  padding: 8px;
}

html.theme-dark .im-card__logo {
  background: rgba(255, 255, 255, 0.92);
}

.im-card__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.im-card__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 16px;
}

.im-card__feature {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.im-card__bullet {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--im-accent);
}

.im-card__feature-title {
  margin: 0 0 4px;
  color: var(--im-ink);
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.2rem;
  font-weight: 700;
}

.im-card__feature-body {
  margin: 0;
  color: var(--im-muted);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.95rem;
  line-height: 1.45;
}

.im-card__footer {
  background: var(--im-footer);
  color: var(--im-footer-text);
  padding: 16px 28px;
  border-inline-start: 4px solid var(--im-accent);
}

.im-card__footer-label {
  display: block;
  margin-bottom: 6px;
  color: var(--im-accent);
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.im-card__footer-text {
  margin: 0;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Human capital counter tweaks */
.human-capital-counter {
  padding-top: 120px;
}

.human-capital-counter__summary {
  border-radius: 18px;
  overflow: hidden;
}

.human-capital-counter .counter-one__icon {
  width: 132px;
  height: 132px;
  border-width: 8px;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.human-capital-counter .counter-one__icon span {
  font-size: 60px;
}

.human-capital-counter .counter-one__summary-count h3,
.human-capital-counter .counter-one__summary-count span,
.human-capital-counter .counter-one__summary-count .counter-one__prefix {
  font-size: clamp(48px, 5vw, 60px);
}

.human-capital-counter .counter-one__count h3,
.human-capital-counter .counter-one__count span,
.human-capital-counter .counter-one__count .counter-one__prefix {
  font-size: clamp(46px, 4.5vw, 56px);
}

.human-capital-counter .counter-one__summary-label {
  font-size: 1.125rem;
  line-height: 1.4;
}

.human-capital-counter .counter-one__count-text {
  font-size: 1.2rem;
  line-height: 1.4;
  min-height: 56px;
}

.human-capital-counter .counter-one__summary-item:hover .counter-one__icon,
.human-capital-counter .counter-one__single:hover .counter-one__icon {
  background-color: #eb6900 !important;
  color: #fff !important;
}

.human-capital-counter .counter-one__summary-item:hover .counter-one__icon span,
.human-capital-counter .counter-one__single:hover .counter-one__icon span {
  color: #fff !important;
}

@media (max-width: 575.98px) {
  .human-capital-counter .counter-one__icon {
    width: 112px;
    height: 112px;
    border-width: 7px;
  }

  .human-capital-counter .counter-one__icon span {
    font-size: 50px;
  }

  .human-capital-counter .counter-one__summary-count h3,
  .human-capital-counter .counter-one__summary-count span,
  .human-capital-counter .counter-one__summary-count .counter-one__prefix,
  .human-capital-counter .counter-one__count h3,
  .human-capital-counter .counter-one__count span,
  .human-capital-counter .counter-one__count .counter-one__prefix {
    font-size: 42px;
  }

  .human-capital-counter .counter-one__summary-label,
  .human-capital-counter .counter-one__count-text {
    font-size: 1.05rem;
  }
}

@media (max-width: 767.98px) {
  .im-card__features {
    grid-template-columns: 1fr;
  }
}

/* Home: section-odd on even module slots + section roots */
.home-section-slot {
  display: block;
}

.home-section-slot.section-odd {
  background-color: var(--builza-primary);
}

html.theme-dark .home-section-slot.section-odd {
  background-color: #171e32;
}

/* Nested roots that also carry section-odd should paint the band themselves */
.home-section-slot.section-odd > .section-odd,
.home-section-slot > .section-odd {
  background-color: var(--builza-primary);
}

html.theme-dark .home-section-slot.section-odd > .section-odd,
html.theme-dark .home-section-slot > .section-odd {
  background-color: #171e32;
}

/* Cards on section-odd (primary/dark band) — lift onto a light plate (keep hover styles) */
.section-odd.feature-one,
.section-odd.feature-accordion {
  background-color: var(--builza-primary);
}

.section-odd .who-metric-card:not(.who-metric-card--dark):not(:hover) {
  background: #ffffff;
}

.section-odd .feature-one__single-inner {
  background-color: #ffffff;
}

.section-odd .team-one__single:not(:hover) {
  background-color: #ffffff;
}

/* Accordion often IS the section-odd element — target panels as descendants */
.section-odd.feature-accordion .feature-accordion-panel:not(:hover),
.section-odd .feature-accordion-panel:not(:hover) {
  background: #ffffff;
}

.section-odd .eng-expertise__card:not(:hover) {
  background: #ffffff;
}

.section-odd .eng-expertise__stats {
  background: #ffffff;
}

.section-odd .im-card:not(:hover) {
  background: #ffffff;
}

.section-odd .process-one__single {
  background-color: var(--builza-white);
}

.section-odd .service-sector-card:not(:hover),
.section-odd .service-specialty-card:not(:hover) {
  background: var(--builza-white);
}

html.theme-dark .section-odd.feature-one,
html.theme-dark .section-odd.feature-accordion {
  background-color: #171e32;
}

html.theme-dark .section-odd .who-metric-card:not(.who-metric-card--dark):not(:hover) {
  background: rgba(255, 255, 255, 0.08);
}

html.theme-dark .section-odd .feature-one__single-inner:not(:hover) {
  background-color: rgba(255, 255, 255, 0.08);
  border-top-color: rgba(255, 255, 255, 0.14);
}

html.theme-dark .section-odd .team-one__single:not(:hover) {
  background-color: rgba(255, 255, 255, 0.08);
}

html.theme-dark .section-odd.feature-accordion .feature-accordion-panel:not(:hover),
html.theme-dark .section-odd .feature-accordion-panel:not(:hover) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}

html.theme-dark .section-odd .eng-expertise__card:not(:hover),
html.theme-dark .section-odd .eng-expertise__stats {
  background: rgba(255, 255, 255, 0.08);
}

html.theme-dark .section-odd .im-card:not(:hover) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}

html.theme-dark .section-odd .process-one__single {
  background-color: var(--builza-black);
}

html.theme-dark .section-odd .service-sector-card:not(:hover),
html.theme-dark .section-odd .service-specialty-card:not(:hover) {
  background: var(--builza-black);
}

/* Project details — information card (sidebar) */
.project-details__sidebar .project-details__information {
  --pi-surface: #ffffff;
  --pi-border: #e6ebf2;
  --pi-ink: #0e121d;
  --pi-muted: #6b7280;
  --pi-stat-bg: #f4f6f9;
  --pi-rule: #e8edf3;
  --pi-status-completed-bg: #e8f6ee;
  --pi-status-completed-ink: #1f7a45;
  --pi-status-ongoing-bg: #fff3e8;
  --pi-status-ongoing-ink: #c45a12;
  background-color: var(--pi-surface);
  border: 1px solid var(--pi-border);
  border-radius: 16px;
  padding: 28px 24px 26px;
  margin-bottom: 30px;
  box-shadow: none;
}

.project-details__sidebar .project-details__information-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.project-details__sidebar .project-details__information-title {
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pi-ink);
  margin: 0;
}

.project-details__sidebar .project-details__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: 999px;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}

.project-details__sidebar .project-details__status i {
  font-size: 0.875rem;
}

.project-details__sidebar .project-details__status--completed {
  background: var(--pi-status-completed-bg);
  color: var(--pi-status-completed-ink);
}

.project-details__sidebar .project-details__status--ongoing {
  background: var(--pi-status-ongoing-bg);
  color: var(--pi-status-ongoing-ink);
}

.project-details__sidebar .project-details__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--pi-rule);
}

.project-details__sidebar .project-details__stats--single {
  grid-template-columns: 1fr;
}

.project-details__sidebar .project-details__stat {
  background: var(--pi-stat-bg);
  border-radius: 12px;
  padding: 14px 16px;
  min-width: 0;
}

.project-details__sidebar .project-details__stat-label {
  display: block;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--pi-muted);
  margin-bottom: 6px;
}

.project-details__sidebar .project-details__stat-value {
  display: block;
  font-family: var(--builza-font-two, "Red Hat Display", sans-serif);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--pi-ink);
  word-break: break-word;
}

.project-details__sidebar .project-details__information-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 18px;
  margin: 0;
  padding: 0;
}

.project-details__sidebar .project-details__information-list li {
  display: block;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.project-details__sidebar .project-details__information-list li + li {
  margin-top: 0;
}

.project-details__sidebar .project-details__meta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--pi-muted);
  margin-bottom: 4px;
  text-transform: none;
}

.project-details__sidebar .project-details__meta-label i {
  width: 14px;
  text-align: center;
  font-size: 0.8rem;
  opacity: 0.9;
}

.project-details__sidebar .project-details__meta-value {
  margin: 0;
  font-family: var(--builza-font, "PT Root UI", sans-serif);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--pi-ink);
  word-break: break-word;
}

html.theme-dark .project-details__sidebar .project-details__information {
  --pi-surface: rgba(255, 255, 255, 0.06);
  --pi-border: rgba(255, 255, 255, 0.12);
  --pi-ink: #f5f6fa;
  --pi-muted: #9aa4b2;
  --pi-stat-bg: rgba(255, 255, 255, 0.06);
  --pi-rule: rgba(255, 255, 255, 0.12);
  --pi-status-completed-bg: rgba(46, 160, 90, 0.18);
  --pi-status-completed-ink: #8fd9aa;
  --pi-status-ongoing-bg: rgba(235, 105, 0, 0.2);
  --pi-status-ongoing-ink: #ffb37a;
}

html.theme-dark .project-details__sidebar .project-details__information-list li {
  background: transparent;
  border-color: transparent;
}

@media (max-width: 991.98px) {
  .project-details__sidebar .project-details__information {
    padding: 28px 24px 26px;
  }

  .project-details__sidebar .project-details__information-list li {
    padding: 0;
  }
}

@media (max-width: 575.98px) {
  .project-details__sidebar .project-details__information {
    padding: 22px 18px 20px;
  }

  .project-details__sidebar .project-details__information-list {
    column-gap: 14px;
    row-gap: 16px;
  }

  .project-details__sidebar .project-details__stat-value {
    font-size: 1.05rem;
  }
}