
 .phenom-form-container .form-wrapper .form-control,
.phw-container>.ph-jtc-box .form-wrapper form .rbt-input-multi.form-control {
	border-radius: 10px;
}

.phenom-form-container .form-wrapper form .form-group .no-gutter {
	padding: 2rem !important;
	border-radius: 12px !important;
}

.rjsf {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
	margin-top: 50px !important;
	border-radius: 12px !important;
}

.resume-group {
	border: none !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
	border-radius: 12px !important;
}

.upload-resume-btn {
	border-radius: 50px !important;
}

.btn-submit {
	height: 51px !important;
	margin-inline: 30px !important;
}

.ph-jtc-box .navigation .btn.btn-submit {
	border-radius: 25px 25px 25px 25px !important;
}

.btn-submit:hover {
	height: 51px !important;
}

.control-label {
	color: #5a6872 !important;
	font-size: 14px !important;
}

.help-block {
	color: #5a6872 !important;
}

.resume-info {
	width: fit-content;
	padding: 0px 20px;
	margin-top: 30px;
	background-color: #ebe9e9;
	border-radius: 50px;
}

.resume-info .after-upload {
	margin-top: 0px !important;
}

.resume-info .after-upload a {
	font-size: 14px !important;
}

.react-datepicker__current-month,
.react-datepicker__day-name {
	color: white !important;
}

.react-datepicker__month-select,
.react-datepicker__year-select {
	padding-block: 3px !important;
	border-radius: 3px !important;
}

.checkbox-control {
	width: 15px !important;
	height: 15px !important;
}

#disclaimer__description {
	line-height: 24px !important;
	color: #5a6872 !important;
}


.form-group .rbt .rbt-menu .dropdown-item {
	font-size: 14px !important;
}

.resume-heading,
.checkmark {
	color: #c31313 !important;
}

.disclaimerText {
	font-size: 14px !important;
	line-height: 24px !important;
	color: rgb(90, 104, 114) !important;
}

.ph-jtc-box .apply-or-line {
	padding-block: 0px !important;
}

.ph-jtc-box .resume-upload-wrapper {
	padding-block: 0px !important;
}

.consent .control-label {
	font-size: 18px !important;
}

.disclaimerText {
	font-weight: 400 !important;
}

.disclaimer__description {
	margin-top: 0px !important;
}

/* Mobile Screen */

@media only screen and (max-width: 767px) {
	.form-group .checkbox label {
		display: flex !important;
		align-items: start !important;
	}

	.navigation {
		display: flex !important;
		padding-inline: 20px !important;
	}

	.btn-submit {
		margin-inline: 0px !important;
	}
}
 .ph-header .phw-g-i-jPzijI,
.ph-header .phw-g-menu-list-link {
  width: auto !important;
}

.phw-s-subNavItem {
  padding-block: 8px !important;
}

.termsandconditions {
  font-size: 16px !important;
}

.termsandconditions:focus {
  outline: none !important;
}

.drives {
  display: flex !important;
  justify-content: center !important;
}

.cloudoptions-list li {
  display: flex !important;
  align-items: center !important;
}

.resume-header p:first-of-type {
  font-weight: bold !important;
  font-size: 17px !important;
}

.mandatoryText {
  text-decoration: underline !important;
}

legend {
  display: none !important;
}

.educationhide .col-md-12 .form-group fieldset .form-fields {
  padding-top: 0px !important;
}

.apply-or-line {
  padding-top: 30px !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.resume-upload-wrapper {
  padding-top: 30px !important;
}

.linkedin-option {
  display: flex !important;
  align-items: end !important;
}

.upload-resume-btn {
  width: auto !important;
  text-decoration: none !important;
  min-height: 45px !important;
}

.resume-section .options-block {
  margin-top: 30px !important;
}

.otp-send-btn,
.btn-prev,
.btn-next {
  background: #9B1E26 !important;
  border: 1px solid #9B1E26 !important;
  border-radius: 4px !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.btn-next {
  margin-right: 30px !important;
  margin-bottom: 30px !important;
}

.btn-prev {
  margin-left: 30px !important;
}

.dropdown-menu {
  background: white !important;
  border: 1px solid grey !important;
  border-radius: 4px !important;
  max-height: 200px !important;
  z-index: 1 !important;
}

.array-button-add {
  width: auto !important;
  background: #9B1E26 !important;
  border: 1px solid #9B1E26 !important;
  border-radius: 4px !important;
  color: white !important;
}

.array-button-remove {
  height: 30px !important;
  width: 30px !important;
  background: #9B1E26 !important;
  border: 1px solid #9B1E26 !important;
  color: white !important;
  position: absolute !important;
  top: -10px !important;
  right: 0 !important;
}

#pan {
  text-transform: uppercase !important;
}

.required {
  color: #9B1E26 !important;
}

.checkbox label {
  display: flex !important;
  align-items: start !important;
}

.checkbox label span {
  font-size: 14px !important;
}

#fromTo {
  display: flex !important;
}

.col-md-12 .form-group.field #phoneWidget .row.no-gutter {
  padding: 0 !important;
}

.col-md-12 .form-group.field #phoneWidget .row.no-gutter .col-md-6 .form-group.field {
  display: block;
}

#fromTo .date-range-picker {
  display: block !important;
}

.react-datepicker-wrapper,
.date-range-picker .control-label {
  width: 100% !important;
}

.date-range-picker:nth-child(2) .react-datepicker-wrapper,
.date-range-picker:nth-child(2) .control-label {
  padding-left: 14px !important;
  padding-right: 0 !important;
}

.daterangepicker-checkbox input {
  vertical-align: middle;
  margin-right: 10px;
}

.navigation {
  display: inline-block !important;
  padding-bottom: 20px;
  width: 100%;
}

.navigation .btn.btn-submit {
  min-height: 50px;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.navigation .btn.btn-submit {
  font-size: 14px !important;
  font-weight: 500 !important;
}

#breadcrumb-summary .slick-list .slick-track li.progress-enable.progress-complete .number {
  top: 2px;
}

#breadcrumb-summary .slick-list .slick-track li.progress-current .number,
#breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
  top: -3px;
}

#breadcrumb-summary ul li a .number {
  top: -2px;
}

.array-item.educationhide {
  position: relative;
}

.range-div {
  display: flex !important;
}

.range-div button {
  border: none !important;
}

#endDate-errorMsg .text-danger {
  padding-left: 15px !important;
}

.ph-apply-box .react-datepicker__header .range-div .range-select {
  border: none !important;
  padding: 0px 10px !important;
  background: white !important;
  border-radius: 2px !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #9B1E26 !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  background-color: #9B1E26 !important;
}

.markdown p,
.field-description {
  font-size: 24px !important;
  font-weight: bold !important;
  margin-block: 20px !important;
  color: #9B1E26 !important;
}

.form-label {
  font-size: 14px !important;
  color: #5a6872 !important;
}

.disclaimerTest,
.note {
  font-size: 14px !important;
  line-height: 24px !important;
  color: rgb(90, 104, 114) !important;
  font-weight: 500 !important;
  margin-block: 10px !important;
}

.Heedings p {
  margin-block: 0px !important;
}

.daterangepicker-checkbox input {
  width: 15px !important;
  height: 15px !important;
}

input,
select {
  outline: none !important;
}

#cTc .form-fields {
  padding-inline: 0px !important;
}

#experienceData .educationhide .form-fields {
  padding-inline: 0px !important;
}

#experienceRange .form-fields {
  padding-inline: 0px !important;
  padding-bottom: 0px !important;
}

.Education #educationData .educationhide .col-md-12 .field-object .form-fields {
  padding-inline: 0px !important;
}

.range-div button {
  max-height: 25px !important;
  max-width: 25px !important;
  background: transparent !important;
}

.resume-mandatory {
  color: #9B1E26 !important;
}

.react-datepicker__header {
  background: #9B1E26 !important;
  color: white !important;
  padding-block: 8px !important;
}

.job-title {
  text-align: center !important;
}

#placeholder {
  font-size: 13px !important;
}

.ph-apply-box #breadcrumb-summary .progress-enable.progress-complete:after {
  border-right: 375px solid #9B1E26 !important;
}

.ph-apply-box #breadcrumb-summary .slick-list .slick-track li.progress-current .number,
.ph-apply-box #breadcrumb-summary .slick-list .slick-track li.progress-enable .number {
  background: #9B1E26 !important;
  color: #9B1E26 !important;
  box-shadow: 0 0 0 4px #9B1E26, 0 0 0 5px #9B1E26 !important;
  border: 4px solid #9B1E26 !important;
}

.react-datepicker__current-month,
.react-datepicker__day-name {
  color: white !important;
}

#fromTo div:nth-child(1).date-range-picker .react-datepicker-wrapper .react-datepicker__input-container {
  padding-right: 14px !important;
}

#fromTo div:nth-child(2).date-range-picker .react-datepicker-wrapper .react-datepicker__input-container {
  padding-right: 0px !important;
}

button.phw-btn.phw-dropdown {
  width: auto !important;
}



/* Mobile Screen */

@media only screen and (max-width: 767px) {

  .ph-apply-box #placeholder {
    font-size: 14px !important;
  }

  .resume_info {
    padding-left: 0px !important;
  }

  .drives {
    display: flex !important;
    flex-direction: column !important;
  }

  .cloud-options-group ul {
    display: flex !important;
    justify-content: center !important;
    padding-left: 0px;
  }

  .apply-or-line {
    padding-top: 0px !important;
    display: flex !important;
    justify-content: center !important;
  }

  .resume-upload-wrapper {
    padding-top: 0px !important;
    display: flex !important;
    justify-content: center !important;
  }

  .ph-apply-box .navigation {
    display: flex !important;
  }

  .ph-apply-box button[type=submit] {
    width: 30% !important;
  }

  .ph-apply-box .email-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .ph-apply-box .emailOtpWidget .layout-alignment {
    display: flex !important;
    flex-direction: column !important;
  }

  .ph-apply-box .otp-send-btn {
    margin-left: 0px !important;
  }

  .navigation-summary {
    .slick-prev {
      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;

      &:before {
        content: '<' !important;
        font-size: 38px !important;
        color: #9B1E26 !important;
        position: absolute;
        top: -15px;
        left: -10px;
        font-weight: 500;
        display: flex;
      }

      &.slick-disabled:before {
        opacity: 0.3;
      }
    }

    .slick-next {
      background: transparent !important;
      border: 0;
      font-size: 0px !important;
      float: left;
      margin-top: 12px !important;
      outline: 0;
      display: block !important;
      width: 1% !important;
      margin-top: 0;

      &.slick-disabled:before {
        opacity: 0.3;
      }

      &:before {
        content: ">";
        font-size: 38px;
        font-weight: 500;
        color: #9B1E26 !important;
        position: absolute;
        width: 1% !important;
        right: 9px;
        top: -15px;
      }
    }
  }

  .slick-slide .slick-slide {
    width: 170px !important;
  }

  .ph-apply-box #breadcrumb-summary ul li.slick-active::after {
    border-right: 150px solid !important;
  }

  .progressbarlist {
    padding-left: 0px !important;
  }

  .job-title {
    margin-bottom: 20px !important;
  }

}

.satisfactory .markdown p {
  margin-left: 12px;
}

.disclaimerTest,
.note {
  display: block;
  margin-block: 0px !important;
}


@media only screen and (min-width:320px) and (max-width:480px) {
  .phw-content-block-top-space {
    margin-top: 0px !important;
  }
}

._close_1j03k_113{
  position: absolute !important;
  top: -1px !important;
  left: 352px !important;
}

.phw-i-sz-2-5{
  color: black !important;
}

.form-group.otpDisclaimer {
    padding: 8px 12px;
    border: 1px solid #9b1e26;
    border-radius: 3px;
    background-color: #9b1e2624;
}

.form-group.otpDisclaimer #otpDisclaimer-label {
    color: #000 !important;
    font-weight: 600;
}
.resume-info{
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    margin-left: auto !important;
    margin-right: auto !important;
}
.after-upload {
    background-position: 0px -168px !important;
}
.resume-info .after-upload a {
    font-size: 22px !important;
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}