/*-----------JOB HEADER SECTION----------*/
.jobHeaderSection {
  width: 44.792vw;
  margin: 0 auto;
}

.jobHeaderTextHeader {
  font-size: 4.688vw;
  line-height: 7.031vw;
  text-align: center;
  color: #4b2d7c;
  margin-left: -5vw;
  margin-left: 0vw;
}

.jobsHeaderTextPar {
  font-weight: 600;
  font-size: 1.302vw;
  line-height: 2.135vw;
  text-align: center;
  width: 44.271vw;
  margin-top: 1.042vw;
}

/*-----WHY WORK SECTION------*/
.jobWhyWorkSection {
  margin-top: 6.771vw;
  text-align: center;
}

.jobWhyWorkHeader {
  font-weight: 700;
  font-size: 2.188vw;
  line-height: 3.281vw;
  text-transform: capitalize;
  color: #242424;
}

.jobWhyWorkGrid {
  display: flex;
  margin-top: 3.438vw;
}

.jobWhyWorkItem {
  width: 21.875vw;
  height: 16.25vw;
  background: #ffffff;
  border-radius: 1.042vw;
  margin-right: 1.042vw;
}

.jobWhyWorkImg {
  margin-top: 2.865vw;
  width: 2.604vw;
}

.jobWhyWorkItemHeader {
  margin-top: 0.99vw;
  font-weight: 700;
  font-size: 0.99vw;
  line-height: 1.458vw;
  text-transform: uppercase;
  color: #242424;
}

.jobWhyWorkItemPar {
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.354vw;
  text-align: center;
  color: #383838;
  width: 16.146vw;
  margin: 0 auto;
  margin-top: 1.042vw;
}
/*-----------JOB OFFER-----------*/

.jobOfferSection {
  margin-top: 6.771vw;
  text-align: center;
}

.jobOfferHeader {
  font-weight: 700;
  font-size: 2.188vw;
  line-height: 3.281vw;
  text-align: center;
  text-transform: capitalize;
  color: #242424;
}

.jobOfferHeaderRed {
  color: #ef0a5f;
}

.jobOfferHeaderImg {
  width: 2.188vw;
  image-rendering: -webkit-optimize-contrast;
  margin-top: -0.26vw;
}

/*----------JOB OFFER MAIN--------*/
.jobOfferMainWrapper {
  margin-top: 3.125vw;
  height: 22.604vw;
  margin-bottom: 7.813vw;
}

.jobOfferMainImg {
  width: 67.708vw;
  position: relative;
  image-rendering: -webkit-optimize-contrast;
  z-index: 0;
}

.jobOfferMainImgMobile {
  display: none;
}

.jobOfferMainGrid {
  position: absolute;
  z-index: 1;
  text-align: left;
  margin-left: 19.479vw;
  margin-top: -19.01vw;
}

.jobOfferMainHeadHeader {
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.813vw;
  color: #242424;
}

.jobOfferMainHeadHeaderInnerGrid {
  display: flex;
  margin-top: 1.042vw;
  align-items: center;
}

.jobOfferHeadTextImg {
  width: 1.25vw;
  height: 1.25vw;
  image-rendering: -webkit-optimize-contrast;
  margin-right: 0.521vw;
}

.jobOfferMainHeadText {
  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.354vw;
  text-transform: uppercase;
  color: #242424;
  margin-right: 2.448vw;
}

.jobOfferMainContentGrid {
  display: flex;
  margin-top: 1.563vw;
  gap: 0vw;
}

.jobOfferMainContentText {
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #383838;
  width: 33.333vw;
  font-weight: 400;
  margin-right: 2.76vw;
}

.boldSpanText {
  font-weight: 700;
}

.jobOfferMainContentButton {
  border: 0.15vw solid #ef0a5f;
  border-radius: 2.708vw;
  background-color: #ffffff;
  width: 7.552vw;
  height: 2.5vw;
  padding: 0.625vw auto;

  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #ef0a5f;
  transition: all 0.3s ease;
}

.jobOfferMainContentButton:hover {
  border: 0.15vw solid #ff3366;
  background-color: #ff3366;
  color: #ffffff;
}

.jobOfferMainContentButton:active {
  border: 0.15vw solid #cc084f;
  background-color: #cc084f;
  color: #ffffff;
}

footer {
  padding-top: 5vw;
}

/*-------------MOBILE JOB STYLES-------------*/
@media screen and (max-width: 1023px) {
  /*-----------JOB HEADER SECTION----------*/
  .jobHeaderSection {
    width: auto;
    margin: 0 auto;

    margin-left: -0vw;
  }

  .jobHeaderTextHeader {
    font-size: 13.333vw;
    line-height: 20vw;
    margin-left: -5vw;
  }

  .jobsHeaderTextPar {
    font-size: 4.444vw;
    line-height: 7.222vw;
    width: 91.111vw;
    margin-top: 4.167vw;
    margin-left: 0vw;
  }

  /*-----WHY WORK MOBILE SECTION------*/
  .jobWhyWorkSection {
    margin-top: 27.778vw;

    margin-left: -3vw;
  }

  .jobWhyWorkHeader {
    font-size: 8.889vw;
    line-height: 13.333vw;
  }

  .jobWhyWorkGrid {
    display: flex;
    flex-direction: column;
    margin-top: 11.111vw;
    margin-left: 2.5vw;
    gap: 0vw;
  }

  .jobWhyWorkItem {
    width: 91.111vw;
    height: 72.5vw;
    border-radius: 5.556vw;
    margin-bottom: 4.444vw;
  }

  .jobWhyWorkImg {
    margin-top: 10vw;
    width: 12.778vw;
  }

  .jobWhyWorkItemHeader {
    margin-top: 5.278vw;
    font-size: 5.278vw;
    line-height: 7.778vw;
  }

  .jobWhyWorkItemPar {
    font-size: 3.889vw;
    line-height: 6.389vw;
    width: 82.222vw;
    margin: 0 auto;
    margin-top: 5.556vw;
  }

  /*-----------JOB OFFER MOBILE-----------*/

  .jobOfferSection {
    margin-top: 27.778vw;
  }

  .jobOfferHeader {
    font-size: 8.889vw;
    line-height: 13.333vw;
    margin-left: -5vw;
  }

  .jobOfferHeaderImg {
    width: 8.889vw;
    margin-top: -1.667vw;
  }

  /*----------JOB OFFER MOBILE MAIN--------*/
  .jobOfferMainWrapper {
    margin-top: 11.111vw;
    height: 182.5vw;
    margin-bottom: 27.778vw;
    margin-left: -0.5vw;
  }

  .jobOfferMainImg {
    display: none;
  }

  .jobOfferMainImgMobile {
    display: block;
    image-rendering: -webkit-optimize-contrast;
    width: 91.111vw;
    position: relative;
    z-index: 0;
  }

  .jobOfferMainGrid {
    position: absolute;
    z-index: 1;
    text-align: left;
    margin-left: 4.444vw;
    margin-top: -144.167vw;
  }

  .jobOfferMainHeadHeader {
    font-weight: 600;
    font-size: 6.667vw;
    line-height: 10vw;
    color: #ffffff;
    width: 82.222vw;
    text-align: center;
  }

  .jobOfferMainHeadHeaderInnerGrid {
    display: flex;
    margin-top: 8.333vw;
    align-items: center;
    justify-content: center;
  }

  .jobOfferHeadTextImg {
    width: 4.444vw;
    height: 4.444vw;
    filter: brightness(2);
    image-rendering: -webkit-optimize-contrast;
    margin-right: 2.778vw;
  }

  .jobOfferMainHeadText {
    font-weight: 500;
    font-size: 2.778vw;
    line-height: 4.444vw;
    color: #ffffff;
    margin-right: 0vw;
  }

  .jobOfferMainHeadTextFirstMobile {
    margin-right: 8.889vw;
  }

  .jobOfferMainContentGrid {
    flex-direction: column;
    margin-top: 38.889vw;
    gap: 0vw;
  }

  .jobOfferMainContentText {
    font-size: 3.889vw;
    line-height: 6.389vw;
    color: #383838;
    width: 82.222vw;
    font-weight: 400;
  }

  .boldSpanText {
    font-weight: 600;
  }

  .jobOfferMainContentButtonLink {
    margin: 0 auto;
  }

  .jobOfferMainContentButton {
    margin-top: 10.972vw;
    border: 0.6vw solid #ef0a5f;
    border-radius: 14.444vw;
    width: 51.667vw;
    height: 12.5vw;
    padding: 2.778vw 13vw;

    font-size: 3.889vw;
    line-height: 5.833vw;
  }

  footer {
    padding-top: 22.222vw;
  }
}