.sgp-language-selector,
.sgp-language-selector * {
  box-sizing: border-box;
}

.sgp-language-selector {
  align-items: stretch;
  background: rgba(3, 20, 67, 0.82);
  border: 1px solid #1ae184;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: "Assistant", Arial, sans-serif;
  isolation: isolate;
  line-height: 1;
  overflow: hidden;
}

.sgp-language-selector a {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 800;
  justify-content: center;
  min-height: 44px;
  padding: 0.55rem 0.78rem;
  text-decoration: none;
  white-space: nowrap;
}

.sgp-language-selector a + a {
  border-inline-start: 1px solid rgba(255, 255, 255, 0.34);
}

.sgp-language-selector a[aria-current="page"] {
  background: #1ae184;
  color: #051d67;
}

.sgp-language-selector a:hover {
  background: #fff;
  color: #051d67;
}

.sgp-language-selector a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -4px;
  position: relative;
  z-index: 1;
}

.sgp-language-selector--mobile {
  display: none;
}

.sgp-language-selector--login {
  margin-block-end: 1.5rem;
}

.sgp-language-selector--dashboard {
  margin-inline-end: 0.35rem;
}

.sgp-language-selector--fallback {
  margin: 1rem;
  position: relative;
  z-index: 2;
}

.legacy-contact-details,
.legacy-contact-form {
  box-sizing: border-box;
  min-width: 0;
}

.legacy-contact-details h2 {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.legacy-projects .visually-hidden {
  display: none !important;
}

.legacy-projects {
  overflow-x: hidden;
  overflow-x: clip;
}

html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .sgp-home-lower,
html[dir="ltr"] .sgp-a11y-root {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .header-actions {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .header-actions .contact-us {
  margin-left: 0;
  margin-right: 0;
}

html[dir="ltr"] :is(.yarden-font, .yarden-title),
html[dir="ltr"] :is(.sgp-small-hero-content h1, .sgp-section-heading h2, .sgp-content-heading),
html[dir="ltr"] :is(.legacy-project-copy h1, .legacy-project-story h2) {
  font-family: "Assistant", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
}

html[dir="ltr"] .sgp-eyebrow::before {
  margin-left: 0;
  margin-right: 0.65rem;
}

html[dir="ltr"] .legacy-search svg {
  margin-left: 1.1rem;
  margin-right: 0;
}

html[dir="ltr"] .legacy-search input {
  padding: 0 1.2rem 0 0.8rem;
}

html[dir="ltr"] .legacy-project-meta div,
html[dir="ltr"] .legacy-client-nameplate {
  border-left: 3px solid var(--sgp-green);
  border-right: 0;
}

html[dir="ltr"] .legacy-facts div:nth-child(odd) {
  padding-left: 0;
  padding-right: 1.2rem;
}

html[dir="ltr"] .legacy-facts div:nth-child(even) {
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  border-right: 0;
  padding-left: 1.2rem;
  padding-right: 0;
}

html[dir="ltr"] .dashboard-shell,
html[dir="ltr"] .login-view {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .dashboard-sidebar {
  left: 0;
  right: auto;
}

html[dir="ltr"] :is(.dashboard-main, .dashboard-content, .pm-main-shell) {
  margin-left: var(--pm-sidebar-width, 280px);
  margin-right: 0;
}

html[dir="ltr"] .dashboard-brand span {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 0;
  padding-left: 0.85rem;
  padding-right: 0;
}

html[dir="ltr"] .nav-count {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .back-to-site .fa-arrow-right::before {
  content: "\f060";
}

/* Keep the accessibility control in the same physical corner in both languages. */
html[dir="ltr"] .sgp-a11y-root {
  left: 20px;
  right: auto;
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .site-header .header-container .mobile-menu-button {
    display: grid;
  }

  .site-header .main-menu,
  .personal-area-button {
    display: none;
  }

  .mobile-menu-wrapper.active {
    transform: translateX(0);
  }

  .mobile-menu-wrapper.active .close-button {
    font-size: 2rem;
    margin-bottom: 40px;
  }

  .mobile-menu-wrapper.active .mobile-main-menu li a {
    font-size: 2rem;
  }

  .mobile-menu-wrapper.active .mobile-main-menu li.current-menu-item a {
    font-weight: 700;
  }

  .sgp-language-selector--desktop a {
    font-size: 0.82rem;
    padding-inline: 0.6rem;
  }
}

@media (min-width: 1024px) and (max-width: 1400px) {
  html[data-sgp-a11y-text-size] .site-header .mobile-menu-button {
    display: grid;
  }

  html[data-sgp-a11y-text-size] .site-header .main-menu,
  html[data-sgp-a11y-text-size] .personal-area-button {
    display: none;
  }

  html[data-sgp-a11y-text-size] .mobile-menu-wrapper.active {
    transform: translateX(0);
  }

  html[data-sgp-a11y-text-size] .mobile-menu-wrapper.active .close-button {
    font-size: 2rem;
    margin-bottom: 40px;
  }

  html[data-sgp-a11y-text-size] .mobile-menu-wrapper.active .mobile-main-menu li a {
    font-size: 2rem;
  }

  html[data-sgp-a11y-text-size]
    .mobile-menu-wrapper.active
    .mobile-main-menu
    li.current-menu-item
    a {
    font-weight: 700;
  }
}

@media (max-width: 1023px) {
  .sgp-language-selector--desktop {
    display: none;
  }

  .sgp-language-selector--mobile {
    background: #fff;
    border-color: #051d67;
    display: inline-flex;
    margin-block-end: 1.5rem;
  }

  .sgp-language-selector--mobile a {
    color: #051d67;
  }

  .sgp-language-selector--mobile a + a {
    border-inline-start-color: rgba(5, 29, 103, 0.25);
  }

  .sgp-language-selector--mobile a[aria-current="page"] {
    background: #051d67;
    color: #fff;
  }

  .sgp-language-selector--mobile a:focus-visible {
    outline-color: #1ae184;
  }

  html[dir="ltr"] :is(.dashboard-main, .dashboard-content, .pm-main-shell) {
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .legacy-projects .service-filter {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .legacy-projects .filter-button {
    flex: 1 1 min(100%, 15rem);
    max-width: 100%;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  html[dir="ltr"] .sgp-a11y-root {
    left: 12px;
  }

  .sgp-language-selector--dashboard {
    order: -1;
  }
}

@media print {
  .sgp-language-selector {
    display: none !important;
  }
}

@media (forced-colors: active) {
  .sgp-language-selector,
  .sgp-language-selector a {
    border-color: ButtonText;
    forced-color-adjust: auto;
  }
}