.hero {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 100vh;
}

.hero .bgWrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -10;
  height: 100%;
  width: 100%;
}

.hero .bgWrapper img {
  height: 100%;
}

.hero .headingWrapper {
  position: relative;
  margin: 0px;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.hero .headingWrapper .heading {
  margin-bottom: 1.5rem;
}

.hero .headingWrapper .description {
  margin-bottom: 2.5rem;
  letter-spacing: 0.01em;
}

.gallery.wrapper {
  position: relative;
  margin-top: -15rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

.gallery.wrapper .gradiant {
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 16rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.8) 37.2%, #F9F9F9 96.84%);
}

.gallery.wrapper .imgWrapper {
  grid-column: span 2 / span 2;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}

.gallery.wrapper .imgWrapper img {
  border-radius: 1rem;
  border-width: 1px;
  border-color: #0A0F2914;
}

.gallery.wrapper .imgWrapper:first-of-type {
  flex-direction: column;
}

.gallery.wrapper .imgWrapper:first-of-type img:first-of-type {
  aspect-ratio: 187/370;
}

.gallery.wrapper .imgWrapper:first-of-type img:last-of-type {
  aspect-ratio: 187/217;
}

.gallery.wrapper .imgWrapper:nth-of-type(2) img {
  aspect-ratio: 187/422;
}

.gallery.wrapper .imgWrapper:nth-of-type(3) {
  grid-column: span 3 / span 3;
}

.gallery.wrapper .imgWrapper:nth-of-type(3) img {
  aspect-ratio: 287/342;
}

.gallery.wrapper .imgWrapper:nth-of-type(4) {
  grid-column: span 5 / span 5;
  flex-direction: column;
  justify-content: flex-end;
}

.gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}

.gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type img:first-of-type {
  aspect-ratio: 287/172;
  width: calc(60% - 8px);
}

.gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type img:last-of-type {
  aspect-ratio: 187/309;
  width: calc(40% - 8px);
}

.gallery.wrapper .imgWrapper:nth-of-type(4) > div:nth-of-type(2) img {
  aspect-ratio: 491/234;
}

.benefits.wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

.benefits.wrapper .cardWrapper {
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: #0A0F2914;
  padding: 2.5rem;
  --tw-shadow: 0 1px 2px 1px #14151A14;
  --tw-shadow-colored: 0 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.benefits.wrapper .cardWrapper .description {
  margin-bottom: 0px;
}

.benefits.wrapper .cardWrapper:first-child {
  grid-column: span 5 / span 5;
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 229 / var(--tw-bg-opacity));
}

.benefits.wrapper .cardWrapper:nth-child(2) {
  grid-column: span 7 / span 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(228 255 225 / var(--tw-bg-opacity));
}

.benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper {
  margin-top: 2.5rem;
  display: flex;
  gap: 1rem;
}

.benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper .name {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: "Satoshi-m", serif;
  letter-spacing: 0.01em;
}

.benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper .role {
  --tw-text-opacity: 1;
  color: rgb(74 81 104 / var(--tw-text-opacity));
  font-family: Satoshi, serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
}

.benefits.wrapper .pointsWrapper {
  grid-column: 1 / -1;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: #0A0F2914;
  --tw-bg-opacity: 1;
  background-color: rgb(229 246 252 / var(--tw-bg-opacity));
  padding: 2.5rem;
  --tw-shadow: 0 1px 2px 1px #14151A14;
  --tw-shadow-colored: 0 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.benefits.wrapper .pointsWrapper .description[data-size=big] {
  margin-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
  font-family: Unbounded, serif;
}

.benefits.wrapper .pointsWrapper .points {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

.benefits.wrapper .pointsWrapper .points .pointWrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.benefits.wrapper .pointsWrapper .points .pointWrapper img {
  width: 18px;
}

.benefits.wrapper .pointsWrapper .points .pointWrapper .description {
  margin: 0px;
}

.benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
  grid-column: span 5 / span 5;
  padding-right: 2.5rem;
}

.benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
  grid-column: span 7 / span 7;
  padding-left: 2.5rem;
}

.position .noData {
  margin-bottom: 0px;
  text-align: center;
}

.position .wrapper {
  margin-top: 4rem;
}

.position .wrapper .positionWrapper {
  display: block;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(228 231 236 / var(--tw-border-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.position .wrapper .positionWrapper:hover .headingWrapper .description:before {
  content: "";
  width: 100%;
}

.position .wrapper .positionWrapper .headingWrapper {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.position .wrapper .positionWrapper .headingWrapper .description {
  position: relative;
  margin-bottom: 0px;
  font-family: "Satoshi-b", serif;
}

.position .wrapper .positionWrapper .headingWrapper .description:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -0.25rem;
  height: 0.125rem;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.position .wrapper .positionWrapper .headingWrapper .type {
  position: relative;
  border-radius: 9999px;
  border-width: 1px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: 1rem;
  padding-left: 2rem;
  font-family: Satoshi-m, serif;
  font-size: 14px;
  line-height: 16.8px;
}

.position .wrapper .positionWrapper .headingWrapper .type:before {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  height: 0.375rem;
  width: 0.375rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(6 118 71 / var(--tw-bg-opacity));
  content: "";
}

.position .wrapper .positionWrapper .jobTypeWrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.position .wrapper .positionWrapper .jobTypeWrapper .jobType {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.position .wrapper .positionWrapper .jobTypeWrapper .description {
  margin-bottom: 0px;
}

.position .wrapper .positionWrapper:nth-child(4n+1) .headingWrapper .type {
  --tw-border-opacity: 1;
  border-color: rgb(171 231 252 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 246 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 92 211 / var(--tw-text-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+1) .headingWrapper .type:before {
  --tw-bg-opacity: 1;
  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+1) .headingWrapper .description:before {
  --tw-bg-opacity: 1;
  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+2) .headingWrapper .type {
  --tw-border-opacity: 1;
  border-color: rgb(255 173 173 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+2) .headingWrapper .type:before {
  --tw-bg-opacity: 1;
  background-color: rgb(181 71 8 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+2) .headingWrapper .description:before {
  --tw-bg-opacity: 1;
  background-color: rgb(181 71 8 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+3) .headingWrapper .type {
  --tw-border-opacity: 1;
  border-color: rgb(220 173 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 229 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+3) .headingWrapper .type:before {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+3) .description:before {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+4) .headingWrapper .type {
  --tw-border-opacity: 1;
  border-color: rgb(182 255 173 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(228 255 225 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(6 118 71 / var(--tw-text-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+4) .headingWrapper .type:before {
  --tw-bg-opacity: 1;
  background-color: rgb(6 118 71 / var(--tw-bg-opacity));
}

.position .wrapper .positionWrapper:nth-child(4n+4) .description:before {
  --tw-bg-opacity: 1;
  background-color: rgb(6 118 71 / var(--tw-bg-opacity));
}

.whoWeAre {
  position: relative;
}

.whoWeAre .bgWrapper {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: -10;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.whoWeAre .heading {
  margin-bottom: 1.5rem;
}

.whoWeAre .contentWrapper .imgWrapper {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  --tw-translate-y: 100%;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 1rem;
  border-width: 1px;
  border-color: #0A0F2914;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  opacity: 0;
  --tw-shadow: 0 1px 2px 1px #14151A14;
  --tw-shadow-colored: 0 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
  max-width: 390px;
}

.whoWeAre .contentWrapper .imgWrapper.active {
  --tw-translate-y: 0px;
  --tw-rotate: -12deg;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.whoWeAre .contentWrapper .heading {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(74 81 104 / var(--tw-text-opacity));
  font-family: Satoshi-m, serif;
  max-width: 820px;
  letter-spacing: 0.01em;
}

@media (max-width: 1400px) {
  .gallery.wrapper .gradiant {
    height: 10rem;
  }

  .benefits.wrapper .cardWrapper:first-child {
    grid-column: span 6 / span 6;
  }

  .benefits.wrapper .cardWrapper:nth-child(2) {
    grid-column: span 6 / span 6;
  }

  .benefits.wrapper .pointsWrapper .points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
    grid-column: span 1 / span 1;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
    grid-column: span 1 / span 1;
  }
}

@media (max-width: 1200px) {
  .hero .headingWrapper .description {
    max-width: 520px;
    margin-bottom: 2rem;
  }

  .gallery.wrapper {
    gap: 0.75rem;
  }

  .gallery.wrapper .imgWrapper {
    gap: 0.75rem;
  }

  .gallery.wrapper .imgWrapper img {
    border-radius: 0.75rem;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type {
    gap: 0.75rem;
  }

  .benefits.wrapper .cardWrapper {
    border-radius: 1rem;
    padding: 2rem;
  }

  .benefits.wrapper .pointsWrapper {
    border-radius: 1rem;
    padding: 2rem;
  }

  .benefits.wrapper .pointsWrapper .description[data-size=big] {
    margin-bottom: 2rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper {
    gap: 0.75rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
    padding-right: 2rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
    padding-left: 2rem;
  }

  .position .wrapper {
    margin-top: 3rem;
  }

  .position .wrapper .positionWrapper {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .position .wrapper .positionWrapper .headingWrapper {
    margin-bottom: 0.375rem;
  }
}

@media (max-width: 992px) {
  .hero .headingWrapper .heading {
    margin-bottom: 1.25rem;
  }

  .hero .headingWrapper .description {
    margin-bottom: 1.5rem;
  }

  .gallery.wrapper {
    margin-top: 0px;
  }

  .gallery.wrapper .gradiant {
    height: 5rem;
  }

  .gallery.wrapper .imgWrapper:first-of-type {
    grid-column: span 5 / span 5;
  }

  .gallery.wrapper .imgWrapper:first-of-type img:first-of-type {
    aspect-ratio: 280/187;
  }

  .gallery.wrapper .imgWrapper:first-of-type img:last-of-type {
    aspect-ratio: 360/187;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(2) {
    grid-column: span 3 / span 3;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(2) img {
    aspect-ratio: unset;
    height: 100%;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(3) {
    grid-column: span 4 / span 4;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(3) img {
    aspect-ratio: unset;
    height: 100%;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type {
    gap: 0.75rem;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type img:first-of-type, .gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type img:last-of-type {
    width: calc(50% - 6px);
    aspect-ratio: 2;
  }

  .benefits.wrapper .cardWrapper {
    padding: 1.5rem;
  }

  .benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper {
    margin-top: 1.5rem;
    align-items: center;
  }

  .benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper .name {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .benefits.wrapper .cardWrapper:nth-child(2) .profileWrapper .role {
    margin-top: 0.25rem;
  }

  .benefits.wrapper .pointsWrapper {
    padding: 1.5rem;
  }

  .benefits.wrapper .pointsWrapper .description[data-size=big] {
    margin-bottom: 1.5rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
    padding-right: 1.5rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
    padding-left: 1.5rem;
  }

  .position .wrapper {
    margin-top: 2.5rem;
  }

  .position .wrapper .positionWrapper .headingWrapper {
    margin-bottom: 0.25rem;
  }

  .whoWeAre .heading {
    margin-bottom: 1.25rem;
  }

  .whoWeAre .contentWrapper .imgWrapper {
    max-width: 320px;
  }
}

@media (max-width: 768px) {
  .benefits.wrapper .cardWrapper {
    border-radius: 0.75rem;
  }

  .benefits.wrapper .cardWrapper:nth-child(1) {
    grid-column: 1 / -1;
  }

  .benefits.wrapper .cardWrapper:nth-child(2) {
    grid-column: 1 / -1;
  }

  .benefits.wrapper .pointsWrapper {
    border-radius: 0.75rem;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
    padding-right: 0px;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
    padding-left: 0px;
  }

  .position .wrapper {
    margin-top: 2rem;
  }
}

@media (max-width: 567px) {
  .hero .headingWrapper .heading {
    margin-bottom: 1rem;
  }

  .hero .headingWrapper .btnWrapper .btn {
    flex: 0;
  }

  .gallery.wrapper {
    gap: 0.5rem;
  }

  .gallery.wrapper .imgWrapper {
    gap: 0.5rem;
  }

  .gallery.wrapper .imgWrapper img {
    border-radius: 0.5rem;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(1) {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(1) img:first-of-type, .gallery.wrapper .imgWrapper:nth-of-type(1) img:last-of-type {
    aspect-ratio: unset;
    width: calc(50% - 4px);
    height: 100%;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(2), .gallery.wrapper .imgWrapper:nth-of-type(3) {
    grid-column: span 6 / span 6;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(2) img, .gallery.wrapper .imgWrapper:nth-of-type(3) img {
    height: 100%;
    width: 100%;
    aspect-ratio: unset;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) {
    flex-wrap: wrap;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) > div:first-of-type {
    flex: 0 0 100%;
  }

  .gallery.wrapper .imgWrapper:nth-of-type(4) > div:nth-of-type(2) img {
    aspect-ratio: 2;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .benefits.wrapper .pointsWrapper .points .pointWrapper:nth-child(even) {
    grid-column: 1 / -1;
  }

  .position .wrapper {
    margin-top: 1.5rem;
  }

  .position .wrapper .positionWrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .position .wrapper .positionWrapper .headingWrapper {
    margin-bottom: 0.5rem;
    gap: 0.75rem;
  }

  .position .wrapper .positionWrapper .headingWrapper .type {
    padding-right: 0.75rem;
    padding-left: 1.5rem;
    font-size: 12px;
    line-height: 16.8px;
  }

  .position .wrapper .positionWrapper .headingWrapper .type:before {
    left: 0.75rem;
    width: 5px;
    height: 5px;
  }

  .position .wrapper .positionWrapper .jobTypeWrapper {
    gap: 1rem;
  }

  .position .wrapper .positionWrapper .jobTypeWrapper .jobType {
    gap: 0.375rem;
  }

  .position .wrapper .positionWrapper .jobTypeWrapper .jobType img {
    height: 1rem;
    width: 1rem;
  }

  .whoWeAre .heading {
    margin-bottom: 1rem;
  }

  .whoWeAre .contentWrapper .imgWrapper {
    border-radius: 0.75rem;
    padding: 0.625rem;
    max-width: 240px;
  }
}

/*# sourceMappingURL=career_list.css.80d135837148.map */