.workwithus-section {
  margin: 8rem 0 0 0;
  font-size: 1.4rem;
  font-weight: 300;
  justify-content: center; }
  .workwithus-section h2 {
    margin-bottom: 1rem; }

@container (inline-size <=1024px) {
  .workwithus-section {
    padding-bottom: 4rem;
    margin: 6rem 0 0 0; } }
.jobs-section {
  background-color: #f0f0f0;
  margin: 8rem 0 0 0; }
@container (inline-size <=1024px) {
  .jobs-section .wrapper {
    margin: 1cqi; } }
  .jobs-section h1 {
    padding-bottom: 2rem; }
  .jobs-section h2 {
    margin-bottom: 1rem; }
  .jobs-section .workwithus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin: 5rem 0;
    gap: 3rem; }
@container (inline-size <=1024px) {
  .jobs-section .workwithus-grid {
    gap: 2rem;
    margin: 5rem 2cqi;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }
    .jobs-section .workwithus-grid .job-item {
      background: white;
      box-shadow: 5px 0px 13px rgba(0, 0, 0, 0.05);
      padding: 2rem;
      border-radius: 3px;
      display: grid;
      grid-template-rows: auto auto 1fr 40px auto auto; }
      .jobs-section .workwithus-grid .job-item a {
        border-bottom: 2px solid #05FE93;
        font-weight: 700; }
      .jobs-section .workwithus-grid .job-item .position {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        transform: translate(-3rem, -1rem);
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.9);
        color: white;
        border-radius: 3px 3px 0px 0px;
        border-bottom: 4px solid #05FE93;
        z-index: 0;
        width: 100%;
        line-height: 3rem;
        max-width: 100%;
        display: grid; }
@container (inline-size <=1024px) {
  .jobs-section .workwithus-grid .job-item .position {
    padding: 0px 20px; } }
        .jobs-section .workwithus-grid .job-item .position div:nth-child(1) {
          padding-top: 20px;
          font-size: 3rem;
          font-weight: 900;
          line-height: 2.8rem; }
        .jobs-section .workwithus-grid .job-item .position div:nth-child(2) {
          font-size: 1.3rem; }
      .jobs-section .workwithus-grid .job-item .location {
        font-size: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 10px; }
      .jobs-section .workwithus-grid .job-item .description {
        font-size: 0.9rem;
        line-height: 1rem; }
        .jobs-section .workwithus-grid .job-item .description p {
          font-size: 0.9rem;
          line-height: 1rem; }
      .jobs-section .workwithus-grid .job-item .available {
        justify-self: right;
        margin-top: 30px;
        font-weight: 800;
        font-size: 1.3rem; }
        .jobs-section .workwithus-grid .job-item .available span {
          background: #00dd7d;
          padding: 10px;
          color: white;
          font-weight: 900;
          font-size: 1.2rem;
          width: 46px;
          display: inline-block;
          text-align: center;
          border-radius: 2px; }

@container (inline-size <=1024px) {
  .jobs-section {
    margin: 0rem 0 0 0; } }
.banner {
  background-image: url(/app/assets/imgs/banners/workwithus.webp); }

/*# sourceMappingURL=workwithus.css.map */