.careerForm-wrap {
  position: relative;
  background: #f89628 url("/Content/images/career/bg-careerForm.jpg") no-repeat;
  background-size: 100% auto;
  padding-inline: 3%;
  padding-block: clamp(150px, 10vw, 180px) 100px;
  overflow: hidden; }
  @media only screen and (max-width: 740px) {
    .careerForm-wrap {
      padding-inline: 25px; } }
  @media only screen and (max-width: 1000px) {
    .careerForm-wrap {
      padding-block: 75px; } }
  .careerForm-wrap .careerForm-inner {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 2; }
    .careerForm-wrap .careerForm-inner .topContent {
      position: relative;
      color: #fff;
      text-align: center;
      margin-bottom: 35px; }
      .careerForm-wrap .careerForm-inner .topContent h1,
      .careerForm-wrap .careerForm-inner .topContent h2,
      .careerForm-wrap .careerForm-inner .topContent p {
        color: #fff;
        letter-spacing: 0.03em; }
      .careerForm-wrap .careerForm-inner .topContent h1 {
        font-weight: bold;
        font-size: clamp(35px, 2.6vw, 50px);
        padding: 0;
        margin: 0 0 5px; }
        @media only screen and (max-width: 420px) {
          .careerForm-wrap .careerForm-inner .topContent h1 {
            font-size: 32px; } }
      .careerForm-wrap .careerForm-inner .topContent h2 {
        font-weight: bold;
        font-size: clamp(20px, 1.56vw, 30px);
        padding: 0;
        margin: 0 0 10px;
        letter-spacing: 0.05em;
        line-height: 1.2; }
      .careerForm-wrap .careerForm-inner .topContent p {
        line-height: 1.7;
        margin: 0 0 20px; }

.careers-about {
  position: relative;
  padding-block: 100px;
  padding-inline: 3%; }
  @media only screen and (max-width: 740px) {
    .careers-about {
      padding-inline: 25px; } }
  .careers-about .top-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 35px; }
    @media only screen and (max-width: 1000px) {
      .careers-about .top-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px; } }
    .careers-about .top-content .icon-wrap img {
      display: block;
      max-width: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
      @media only screen and (max-width: 1000px) {
        .careers-about .top-content .icon-wrap img {
          max-width: 75px; } }
    .careers-about .top-content .txt-wrap h2 {
      font-size: clamp(28px, 2.34vw, 45px);
      color: #f89828;
      margin: 0 0 10px;
      padding: 0; }
    .careers-about .top-content .txt-wrap p {
      color: #282828;
      margin: 0;
      line-height: 1.8; }
  .careers-about .whatToDo-split {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 50px; }
    @media only screen and (max-width: 1150px) {
      .careers-about .whatToDo-split {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .careers-about .whatToDo-split > div {
      border-radius: 10px;
      overflow: hidden;
      background: #f3f3f3;
      padding: 35px; }
      @media only screen and (max-width: 740px) {
        .careers-about .whatToDo-split > div {
          padding: 35px 25px; } }
      .careers-about .whatToDo-split > div h2,
      .careers-about .whatToDo-split > div h3 {
        display: block;
        padding: 0;
        margin: 0 0 10px;
        color: #282828;
        font-size: clamp(25px, 2vw, 35px); }
        .careers-about .whatToDo-split > div h2 span,
        .careers-about .whatToDo-split > div h3 span {
          color: #f89828; }
      .careers-about .whatToDo-split > div ul {
        list-style: initial;
        margin: 0;
        padding: 0;
        padding-left: 15px; }
        .careers-about .whatToDo-split > div ul li {
          color: #282828;
          margin: 20px 0;
          line-height: 1.5; }

.careers-images-wrapper {
  position: relative; }
  .careers-images-wrapper picture {
    display: block; }
  .careers-images-wrapper .career-images {
    display: block;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto; }

.career-form {
  position: relative; }
  .career-form .formRow {
    margin-bottom: 20px; }
    .career-form .formRow.col-2 {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; }
      @media only screen and (max-width: 768px) {
        .career-form .formRow.col-2 {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
  .career-form label {
    position: relative;
    display: block;
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px; }
    .career-form label.required {
      position: relative;
      padding-left: 13px; }
      .career-form label.required::before {
        content: "*";
        display: inline-block;
        color: #028a88;
        font-size: 22px;
        position: absolute;
        left: 0;
        top: 0; }
    .career-form label small {
      font-weight: 400;
      font-size: 16px; }
  .career-form input {
    display: block;
    font-family: inherit;
    border: none;
    outline: none;
    padding-block: 0;
    padding-inline: 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    font-size: 18px;
    color: #777;
    opacity: 1;
    font-weight: 400; }
    .career-form input[required] {
      background-image: url(/Content/images/ui_reqAsterisk.png);
      background-repeat: no-repeat;
      background-position: left 7px top 10px;
      background-size: 2.5em; }
  .career-form input#Resume {
    padding: 0;
    color: #000;
    background: #fff;
    padding: 20px 15px;
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    height: auto;
    line-height: initial;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .career-form input#Resume:hover {
      background: #faf9f6; }
  .career-form textarea {
    display: block;
    font-family: inherit;
    border: none;
    outline: none;
    font-size: 18px;
    color: #777;
    width: 100%;
    height: 120px;
    padding: 25px;
    resize: vertical;
    margin: 0 0 20px;
    border-radius: 5px; }
  .career-form .checkbox-wrap {
    margin-top: 25px;
    margin-bottom: 35px; }
    .career-form .checkbox-wrap .checkbox-row {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
      margin-top: 15px; }
      @media only screen and (max-width: 1100px) {
        .career-form .checkbox-wrap .checkbox-row {
          -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 678px) {
        .career-form .checkbox-wrap .checkbox-row {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
      .career-form .checkbox-wrap .checkbox-row .check-radio-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        margin-bottom: 0;
        font-size: clamp(16px, 1vw, 18px);
        font-weight: 600;
        letter-spacing: 0.03em;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .career-form .checkbox-wrap .checkbox-row .check-radio-input .check-radio {
          width: 20px;
          height: 20px;
          border-radius: 5px;
          background: #fff;
          display: none; }
        .career-form .checkbox-wrap .checkbox-row .check-radio-input input[type="checkbox"] {
          width: 20px;
          height: 20px;
          border-radius: 5px;
          accent-color: #1892a8; }
  .career-form .error-div::after {
    display: none; }
  .career-form .error-div .error {
    display: block;
    color: #282828; }
  .career-form .captchaWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px; }
  .career-form .button-wrap button {
    display: block;
    border: none;
    outline: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.05em;
    height: 60px;
    line-height: 60px;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    background: #03b2b0;
    padding: 0;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .career-form .button-wrap button:hover {
      background: #028a88; }