body {
  background: black;
  color: white;
  font-family: var(--ea-font-family-helvetica-now-display);
}
.nav-color,
.nav-color a {
  color: white !important;
}
.footer-nav-items a {
  color: white;
}
.career-container {
  display: flex;
  justify-content: space-between;
  font-size: var(--ea-font-size-medium);
  line-height: 1.2;
  padding: 100px var(--ea-left-right-padding);
  padding-top: calc(100vh * 0.25);
  height: 100vh;
  flex-direction: column;
}
.about-careers {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.about-careers h1 {
  font-size: 1em;
  font-weight: initial;
  margin: 0;
}
.careers-content {
  width: 50%;
  display: flex;
  justify-content: start;
  padding-right: calc(100vw * 0.2);
}
@media screen and (max-width: 820px) {
  .careers-content {
    padding-right: unset;
  }
}
@media screen and (max-width: 700px) {
  .about-careers {
    flex-direction: column;
    height: 30vh;
  }
  .careers-content {
    width: 100%;
  }
}
.view-jobs {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: -98px;
}
.view-jobs a {
  color: white;
  text-decoration: none;
  width: 50%;
}
.view-jobs a:hover {
  text-decoration: underline;
}
.rail-scroller {
  font-size: var(--ea-font-size-huge);
  font-family: var(--ea-font-family-locomotive-new);
  /* overflow: hidden; */
  width: 100%;
  margin-bottom: -67px;
}

.rail-outer {
  padding-block: 1rem;
  display: flex;
  gap: 1rem;
}

.rail-inner {
  display: flex;
  padding-right: 20px;
}
.rail-inner img {
  width: 109px;
  height: 66px;
  object-fit: cover;
  margin-top: 14px;
  margin-left: 13px;
}
.rail-scroller[data-animated='true'] {
  overflow: hidden;
  /* -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
}

.rail-scroller[data-animated='true'] .rail-outer {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.rail-scroller[data-direction='right'] {
  --_animation-direction: reverse;
}

.rail-scroller[data-direction='left'] {
  --_animation-direction: forwards;
}

.rail-scroller[data-speed='fast'] {
  --_animation-duration: 20s;
}

.rail-scroller[data-speed='slow'] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.indent-paragraph {
  position: relative;
  padding: 0 var(--ea-left-right-padding);
}
.indent-paragraph-title {
  font-size: var(--ea-font-size-medium);
  line-height: 1.2;
}
@media (min-width: 700px) {
  .indent-paragraph-title {
    position: absolute;
    top: var(--ea-font-size-h1);
    transform: translateY(-100%);
    padding-bottom: 0.4rem;
  }
}
.indent-paragraph-content {
  font-size: var(--ea-font-size-h1);
  font-family: var(--ea-font-family-locomotive-new);
  line-height: 1.2;
}
.culture-margin {
  margin-left: 50%;
}
@media screen and (max-width: 700px) {
  .culture-margin {
    margin-left: unset;
  }
  .indent-paragraph-title {
    margin-bottom: 1.333rem;
  }
}
.our-values-careers-container {
  display: flex;
  flex-direction: column;
  padding: 0 var(--ea-left-right-padding);
  font-size: var(--ea-font-size-medium);
  line-height: 1.2;
}
.values-list-content {
  display: flex;
  flex-direction: row;
}
.values-img img {
  width: 300px;
  height: 500px;
}
.value-img-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.values-list-img {
  width: 50%;
}
.about-values-para {
  width: 50%;
}
.heading-our-values,
.about-values-para {
  font-size: var(--ea-font-size-h1);
  font-family: var(--ea-font-family-locomotive-new);
}
.values-list-content div {
  display: flex;
}
.values-list-content div:first-child {
  width: 20%;
}
.values-list-content div:last-child {
  width: 80%;
}
.heading-our-values {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: var(--ea-border);
}
.values-list-content {
  border-bottom: var(--ea-border);
  padding-bottom: 7px;
  padding-top: 7px;
}
@media screen and (max-width: 990px) {
  .value-img-container {
    flex-direction: column-reverse;
  }
  .values-list-img {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .about-values-para {
    width: 100%;
  }
  .values-list-cateogry {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .values-list-img {
    flex-direction: column;
  }
  .values-list-cateogry {
    width: 100%;
  }
  .values-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
  .values-img {
    display: flex;
    justify-content: flex-start;
  }
}
.footer-details-contact a {
  color: white;
}
.each-careers-content-cateogrise {
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  padding: 0 var(--ea-left-right-padding);
}
.careers-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: var(--ea-font-size-h1);
  font-family: var(--ea-font-family-locomotive-new);
}
.about-this-carrer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: var(--ea-font-size-medium);
  line-height: 1.2;
  margin-top: 100px;
}
.number-and-name {
  display: flex;
  flex-direction: row;
  gap: 60px;
}
.this-cateogry-para {
  width: 40%;
}
@media screen and (max-width: 700px) {
  .about-this-carrer {
    flex-direction: column;
  }
  .this-cateogry-para {
    width: 100%;
    margin-top: 30px;
  }
  .rail-inner img {
    width: 87px;
    height: 49px;
    object-fit: cover;
    margin-top: 1px;
    margin-left: 10px;
  }
}
.friendship-img-sticky {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.friendship-img-sticky img {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fixed-visual-image-impact {
  position: relative;
  height: 200vh;
  margin-bottom: -100vh;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 50%);
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 50%);
}
.career-position-number {
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: var(--ea-font-size-medium);
  line-height: 1.2;
  font-family: var(--ea-font-family-helvetica-now-display);
}
.careers-all-position {
  font-family: var(--ea-font-family-locomotive-new);
  font-size: var(--ea-font-size-huge);
}