.ph-header .phw-g-i-jPzijI,
.ph-header .phw-g-menu-list-link {
    width: auto !important;
}

.phw-s-subNavItem {
    padding-block: 8px !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;
}



.otp-send-btn,
.btn-prev,
.btn-next {
    background: #EA750F !important;
    border: 1px solid #EA750C !important;
    border-radius: 4px !important;
    color: white !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 128px;
}





.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: #EA750F !important;
    border: 1px solid #EA750F !important;
    border-radius: 4px !important;
    color: white !important;
    height: 50px;
}

.array-button-remove {
    height: 30px !important;
    width: 30px !important;
    background: #EA750F !important;
    border: 1px solid #EA750F !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 {
    background: #EA750F !important;
    min-height: 50px;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 128px;
    border: #EA750F !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: 500 !important;
    margin-block: 20px !important;
    color: #3c4098 !important;
    font-family: 'Roboto Slab';
}

.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: 487px solid #3c4098
    !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: #3c4098
    !important;
    color: #3c4098 !important;
    box-shadow: 0 0 0 4px #3c4098, 0 0 0 5px #3c4098 !important;
    border: 4px solid #3c4098 !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;
}




/* 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: 535px solid !important;
    }

    .progressbarlist {
        padding-left: 0px !important;
    }

    .job-title {
        margin-bottom: 20px !important;
    }

}

select.form-control{
    border-radius: 4px;
}

#breadcrumb-summary ul li::after{
    border-right: 485px solid #828282 !important;
}
#breadcrumb-summary .progress-current::after{
    border-right: 490px solid #828282 !important;
    left: 51% !important;
}

// .resume-section{
//     margin-bottom: 30px !important;
//     border: solid 1px;
//     border-radius: 4px;
//     margin-top: 20px !important;

// }


.daterangepicker-checkbox{
    margin-bottom: 35px !important;
}
#breadcrumb-summary ul li:last-child:before{
    content: "";
    position: absolute;
    right: -16%;
    background: none;
    width: 67% !important;
    height: 20px;
    z-index: 9;
    top: 6px;
}
.rjsf{
    padding: 2rem !important;
    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    
    margin-top: 50px !important;
    border-radius: 8px !important;
}
.resume-group {
    
    border: none !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    border-radius: 8px !important;
    margin-top: 30px !important;

}


.btn-next {
    
    margin-bottom: 30px !important;
}
.form-group {
    margin-bottom: 10px !important;
}
@media only screen and (max-width: 640px) {
    .resume-group .cloud-options-group ul li:first-child {
        width: auto !important; 
    }
}
.summary{
    display:none !important;
}
.rbt-token .rbt-token-remove-button{
    color: black !important;
    background: none !important;
    border: none !important;
}

p.consent {
    font-size: 14px !important;
    color: #111010 !important;
}

 .phw-page-jointalentcommunity .resume-group .drives .apply-or-line{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.phw-page-jointalentcommunity .resume-upload-wrapper{
    padding-top: 0px !important;
}

.phw-container>.ph-jtc-box .form-wrapper form .rbt-input-multi.form-control .rbt-input-wrapper{
    overflow-y: scroll !important;
    height: 51px !important;
}

.phw-container>.ph-jtc-box .form-wrapper .form-group .checkbox label>input{
    width: 12px !important;
    height: 12px !important;

}
.phw-container>.ph-jtc-box .form-wrapper .form-control{
    background:transparent !important;
}
.phw-page-jointalentcommunity .resume-group .resume_info div::before{
    content: "* " !important;
    color: #c31313 !important;
}
.phw-container>.ph-jtc-box .form-wrapper .form-group .checkbox label{
    margin-top: 20px !important;

}
.phw-page-jointalentcommunity .upload-resume-btn{
    background-color: #EA750F !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
}

p.consent {
    font-size: 14px !important;
    color: #111010 !important;
}

@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}