.jobDescriptionMainImage {
  width: 67.708vw;
  image-rendering: -webkit-optimize-contrast;
}

.jobDescriptionMainImageMobile {
  display: none;
}

.jobDescriptionMainSection {
  margin-bottom: 7.813vw;
  height: 68.681vw;
}

/*-------JOB DESCRIPTION HEADER-------*/
.jobDescriptionMainTextHeaderGrid {
  display: flex;
  align-items: flex-end;
  position: absolute;
  margin-top: -62.976vw;
  margin-left: 17.241vw;
}

.jobDescriptionMainTextHeaderText {
  font-weight: 700;
  font-size: 2.188vw;
  line-height: 3.281vw;
  text-transform: capitalize;
  color: #ffffff;
}

.jobDescriptionOfferMainHeadHeaderInnerGrid {
  display: flex;
  align-items: center;
  margin-top: 1.354vw;
}

.jobOfferDescriptionHeadTextImg {
  width: 1.25vw;
  height: 1.25vw;
  filter: brightness(2);
}

.jobOfferDescriptionMainHeadText {
  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.354vw;
  text-transform: uppercase;
  color: #ffffff;
}

.jobOfferMainHeadTextFirstMobile {
  margin-right: 1.51vw;
}

.jobDescriptionMainTextHeaderButton {
  background: #ffffff;
  border-radius: 2.5vw;
  color: #ef0a5f;
  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.25vw;
  border: 0.13vw solid #ef0a5f;
  width: 9.792vw;
  height: 2.5vw;
  margin-left: 5.08vw;
  transition: all 0.2s ease;
}

.jobDescriptionMainTextHeaderButton:hover {
  background: #ef0a5f;
  color: #ffffff;
  border: 0.13vw solid #ffffff;
}

/*-------JOB DESCRIPTION PARAGRAH-------*/

.jobDescriptionMainTextParagraphWrapper {
  position: absolute;
  margin-top: -41.749vw;
  margin-left: 5.789vw;
  display: flex;
}

.jobDescriptionMainTextParagraphLeftGrid {
  width: 25.104vw;
  height: 25.729vw;
}

.jobDescriptionMainTextParagraphHeader {
  font-size: 0.99vw;
  line-height: 1.458vw;
  text-transform: uppercase;
  color: #242424;
  margin-bottom: 2.083vw;
}

.jobDescriptionEmjWrapper {
  display: flex;
}

.jobDescriptionMainTextParagraphEmoji {
  width: 0.99vw;
  height: 0.99vw;
  margin-right: 0.677vw;
  margin-top: 0.156vw;
  image-rendering: -webkit-optimize-contrast;
}

.jobDescriptionMainTextParagraphText {
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #383838;
  margin-bottom: 1.354vw;
  width: 25.104vw;
}

.jobDescriptionMainTextParagraphRightGrid {
  margin-left: 3.594vw;
}

.jobDescriptionMainTextList {
  list-style-type: disc;
  width: 26.563vw;
  margin-left: 0.938vw;
  margin-bottom: 2.083vw;
}

.jobDescriptionMainTextListItem {
  margin-bottom: 0.521vw;
  font-size: 0.833vw;
  line-height: 1.354vw;
  color: #383838;
}

.jobDescriptionBoldText {
  font-weight: 700;
}

.jobRedText {
  color: #ef0a5f;
  font-family: "Open Sans";
  font-weight: 700;
}

/*--------JOB DESCRIPTION BUTTONS------*/

.jobDescriptionsButtonsWrapper {
  position: absolute;
  margin-left: 5.471vw;
  margin-top: -9.306vw;
}

.jobDescriptionButton1,
.jobDescriptionButton2 {
  border-radius: 2.5vw;
  height: 2.5vw;
  text-transform: uppercase;
  font-size: 0.833vw;
  line-height: 1.25vw;
  transition: all 0.2s ease;
  font-weight: 400;
}

.jobDescriptionButton1 {
  width: 13.125vw;
  color: #ef0a5f;
  background: #ffffff;
  border: 0.13vw solid #ef0a5f;
  margin-right: 1.25vw;
}

.jobDescriptionButton2 {
  width: 9.792vw;
  background: #ef0a5f;
  border: 0.13vw solid #ef0a5f;
}

.jobDescriptionButton1:hover,
.jobDescriptionButton2:hover {
  color: #ffffff;
  background: #ff3366;
  border: 0.13vw solid #ff3366;
}

.jobDescriptionButton1:active,
.jobDescriptionButton2:active {
  color: #ffffff;
  background: #cc084f;
  border: 0.13vw solid #cc084f;
}
/*-----------------------*/
.jobDescriptionMainTextDescktopText {
  display: block;
}
.jobDescriptionMainTextMobileText {
  display: none;
}

.mobileBreak {
  display: none;
}

footer {
  padding-top: 5vw;
}

.jobDescriptionHeaderArrowMobileWrapper {
  display: none;
}

/*---------JOB DESCRIPTION MOBILE-----------*/
@media screen and (max-width: 1023px) {
  body {
    background: #ffffff;
  }

  .jobDescriptionMainTextDescktopText {
    display: none;
  }
  .jobDescriptionMainTextMobileText {
    display: block;
  }

  .mobileBreak {
    display: block;
  }

  .jobDescriptionMainImage {
    width: 67.708vw;
    image-rendering: -webkit-optimize-contrast;
    display: none;
  }

  .jobDescriptionMainImageMobile {
    display: block;
    width: 100vw;
    image-rendering: -webkit-optimize-contrast;
  }

  .jobDescriptionHeaderArrowMobileWrapper {
    display: block;
    position: absolute;
    margin-top: 8.611vw;
    margin-left: 4.722vw;
  }

  .jobDesctiptionHeaderArrowMobile {
    width: 4.475vw;
  }

  .jobDescriptionMainSection {
    margin-bottom: 7.813vw;
    height: 549.444vw;
  }

  /*-------JOB DESCRIPTION HEADER-------*/
  .jobDescriptionMainTextHeaderGrid {
    flex-direction: column;
    align-items: center;
    margin-top: -140.278vw;
    margin-left: 0;
    width: 91.111vw;
  }

  .jobDescriptionMainTextHeaderText {
    font-size: 6.667vw;
    line-height: 10vw;
    text-align: center;
    font-weight: 600;
    width: 85.556vw;
    text-transform: none;
    letter-spacing: 0.139vw;
  }

  .jobDescriptionOfferMainHeadHeaderInnerGrid {
    display: flex;
    align-items: center;
    margin-top: 8.333vw;
    margin-left: 7.222vw;
  }

  .jobOfferDescriptionHeadTextImg {
    width: 4.444vw;
    height: 4.444vw;
    margin-right: 2.778vw;
  }

  .jobOfferDescriptionMainHeadText {
    font-size: 2.778vw;
    line-height: 4.444vw;
    font-weight: 300;
    letter-spacing: 0.083vw;
  }

  .jobOfferMainHeadTextFirstMobile {
    margin-right: 8.889vw;
  }

  .jobDescriptionMainTextHeaderButton {
    border-radius: 14.444vw;
    font-size: 3.889vw;
    line-height: 5.833vw;
    border: 0.556vw solid #ef0a5f;
    width: 54.722vw;
    height: 12.5vw;
    margin-left: 0vw;
    margin-top: 24.444vw;
  }

  .jobDescriptionMainTextHeaderButton:hover {
    border: 0.556vw solid #ffffff;
  }

  /*-------JOB DESCRIPTION PARAGRAH-------*/

  .jobDescriptionMainTextParagraphWrapper {
    position: absolute;
    margin-top: -38vw;
    margin-left: 0vw;
    display: flex;
    flex-direction: column;
  }

  .jobDescriptionMainTextParagraphLeftGrid {
    width: 90.906vw;
    height: auto;
  }

  .jobDescriptionMainTextParagraphHeader {
    font-size: 5.278vw;
    line-height: 7.778vw;
    margin-bottom: 6.667vw;
  }

  .jobDescriptionEmjWrapper {
    display: flex;
    margin-top: 7.778vw;
  }

  .jobDescriptionMusts {
    margin-top: 13.889vw;
  }

  .jobDescriptionMainTextParagraphEmoji {
    width: 5.278vw;
    height: 5.278vw;
    margin-right: 2.778vw;
    margin-top: 0.833vw;
    image-rendering: -webkit-optimize-contrast;
  }

  .jobDescriptionMainTextParagraphText {
    font-size: 3.889vw;
    line-height: 6.389vw;
    margin-bottom: 6.389vw;
    width: 90.906vw;
  }

  .jobDescriptionMainTextParagraphRightGrid {
    margin-left: 0vw;
  }

  .jobDescriptionMainTextList {
    list-style-type: disc;
    width: 86.667vw;
    margin-left: 5vw;
    margin-bottom: 6.667vw;
  }

  .jobDescriptionMainTextListItem::marker {
    font-size: 4.444vw;
  }

  .jobDescriptionMainTextListItem {
    margin-bottom: 2.778vw;
    font-size: 3.889vw;
    line-height: 6.389vw;
  }

  .jobDescriptionMainTextMobileText {
    margin-left: 0vw;
  }
  /*--------JOB DESCRIPTION BUTTONS------*/

  .jobDescriptionsButtonsWrapper {
    margin-left: 0vw;
    margin-top: 309.722vw;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 91.111vw;
  }

  .jobDescriptionButton1,
  .jobDescriptionButton2 {
    border-radius: 12.5vw;
    height: 12.5vw;
    text-transform: uppercase;
    font-size: 3.889vw;
    line-height: 5.833vw;
    transition: all 0.2s ease;
    margin-bottom: 4.722vw;
    font-weight: 400;
    letter-spacing: 0.056vw;
  }

  .jobDescriptionButton1 {
    width: 91.111vw;
    color: #ef0a5f;
    background: #ffffff;
    border: 0.556vw solid #ef0a5f;
    margin-right: 0vw;
  }

  .jobDescriptionButton2 {
    width: 91.111vw;
    background: #ef0a5f;
    border: 0.556vw solid #ef0a5f;
  }

  .jobDescriptionButton1:hover,
  .jobDescriptionButton2:hover {
    color: #ffffff;
    background: #ff3366;
    border: 0.13vw solid #ff3366;
  }

  .jobDescriptionButton1:active,
  .jobDescriptionButton2:active {
    color: #ffffff;
    background: #cc084f;
    border: 0.13vw solid #cc084f;
  }

  footer {
    padding-top: 22.222vw;
  }
}
