
 .phw-page-jointalentcommunity{

    .ph-jtc-box{
        input{
            border-radius: 6px !important;
        }
        button{
            border-radius: 6px ip !important;
        }
        .phenom-form-container{
            .form-wrapper {
                .resume-section{
                    .resume-group{
                        border:none;
                        font-family: ;
                    }
                }
                .rjsf{
                    .row{
                        label{
                            font-family: var(--cms-g-montserrat) !important;
                        }
                        .field-array{
                            .rbt{
                                .rbt-input-wrapper{
                                input{
                                    border-radius: 6px;
                                }
                            }
                            }
                        }
                    }
                }
            }
        }
    }
}
 

















.phw-dropdown {
  width: auto !important;
}

.job-title {
  text-align: center;
  padding-bottom: 30px;
}

.resume-group .cloud-options {
  border: 1px solid #b5b5b5 !important;
  padding: 30px 0px;
  border-radius: 12px;
}

.resume-group .drives {
  justify-content: center;
  align-items: end;
}

.resume-group {
  padding: 20px 0px !important;
}

.form-control {
  border: 1px solid #b5b5b5 !important;
  border-radius: 6px;
}

#phoneWidget .form-fields .col-md-6 .form-group {
  display: flex;
  flex-direction: column;
}

#birthDate .react-datepicker-wrapper {
  width: 100%;
}

#fromTo {
  display: flex;
  gap: 10px;
}

#fromTo {
  display: flex;
  gap: 10px;
}

.field-string {
  display: flex !important;
  flex-direction: column !important;
}

.daterangepicker-checkbox {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  align-items: center;
}

.educationhide {
  margin-top: 13px;
}

.remove-action {
  position: absolute;
  top: auto;
  right: 6%;
}

.array-button-remove {
  border: 1px solid #0089D0;
  height: 24px;
  width: 24px;
}

.react-datepicker-wrapper {
  display: block !important;
}

.react-datepicker__header {
  padding-top: 0px !important;
}

.range-div button {
  height: auto !important;
  width: auto !important;
}

.btn-next,
.btn-prev {
  border-radius: 12px;
  background: #0089D0 !important;
  color: white !important;
}

.more-actions button {
  width: auto !important;
  padding: inline-block;
  background: #0089D0 !important;
}

.btn-submit {
  width: auto !important;
}

button.btn-navigate:hover {
  color: #fff !important;
}

#breadcrumb-summary ul li::after {
  border-right: 529px solid #828282 !important;
}

input[type="checkbox"] {
  border: #b5b5b5 solid 1px !important;
}

input.form-control,
select.form-control {
  min-height: 40px !important;
}

textarea.form-control {
  min-height: 60px !important;
}
.rbt-menu{
  background: #fff;
}
@media screen and (max-width: 768px) {
  .resume-group .drives li.linkedin-option #applyAwliWidget iframe {
    width: 100% !important;
  }

  .navigation-summary {

    .slick-prev,
    .slick-next {
      background: transparent !important;
      border: 0;
      font-size: 0px !important;
      margin-top: 12px !important;
      outline: 0;
      display: inline-block !important;
      width: 1% !important;
      margin-top: 0 !important;
    }
  }

  .navigation-summary {
    & .slick-prev {
      &:before {
        content: "<" !important;
        font-size: 38px !important;
        color: #0571e9 !important;
        position: absolute;
        top: -15px;
        left: -10px;
        font-weight: 500;
        display: flex;
      }
    }
  }

  .navigation-summary {
    & .slick-next {
      &:before {
        content: ">";
        font-size: 38px;
        font-weight: 500;
        color: #0571e9 !important;
        position: absolute;
        width: 1% !important;
        right: 9px;
        top: -15px;
      }
    }
  }

  .resume-section .resume-group .cloud-options {
    .resume_info {
      padding-left: 0px !important;
    }
  }

  .resume-section .resume-group .cloud-options .drives .cloud-options-group ul {
    justify-content: center;
    display: flex;
    padding-left: 0px;
  }

  .btn-sm {
    min-height: 45px !important;
  }

  .main {
    display: flex !important;
    justify-content: center !important;
  }

  .resume-group .drives .apply-or-line,
  .resume-group .drives .resume-upload-wrapper {
    justify-content: center;
  }
  .upload-resume-btn{
    width: 180px;
  }
.form-group.field.field-string.form-fields.classfn1{
  height: 80px !important;
}
label{
  font-size: 14px !important;
  font-family: var(--cms-g-montserrat);
}
.checkbox label{
  display: flex !important;
}
btn-next{
  width: 95px !important;
}
.field-description{
  font-size: 18px !important;
  font-family: var(--cms-g-montserrat);
}
.btn-submit{
  width: 95px !important;
    height: 50px !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (max-width: 640px) {
   .ph-apply-box button[type=submit] {
        float: unset;
        width: 25% !important;
    }
}

@media only screen and (max-width: 640px) {
    .drives ul li.linkedin-option {
        display: flex;
        justify-content: flex-end !important;
        margin-left: 20%;
    }
}

.cloud-options-group li.linkedin-option{
    margin-top: 0px !important;
}

@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 {
}
}