@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
div {
  font-family: "Cairo", sans-serif !important;

}

.stats-head h2 {
  margin: 25px 0 0;
}

.nav-link {
  font-size: 14px;
}

.nav-link::after {
  transform-origin: right !important;
}

.hero-title {
  line-height: 1.4;
}

.marquee-item {
  flex-direction: row-reverse;
}

.title-of-section {
  font-weight: bold !important;
  line-height: normal !important;
}

h2.who-title.title-of-section,
h2.cta-banner-title,
.footer-nl-headline {
  line-height: 1.2 !important;
}

.clients-label,
.who-cta {
  font-size: 14px;
}

.label-eyebrow {
  font-size: 13px;
}

button.footer-nl-btn {
  font-size: 10px;
  font-family: "Cairo", sans-serif !important;
}

.footer-col h4 {
  font-size: 12px;
}

/* About Page */
@media(min-width:992px) {

  .about-left {
    padding: 80px 0 0 70px;
  }

  .about-right {
    padding: 80px 70px 0 0;
  }
}

.about-page .marquee-strip-about .marquee-item {
  display: inline-flex;
  flex-direction: row-reverse;
}

.about-page .page-hero-title {
  margin: 0 0 30px;
}

.about-left .eyebrow {
  font-size: 14px;
}

#about-stats .stat-item:not(:last-child) {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

@media(max-width:767.9px) {
  .stat-item:nth-child(2) {
    border-left: none !important;
  }

}

::placeholder,
select,
label {
  font-family: "Cairo", sans-serif !important;
}

/* Services Page */
.work-card__desc {
  min-height: 45px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

/* Service Detail */
.sevice-det-title {
  font-size: clamp(40px, 5vw, 70px) !important;
}

/* Projects */
button.filter-btn {
  font-size: 11px;
}

.project-tile__body {

  right: -100% !important;
  top: 0;
  transition: all 0.38s var(--transition-smooth) !important;
}

.projects-grid-item:hover .project-tile__body {
  right: 0 !important;
  left: auto !important;
}

.apply-eyebrow,
.career-intro-left .eyebrow {
  font-size: 13px !important;
}
#career-phone {
    direction: ltr;
    text-align: left;
}

    #career-phone::placeholder {
        direction: rtl;
        text-align: right;
    }