
 .phw-page-jointalentcommunity {
  .ph-jtc-box {
    width: 70% !important;
    padding: 2.5% !important;
    margin: 0 auto !important;
    box-shadow: 0px 4px 12px rgba(69, 69, 69, 0.2) !important;

    .phenom-form-container {
      .form-wrapper {
        .rjsf {
          .country-state {
            .state-field {
              margin-top: 10px;
            }

            .country-field {
              display: none;
            }
          }

          .navigation {
            button {
              width: 100% !important;
            }
          }

          .form-group {
            .chooseTiptool {
              margin-bottom: -12px;
            }
            .tooltip-style {
              .control-label {
                color: #474747;
              }
            }
            label {
              font-family: var(--cms-g-avenirmedium) !important;
              color: #313131;
              font-weight: 400 !important;
              font-size: 16px !important;
            }

            .tool-tip-btn-wrap {
              background-color: #bdbdbd;
            }

            .voluntary-object {
              padding: 20px;
              background-color: #f2f2f2;

              .voluntary-header {
                label {
                  font-size: 20px !important;
                  font-weight: 600 !important;
                }
              }

              label {
                display: flex;
                align-items: end;

                min-height: 37px;
              }
            }
          }
        }

        .title {
          display: none;
        }

        .resume-section {
          .resume-group {
            border: 2px dashed #bdbdbd;

            .cloud-options {
              display: flex;
              flex-direction: column;
              gap: 10px;

              .resume_info {
                order: 2;
              }

              .drives {
                margin-top: 0px;

                .resume-upload-wrapper {
                  button {
                    color: #313131 !important;
                    background-color: transparent !important;
                    font-weight: bold !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .phw-page-jointalentcommunity {
    .ph-jtc-box {
      width: 100% !important;
      padding: 5% !important;

      .phenom-form-container {
        .form-wrapper {
          .resume-section {
            .resume-group {
              .cloud-options {
                .resume_info {
                  padding-left: 0px !important;
                }
              }
            }
          }
          .rjsf {
            .form-group {
              .voluntary-object {
                label.control-label {
                  min-height: auto !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1024px) {
    .ph-jtc-box .form-wrapper .form-control {
      border-radius: 0px !important;
    }
  }
  @media screen and (max-width: 768px) {
    .ph-jtc-box .form-wrapper .form-control {
      border-radius: 0px !important;
    }
  }
}

.checkbox {
  label {
    display: flex;
    align-items: start !important;
    input {
      width: 20px !important;
      height: 20px !important;
    }
    .emailOptin {
      .emailOptConsent {
        color: #667085;
      }
    }
    .smsOptin {
      .smsOptConsent {
        color: #667085;
      }
    }
    .whatsAppOptin {
      .whatsAppOptConsent {
        color: #667085;
      }
    }
  }
}

.candidatePrivacyNotice {
  p {
    color: #313131;
  }
}

 .phw-page-apply {
  .ph-header {
    .phw-menu-list-item {
      button {
        width: 135px;
      }
    }
  }
  .ph-apply-box {
    width: 70% !important;
    padding: 2.5% !important;
    margin: 0 auto !important;
    box-shadow: 0px 4px 12px rgba(69, 69, 69, 0.2) !important;

    .phenom-form-container {
      .form-wrapper {
        .form-control {
          border: 1px solid #b8b8b8;
          color: #757575;
        }
        .pageTitle {
          padding-bottom: 24px;
          h2 {
            text-align: center;
          }
        }
        .rjsf {
          span.required {
            color: #c31313;
          }
          padding-top: 32px;
          .country-state {
            .state-field {
              margin-top: 10px;
            }

            .country-field {
              display: none;
            }
          }

          .navigation {
            button {
              width: 100% !important;
            }
          }

          .form-group {
            margin-bottom: 16px;
            .chooseTiptool {
              margin-bottom: -12px;
            }
            .tooltip-style {
              .tooltip-content-wrapper {
                .control-label {
                  color: #474747;
                }
              }
            }
            label {
              font-family: var(--cms-g-avenirmedium) !important;
              color: #313131;
              font-weight: 400 !important;
              font-size: 16px !important;
            }

            .tool-tip-btn-wrap {
              background-color: #bdbdbd;
            }

            .voluntary-object {
              padding: 20px;
              background-color: #f2f2f2;

              .voluntary-header {
                label {
                  font-size: 20px !important;
                  font-weight: 600 !important;
                }
              }

              label {
                display: flex;
                align-items: end;

                min-height: 37px;
              }
            }
          }
        }

        .title {
          display: none;
        }

        .resume-section {
          .resume-group {
            border: 2px dashed #bdbdbd;
            padding: 32px !important;

            .cloud-options {
              display: flex;
              flex-direction: column;
              gap: 10px;

              .resume_info {
                order: 2;
              }

              .drives {
                justify-content: center;
                margin-top: 0px;
                .apply-or-line {
                  display: none;
                }
                .cloud-options-group {
                  display: none;
                }

                .resume-upload-wrapper {
                  justify-content: center;
                  button {
                    color: #313131;
                    background-color: transparent;
                    text-decoration: none;
                    width: 200px;
                    &:hover {
                      font-weight: 600;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  .phw-page-apply {
    .form-wrapper {
      .rjsf {
        .form-group {
          .chooseTiptool {
            margin-bottom: -5px !important;
          }
        }
      }
    }
    .ph-header {
      .phw-hamburger-block {
        button {
          color: #313131 !important;
          width: 100% !important;
        }
      }
      .phw-menu-list-item button {
        justify-content: start !important;
        width: 135px !important;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .phw-page-apply {
    .ph-header {
      .phw-hamburger-block {
        button {
          color: #313131 !important;
          width: 100% !important;
        }
      }
      .phw-menu-list-item button {
        justify-content: start !important;
        width: 135px !important;
      }
    }
  }

  .phw-page-apply {
    .ph-apply-box {
      width: 100% !important;
      padding: 5% !important;

      .phenom-form-container {
        .form-wrapper {
          .resume-section {
            .resume-group {
              .cloud-options {
                .resume_info {
                  padding-left: 0px !important;
                }
              }
            }
          }
          .rjsf {
            .form-group {
              .voluntary-object {
                label.control-label {
                  min-height: auto !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1024px) {
    .ph-appy-box .form-wrapper .form-control {
      border-radius: 0px !important;
    }
  }
  @media screen and (max-width: 768px) {
    .ph-apply-box .form-wrapper .form-control {
      border-radius: 0px !important;
    }
  }
}

.checkbox {
  label {
    display: flex;
    align-items: start !important;
    input {
      width: 20px;
      height: 20px;
    }
    .emailOptin {
      .emailOptConsent {
        color: #667085;
      }
    }
    .smsOptin {
      .smsOptConsent {
        color: #667085;
      }
    }
    .whatsAppOptin {
      .whatsAppOptConsent {
        color: #667085;
      }
    }
  }
}

.candidatePrivacyNotice {
  p {
    color: #313131;
  }
}

.col-md-12 {
	.form-group.field {
		#phoneWidget {
			.row.no-gutter {
				.col-md-6 {
					.form-group.field {
						display: block;
					}
				}
			}
		}
	}
}


@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){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1280px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1280px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1280px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1280px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@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){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1024px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 1280px){
.apply {
}
}
@media only screen and (max-width: 1024px){
.apply {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}