.hero {
  position: relative;
  padding-top: 10rem;
}

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

.hero .wrapper {
  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: 4rem;
  --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);
}

.hero .wrapper .heading {
  margin-bottom: 1rem;
  font-family: Satoshi-b, serif;
}

.hero .wrapper .contentWrapper {
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
}

.hero .wrapper .contentWrapper .content {
  flex: 0 0 calc(20% - 19.2px);
  width: -moz-max-content;
  width: max-content;
  font-family: Satoshi-m, serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 81 104 / var(--tw-text-opacity));
  letter-spacing: 0.01em;
}

.hero .wrapper .contentWrapper .content span {
  font-family: Satoshi-b, serif;
}

.information .wrapper {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 992px;
}

.information .wrapper .title {
  margin-bottom: 2.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-family: Unbounded, serif;
}

.information .wrapper .info {
  margin-bottom: 0px;
}

.information .wrapper .info ul {
  display: flex;
  list-style-type: disc;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 2rem;
}

.information .pillWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.information .pillWrapper .pill {
  margin-bottom: 0px;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #0A0F2914;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.information .pillWrapper .pill:nth-of-type(4n+1) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 246 252 / var(--tw-bg-opacity));
}

.information .pillWrapper .pill:nth-of-type(4n+2) {
  --tw-bg-opacity: 1;
  background-color: rgb(228 255 225 / var(--tw-bg-opacity));
}

.information .pillWrapper .pill:nth-of-type(4n+3) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 229 / var(--tw-bg-opacity));
}

.information .pillWrapper .pill:nth-of-type(4n+4) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 229 255 / var(--tw-bg-opacity));
}

.career .wrapper {
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: #0A0F2914;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 4rem;
  --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);
}

.career .title {
  font-family: Unbounded, serif;
  margin-bottom: 2.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.career .formWrapper .fileInput {
  display: none;
}

.career .formWrapper .fileLabel {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  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);
}

.career .formWrapper .fileLabel .labelContent .img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: #0A0F2914;
  padding: 0.625rem;
  --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);
}

.career .formWrapper .fileLabel .labelContent .label {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 81 104 / var(--tw-text-opacity));
  font-family: Satoshi-m, serif;
}

.career .formWrapper .fileLabel .labelContent .label span {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.career .formWrapper .fileLabel .fileName {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
  font-family: Satoshi-m, serif;
}

.career .formWrapper .fieldWrapper {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.career .formWrapper .fieldWrapper .inputWrapper label {
  margin-bottom: 0.375rem;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
  font-family: Satoshi, serif;
}

.career .formWrapper .fieldWrapper .inputWrapper label span {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
  font-family: Satoshi-m, serif;
}

.career .formWrapper .fieldWrapper .inputWrapper input, .career .formWrapper .fieldWrapper .inputWrapper textarea {
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: #0A0F2914;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 81 104 / var(--tw-text-opacity));
  --tw-shadow: 0px 0px 3.33px 0px #D9D9D999;
  --tw-shadow-colored: 0px 0px 3.33px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-family: Satoshi-m, serif;
}

.career .formWrapper .fieldWrapper .inputWrapper:last-of-type {
  grid-column: 1 / -1;
}

.career .formWrapper .btnWrapper .btn {
  flex: 1 1 0%;
}

@media (max-width: 1400px) {
  .hero .wrapper {
    padding: 3.5rem;
  }

  .hero .wrapper .contentWrapper {
    gap: 1.5rem;
    row-gap: 1rem;
  }

  .hero .wrapper .contentWrapper .content {
    flex: 0 0 calc(33.33% - 16px);
  }

  .career .wrapper {
    padding: 3.5rem;
  }
}

@media (max-width: 1200px) {
  .hero .wrapper {
    border-radius: 1rem;
    padding: 3rem;
  }

  .hero .wrapper .contentWrapper {
    margin-bottom: 2rem;
  }

  .information .wrapper {
    gap: 3rem;
  }

  .information .wrapper .title {
    margin-bottom: 1.25rem;
  }

  .information .wrapper .info ul {
    gap: 0.375rem;
  }

  .information .pillWrapper .pill {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .career .wrapper {
    border-radius: 1rem;
    padding: 3rem;
  }

  .career .title {
    margin-bottom: 2rem;
  }

  .career .formWrapper .fileLabel {
    border-radius: 0.75rem;
    padding: 2rem;
  }

  .career .formWrapper .fieldWrapper {
    margin-top: 1.25rem;
    margin-bottom: 2rem;
    display: grid;
    gap: 1.25rem;
  }
}

@media (max-width: 992px) {
  .hero .wrapper {
    padding: 2.5rem;
  }

  .career .wrapper {
    padding: 2.5rem;
  }

  .career .title {
    margin-bottom: 1.5rem;
  }

  .career .formWrapper .fieldWrapper {
    margin-bottom: 1.5rem;
  }

  .career .formWrapper .fieldWrapper .inputWrapper input, .career .formWrapper .fieldWrapper .inputWrapper textarea {
    border-radius: 0.375rem;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (max-width: 768px) {
  .hero .wrapper {
    padding: 2rem;
  }

  .hero .wrapper .contentWrapper {
    margin-bottom: 1.5rem;
    gap: 1rem;
    row-gap: 0.625rem;
  }

  .hero .wrapper .contentWrapper .content {
    flex: 0 0 calc(50% - 8px);
  }

  .information .wrapper {
    gap: 2.5rem;
  }

  .information .wrapper .title {
    margin-bottom: 1rem;
  }

  .information .wrapper .info ul {
    padding-left: 1.5rem;
  }

  .information .pillWrapper {
    gap: 0.75rem;
  }

  .career .wrapper {
    padding: 2rem;
  }

  .career .formWrapper .fileLabel {
    border-radius: 0.5rem;
  }
}

@media (max-width: 568px) {
  .hero .wrapper {
    padding: 1.5rem;
  }

  .hero .wrapper .contentWrapper {
    row-gap: 0.625rem;
  }

  .hero .wrapper .contentWrapper .content {
    flex: 0 0 100%;
  }

  .information .wrapper {
    gap: 2rem;
  }

  .information .wrapper .title {
    margin-bottom: 0.875rem;
  }

  .information .wrapper .info ul {
    gap: 0.25rem;
    padding-left: 1rem;
  }

  .information .pillWrapper {
    gap: 0.5rem;
  }

  .information .pillWrapper .pill {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 5px 12px;
  }

  .career .wrapper {
    padding: 1.5rem;
  }

  .career .formWrapper .fieldWrapper {
    gap: 1rem;
  }

  .career .formWrapper .fieldWrapper .inputWrapper {
    grid-column: 1 / -1;
  }
}

/*# sourceMappingURL=career_details.css.6f6ec2b573ca.map */