.ph-event-box #consent {
    background: transparent;
    margin: 0px !important;
    padding: 0px !important;
}
.ph-event-box input#consentCheckBox {
    height: 15px !important;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: -2px;
    border: 1px solid #000000;
}

.ph-event-box button#submitForm {
    color: #ffffff !important;
    background: var(--brand-color-primary);
    padding: 24px !important;
}

.ph-event-box .phw-g-text-field-style-1 {
    border: 1px solid #000000 !important;
}

.ph-event-box .control-label{
    color : #000000 !important;
}
  .ph-apply-box {
      .job-summary {
          span {
              font-size: 16px;
              font-weight: 500;
          }
      }

      .navigation-summary {
          margin-top: 40px;
          margin-bottom: 16px;
      }

      .resume-section {
          #extra-content {
              font-weight: 500;
              font-size: 16px;
          }

          .resume-group {
              margin-block: 8px;
              border: 2px solid #1D0743;
              border-radius: 25px;
              padding: 32px;

              .resume_info {
                  font-weight: 500;
              }

              .resume-reqMsg {
                  color: #FF0000;
              }

              .drives {
                  .apply-or-line {
                      padding-inline: 16px !important;
                  }
              }
          }
      }
      strong.‚resume-reqMsg‘ {
      color: #FF0000;
  }

      .rjsf {
          margin-top: 40px;

          .row.form-fields {
              display: flex;
              flex-direction: column;
          }

          .error-msg {
              margin-bottom: 40px;
              color: #FF0000;
              padding: 26px 16px;
              width: 100%;
              border-radius: 6px;
              background: #f7f9fb !important;
              box-shadow: var(--box-shadow-style-2);

              .errorHeader {
                  background-color: transparent !important;
                  margin-bottom: 10px;

                  h3.panel-title {
                      font-weight: 500;
                      color: #FF0000;
                  }
              }

              ul.errorList {
                  li {
                      margin-block: 6px;

                      a {
                          color: inherit !important;
                      }
                  }
              }
          }

          .form-fields {

              span.required,
              span.checkmark {
                  color: #FF0000;
              }

              .step-title label {
                  font-weight: 500;
              }

              .col-md-12 .markdown p {
                  font-weight: 500;
              }

              .checkbox {
                  label {
                      display: flex;
                      align-items: unset !important;

                      .checkbox-control {
                          margin-top: 5px;
                      }

                      span a {
                          margin-right: 3px;
                      }

                      span p {
                          font-size: 14px !important;
                      }
                  }
              }
          }

          fieldset#jsqData {
              p.field-description {
                  font-weight: 500;
                  margin-top: 10px;
              }

              .radio label span:first-child {
                  display: flex;
                  align-items: center;
                  gap: 3px;
              }

              .field-string textarea.form-control {
                  height: 45px;
              }
          }

          .rbt {
              .rbt-input-multi.rbt-input {
                  min-height: unset;
                  border-color: gray;
                  overflow-y: scroll;

                  input.rbt-input-main {
                      padding: var(--pu-space) calc(var(--pu-space) * .75) !important;
                      min-height: 45px;

                      &::placeholder {
                          font-size: 14px;
                          color: #393939;
                          font-family: var(--cms-g-avenir-next);
                          font-weight: 400;
                      }
                  }

                  .rbt-token-removeable {
                      color: #1D0743;
                  }
              }

              .rbt-menu.dropdown-menu.show {
                  background: #f7f9fb !important;
                  box-shadow: var(--box-shadow-style-3);
                  padding-block: 10px;
              }

              .rbt-token-remove-button {
                  height: max-content;
                  top: 50%;
                  transform: translateY(-50%);
                  color: unset !important;
                  background: transparent;
                  border: none;
                  font-size: 20px;
              }
          }

          .summary {
              padding: 24px;
              background: #f7f9fb !important;
              box-shadow: var(--box-shadow-style-2);
              margin-block: 36px;
              min-height: 250px;
              display: flex;
              flex-direction: column;
              justify-content: center;

              .summary-section {
                  margin-block: .5rem;

                  .summary-title h3 {
                      font-weight: 500;
                      display: flex;
                      justify-content: space-between;
                      font-size: 20px !important;
                  }

                  .summary-text {
                      margin-top: 10px;
                  }
              }

              .object-field-header {
                  display: none;
              }

              .summary-item.applicantSource {
                  display: none;
              }
          }
      }

      .navigation .btn-navigate {
          padding: 8px 24px;
          border-radius: 8px;
          height: 44px !important;
          border-color: #1D0743 !important;
          margin-bottom: 20px !important;

          &:hover {
              border: 2px solid #1D0743;
              color: #1D0743;
          }

          &:focus {
              color: #1D0743;
          }
      }

      .btn-submit {
          padding: 8px 24px;
          border-radius: 8px;
          height: 44px !important;

          &:hover {
              border: none;
          }
      }
  }

  button.btn.primary-button.btn-submit:hover
  {
  padding: 8px 25px;
  }

  .error-msg, p#jsqData__description,.summary-section.summary-files .summary-title,.summary-item.agreeToPrivacyStatement11 {
      display: none;
  }
  .phw-page-apply button.btn.primary-button.btn-submit {
      font-size: 12px;
      width: auto;
  }


  @media screen and (max-width: 767px) {
      .ph-apply-box {
          .job-summary {
              .job-title {
                  font-size: 24px;
              }
          }

          .apply-or-line {
              margin-top: 0 !important;
          }

          .btn-next,
          .btn-submit {
              width: unset !important;
          }
      }

      .slick-list {
          margin-block: 20px !important;
      }

      .ph-apply-box .slick-arrow {
          font-size: 0;
          position: relative;
          background-color: #1D0743;
          width: 40px;
          height: 38px;
      }

      .ph-apply-box .slick-arrow::before {
          content: "\e147" !important;
          font-family: "phenom-font" !important;
          font-style: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          vertical-align: middle;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #ffffff;
          font-size: 16px;
          font-weight: bold !important;
      }

      .ph-apply-box .slick-arrow.slick-next::before {
          content: "\e144" !important;
      }
      .ph-apply-box .resume-group .resume_info{
        padding-left: 0px !important;
        margin-bottom: 0px !important;
      }

      .ph-apply-box .row.no-gutter.form-fields .form-group.field.field-string{
        width: 100% !important;
      }
      .ph-apply-box .form-group.field.field-array.is-valid.custom-object.we .form-group.field.field-string, 
      .ph-apply-box .form-group.field.field-array.is-valid.custom-object.we .form-group.field.field-string{
        width: 90% !important;
      }

      .ph-apply-box .attachment{
        width: 100% !important;
      }
      
  }

  @media screen and (min-width: 1025px) {
      .ph-page {
          .phw-container {
              width: 70%;
          }
      }

  }

  @media screen and (min-width: 320px) and (max-width:1030px) {
      .phw-page-apply button.btn.primary-button.btn-submit {
      font-size: 16px;
      min-height: auto;
  }
  .phw-container>.ph-apply-box .row .col-md-6 {
      width: 100%;
  }
  }

  .phw-page-apply button.btn.primary-button.btn-submit {
      font-size: 12px;
  }
  .resume-group .upload-resume-btn:hover {
      border-radius: 30px;
  }

  .ph-apply-box .rjsf .row.form-fields .form-group label #agreeToPrivacyStatement1New span p {
      font-size: 16px !important;
      color: #0e2c5b !important;
      font-weight: 400 !important;
  }

  .ph-apply-box .rjsf .form-fields .checkbox label span p{

      font-size: 14px !important;
      font-weight: 400 !important;
  }

  .ph-apply-box .resume-group .drives{
    width: 100%;
      display: flex;
      gap: 20px;
      align-items: end;
      justify-content: center !important;
  }

  .ph-apply-box .navigation{
    display: inline !important;
  }

  .ph-apply-box button.upload-resume-btn.btn.primary-button, .ph-apply-box button#next, .ph-apply-box button#previous, .ph-apply-box button.btn.primary-button.btn-submit, .ph-apply-box .attachment .file-label{
    background-color: var(--brand-color-primary);
    border-width: 0px;
    border-color: transparent;
    border-style: solid;
    border-radius: calc(var(--border-radius-base) * 3.75);
    color: #ffffff !important;
    font-weight: 400 !important;
    min-height: auto;
    height: 44px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: var(--cms-g-nouvelle-grotesk) !important ;
  }

  #breadcrumb-summary .slick-list .slick-track li.progress-current .number, #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
      background: var(--brand-color-primary) !important;
      color: var(--brand-color-primary) !important;
      box-shadow: 0 0 0 4px var(--brand-color-primary), 0 0 0 5px var(--brand-color-primary) !important;
      border: 4px solid var(--brand-color-primary) !important;
  }

  .ph-apply-box label {
    color : #000000 !important;
    font-weight: 400 !important;
  }

  .ph-apply-box .markdown-as-title p, .ph-apply-box .custom-object .field-description{
    color : var(--brand-color-primary) !important;
  }

  .ph-apply-box input[type='checkbox']{
    border: 1px solid #000000 !important;
  }

  .ph-apply-box .form-group.field.field-array.is-valid.custom-object.we .form-group.field.field-string,.ph-apply-box .form-group.field.field-array.is-valid.custom-object.we .form-group.field.field-string{
    width: 90% !important;
    padding: 0px !important;
  }

  .ph-apply-box .form-group.field.field-array.is-valid.custom-object.we .react-datepicker-wrapper {
      width: 100% !important;
  }

  .ph-apply-box .error-detail{
    padding-left: 0px !important;
  }

  .ph-apply-box .attachment{
    width: 50%;
    margin-bottom: 10px !important;
  }

  .ph-apply-box .form-group.field.field-string.foo .markdown p{
    font-weight: 400 !important;
  }

  .ph-apply-box{
    font-family: var(--cms-g-nouvelle-grotesk) !important;
  }

  .ph-apply-box .resume-mandatory{
    color:  #FF0000
  }

  .ph-apply-box .form-group.field.field-string.fromTo .react-datepicker-wrapper{
      width: 100% !important;
  }

 .ph-apply-box .form-group.field.field-array.field-error.has-error.has-danger.custom-object.we .form-group.field.field-string {
      width: 90% !important;
      padding: 0px !important;
  }

  .ph-apply-box fieldset#experienceData, .ph-apply-box fieldset#educationData{
    width: 100% !important;
  }

  .ph-apply-box .row.no-gutter.form-fields .form-group.field.field-string {
    width: 50%;
}

.ph-apply-box .resume-section .docx {
    margin-top: 0px !important;
}

.ph-apply-box .form-group.field.field-array.custom-object.we .form-group.field.field-string{
  width: 90% !important;
  padding: 0px !important;
}

.ph-apply-box .summary table {
    width: 100% !important;
}

.ph-apply-box .summary .table-as-list thead {
    display: none;
}

.ph-apply-box .summary .table-as-list tr {
    display: flex;
    flex-direction: column;
}
      .ph-apply-box .form-group.field.field-object.otstyles1 .daterangepicker-checkbox {
        display: inline-flex !important;
      }
      .ph-apply-box .form-group.field.field-object.async-field-object fieldset#jsqData fieldset#jsqData\.jsqData .form-group.field.field-string {
        width: 100% !important;
        padding-left: 0px !important;
        padding-bottom: 10px !important;
      }
      .ph-apply-box .form-group.field.field-object.otstyles1 .daterangepicker-checkbox span.checkboxText {
        margin-left: 5px !important;
        margin-top: -2px !important;
      }

@media screen and (max-width: 1024px){
  .ph-apply-box .slick-arrow::before {
          content: "\e147" !important;
          font-family: "phenom-font" !important;
          font-style: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          vertical-align: middle;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #ffffff;
          font-size: 16px;
          font-weight: bold !important;
      }

      .ph-apply-box .slick-arrow.slick-next::before {
          content: "\e144" !important;
      }
      .ph-apply-box .slick-slider.slick-initialized button{
        font-size: 0px;
        height: fit-content;
        background: #000000;
      }
      .ph-apply-box #breadcrumb-summary .slick-slider .slick-list{
        width: 95% !important;
      }
      .ph-apply-box .form-group.field.field-object.otstyles1 .daterangepicker-checkbox span.checkboxText {
        margin-left: 5px;
        top: 1px;
        margin-top: -2px;
      }

}

body.phw-page-apply, .phw-page-apply label {
    font-family: var(--cms-g-nouvelle-grotesk) !important;
}

.ph-apply-box .field-radio-group-sub.radio{
    display: inline-flex !important;
    gap: 5px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: left;
    margin-right: 20px;
    width: max-content;
}

.ph-apply-box .range-div .range-select{
    min-height: 40px !important;
    max-height: 40px !important;
}
@media only screen and (max-width: 1280px){
.apply {
}
}
@media only screen and (max-width: 1024px){
.apply {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 1280px){
.apply {
}
}
@media only screen and (max-width: 1024px){
.apply {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 1280px){
.apply {
}
}
@media only screen and (max-width: 1024px){
.apply {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 1280px){
.event {
}
}
@media only screen and (max-width: 1024px){
.event {
}
}
@media only screen and (max-width: 767px){
.event {
}
}
@media only screen and (max-width: 1280px){
.apply {
}
}
@media only screen and (max-width: 1024px){
.apply {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}