/* jd-banner start */

.jd-banner { padding:200px 0 0; background-color:#FFDE00; overflow:hidden; }
body.create-jd .wrapper { padding-top:0; }
body.create-jd section .rapper { max-width:896px; text-align:left; }
body.create-jd section .rapper h2,
body.create-jd section .rapper h1 { font-size:45px; line-height:54px; color:#000; font-weight:700; margin-bottom:50px; }
body.create-jd .rev-select { height:inherit; }
.jd-banner .rapper .jb-banner-form label { font-size:20px; line-height:30px; color:#000; font-weight:400; margin-bottom:10px; }
.jd-banner .rapper .jb-banner-form input.talent_role { background-color:#fff; border-radius:10px;  height:60px; padding:10px 20px; border:1px solid #E9E8E9; box-shadow:0px 4px 12px rgba(185, 184, 207, 0.25); }
.jd-banner .rapper .jb-banner-form .itemed { margin-bottom:50px; }
.jd-banner .rapper .jb-banner-form .select-styled::after { top:45%; transform:translateY(-50%) rotate(-45deg); right:20px; }
.jd-banner .rapper .jb-banner-form .select-styled.active::after { transform:rotate(135deg) translateY(-50%); }
.jd-banner .rapper .jb-banner-form .select-styled { background-color:#fff; border-radius:10px; box-shadow:0px 4px 12px rgba(185, 184, 207, 0.25); height:60px; padding:10px 40px 10px 20px; border:1px solid #E9E8E9; line-height:normal; display:flex; align-items:center; }

/* jd-banner end */


/* jd-skilled-sec start */

.jd-skilled-sec { background-color:#FAF4DD; padding:110px 0; margin-top:100px; position:relative; }
.jd-skilled-sec:before { content:''; display:block; background-color:#FAF4DD; position:absolute; top:0; left:-500%; width:1000%; height:100%; z-index:1; }
.jd-skilled-sec .rapper { position:relative; z-index:2; }
.jd-skilled-sec .skilled-form .selectize-dropdown { display:none !important; }
.jd-skilled-sec .skilled-form label { font-size:20px; line-height:30px; color:#000; font-weight:400; margin-bottom:0 !important; }
.jd-skilled-sec .skilled-form .selectize-input input::placeholder { color:#B0B0B0; font-family: "Montserrat", sans-serif; }
.jd-skilled-sec .skilled-form .selectize-input { background-color:#fff; border-radius:10px; box-shadow:0px 4px 12px rgba(185, 184, 207, 0.25); min-height:60px; padding:10px 20px; border:1px solid #E9E8E9; padding:10px 15px !important; }
.jd-skilled-sec .top_3_hiring-lists .optionbox { line-height:inherit !important; }
.jd-skilled-sec .top_3_hiring-lists .top_3_skillsList .optionbox .lbl-txt { background:#FFDE00; color:#000; }
.jd-skilled-sec .top_3_hiring-lists .top_3_skillsList .optionbox .lbl-txt::after { color:#000; }
.jd-skilled-sec .top_3_hiring-lists { margin-bottom:0; }
.jd-skilled-sec .top_3_skills_textarea { margin-bottom:50px; }

/* jd-skilled-sec end */


/* position-sec start */

.position-sec { padding:110px 0; }
.position-sec .content .item { margin-bottom:50px; }
.position-sec .content .item:last-child { margin-bottom:0; }
.position-sec .content .item h3 { font-size:20px; line-height:30px; font-weight:400; color:#000; margin-bottom:20px; }
.position-sec .content .item .yellow-strip { background-color:#FFDE00; padding:20px; font-size:14px; line-height:21px; color:#000; font-weight:400; border-radius:15px; }

/* position-sec end */


/* employment-sec start */

.employment-sec { background-color:#FAF4DD; padding:110px 0; }
*, *::before, *::after { box-sizing:border-box; }
.employment-sec .employment-form .list { margin-bottom:50px; }
.employment-sec .employment-form .list label { font-size:20px; line-height:30px; color:#000; font-weight:400; margin-bottom:10px; }
.employment-sec .budget-content { display:flex; flex-wrap:wrap; margin:0 -12px; }
.employment-sec .budget-content .item { width:40%; padding:0 12px; }
.employment-sec .budget-content .item:first-child { width:20%; }
.employment-sec .select-styled::after { top:45%; transform:translateY(-50%) rotate(-45deg); right:20px; }
.employment-sec .select-styled.active::after { transform:rotate(135deg) translateY(-50%); }
.employment-sec .select-styled { background-color:#fff; border-radius:10px;  height:60px; padding:10px 40px 10px 20px; border:1px solid #E9E8E9; line-height:normal; display:flex; align-items:center; }
.employment-sec .employment-form input { background-color:#fff; border-radius:10px;  height:60px; padding:10px 20px; border:1px solid #E9E8E9; }
.employment-sec .employment-form .budget-content input::placeholder { font-size:16px; line-height:20px; text-align:right; color:#B0B0B0; }
.employment-sec .optionList { margin-top:0; }
.employment-sec .optionList .optionBox { margin-bottom:0 !important; }
.employment-sec .radio-options .optionBox span { padding:17px 24px; background-color:#fff; box-shadow:inherit; border:1px solid #E9E8E9; }
.employment-sec .radio-options .optionBox span p.exp-years { font-size:16px; }
.employment-sec .radio-options .optionList .optionBox { margin:0 24px 0 0; }
.employment-sec .submit-btn .book-meeting-slot-btn { text-transform:uppercase; font-weight:600; margin:0; top:0; }

/* employment-sec end */

@media(max-width:1600px){
	body.create-jd section .rapper h2,
	body.create-jd section .rapper h1 { font-size:36px; line-height:46px; margin-bottom:40px; }
	.jd-banner .rapper .jb-banner-form .select-styled { height:55px; }
	.jd-banner .rapper .jb-banner-form input.talent_role { height:55px; }
	.jd-skilled-sec .skilled-form .selectize-input { min-height:55px; }
	.employment-sec .employment-form input { height:55px; }
	.employment-sec .select-styled { height:55px; }
	.employment-sec .radio-options .optionBox span { padding:14px 22px; }
	.jd-banner { padding:150px 0 0; }
	.jd-skilled-sec,
	.employment-sec,
	.position-sec { padding:80px 0; }
}

@media(max-width:1299px){
	body.create-jd section .rapper h2,
	body.create-jd section .rapper h1 { font-size:32px; line-height:40px; margin-bottom:35px; }
}

@media(max-width:991px){
	body.create-jd section .rapper h2,
	body.create-jd section .rapper h1 { font-size:30px; margin-bottom:30px; }
	.jd-banner { padding:120px 0 0; }
	.jd-skilled-sec { margin-top:80px; }
	.jd-skilled-sec,
	.employment-sec,
	.position-sec { padding:60px 0; }
	.employment-sec .employment-form .list { margin-bottom:30px; }
}

@media(max-width:767px){
	.jd-banner .rapper .jb-banner-form .select-styled { height:50px; }
	.jd-banner .rapper .jb-banner-form input.talent_role { height:50px; }
	.jd-skilled-sec .skilled-form .selectize-input { min-height:50px; }
	.employment-sec .employment-form input { height:50px; }
	.employment-sec .select-styled { height:50px; }
	.employment-sec .radio-options .optionBox span { padding:12px 20px; }
	.employment-sec .budget-content .item:first-child { width:100%; }
	.employment-sec .budget-content .item { width:100%; margin-bottom:20px; }
	.employment-sec .budget-content .item:last-child { margin-bottom:0; }
	.jd-banner { padding:100px 0 0; }
	.jd-skilled-sec { margin-top:50px; }
	.jd-skilled-sec,
	.employment-sec,
	.position-sec { padding:50px 0; }
	body.create-jd section .rapper h2,
	body.create-jd section .rapper h1 { font-size:26px; line-height: 36px; margin-bottom:30px; }
	.jd-banner .rapper .jb-banner-form label { font-size:16px; line-height:24px; }
	.employment-sec .employment-form .list label { font-size:16px; line-height:24px; }
	.employment-sec .employment-form .budget-content input::placeholder { text-align:left; }
	.jd-skilled-sec .top_3_skills_textarea { margin-bottom:30px; }
	.position-sec .content .item { margin-bottom:30px; }
	.position-sec .content .item h3 { font-size:18px; line-height:24px; margin-bottom:10px; }
	.employment-form .radio-options.talent-to-start { flex-direction:column; }
	.employment-form .radio-options.talent-to-start .optionList { margin-bottom:20px; }
	.employment-form .radio-options .optionList:last-child { margin-bottom:0; }
	.employment-sec .radio-options .optionList .optionBox { margin:0 20px 0 0; }
	.jd-banner .rapper .jb-banner-form .itemed { margin-bottom:30px; }
}


/* UI Autocomplete */
.create-jd #ui-id-1{max-height: 230px; overflow-y: auto; overflow-x: hidden; z-index: 2; }
.create-jd #ui-id-1 .ui-menu-item{padding: 5px 5px; }
.create-jd #ui-id-1.ui-widget.ui-widget-content{border-radius: 15px; box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: #fff; }
.create-jd #ui-id-1 .ui-menu-item-wrapper{border-radius: 0; font-size: 24px; padding: 3px 1em 3px .4em; position: relative;color: #7f7f7f; font-weight: 400; font-family: "Montserrat", sans-serif; display: inline-block; border: 0; border-bottom: 1.8px solid #fff; }
.create-jd #ui-id-1 .ui-menu-item-wrapper.ui-state-active{border-bottom-color:#ffdd00; background: none; color: #231f20; font-weight: 400; margin: 0; }

@media(max-width:1650px){
	.create-jd #ui-id-1 .ui-menu-item-wrapper{font-size: 20px; }
}

@media(max-width:1440px){
	.create-jd #ui-id-1 .ui-menu-item-wrapper{font-size: 18px; }
}

@media(max-width:1280px){
	.create-jd #ui-id-1 .ui-menu-item-wrapper{font-size: 15px; }
}


.disable-skills{
	position: relative;
}
.disable-skills:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	z-index: 10; 
	cursor: not-allowed;
}
.skills-loader{
	display: none;
	position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.submit-btn {
    position: relative;
    display: inline-block;
}
.submit-btn .form-loader {
	right: -30px;
}