@import url("font.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
	--marine-blue: #002274;
	--green-blue: #02c598;
	--ice-blue: #f5f9ff;
	--leafy-green: #44cc3b;
	--dusk: #4a587b;
	--greyish-blue: #6573a5;
	--dark-slate-blue: #22326e;
	--white:#ffffff;
}
body, html {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	margin: 0 auto;
}
.main_banner_container {
	background: rgb(4,109,245);
	background: linear-gradient(90deg, rgba(4,109,245,1) 0%, rgba(0,41,134,1) 56%, rgba(0,40,133,1) 100%);
}
.qjobs_weblisting_header {
	background-color: var(--marine-blue); 
}
.navbar-brand {
	max-width: 140px;
	padding-top: 10px;
	/*padding-bottom: 10px;*/
}
.find_locations_btn,
.find_locations_btn:hover,
.hire_employees_btn:hover,
.hire_employees_btn {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 4px;
	background-color: var(--green-blue);
	border: solid 1px var(--green-blue);
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	color: var(--white);
	text-decoration: none;
}
.hire_employees_btn:hover,
.hire_employees_btn {
	border: solid 1px var(--white);
	background-color: rgba(255, 255, 255, 0.24);
	color: var(--white);
}
.header_top_banner h1 {
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.header_top_banner p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: var(--white);
	margin-bottom: 0px;
}
.header_top_banner.success_page h1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: normal;
	text-align: center;
}
.header_top_banner.success_page p {
	font-size: 13px;
	line-height: 1.33;
	text-align: center;
}
.custom_container {
	max-width: 1140px;
}
.container_wrapper {
	background-color: #f2f6f9;
}
.main_wrapper {
	background-color: #22326e;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 25px;
}
.jd_banner_text {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.53;
	letter-spacing: -0.21px;
	color: var(--white);
}
.jd_banner_sub_text {
	font-size: 24px;
	line-height: 1.67;
	color: var(--white);
}
.g_rating_starts {

}
.banner_rating_stars {
	color: #fa8231;
	margin-right: 0px;
	text-align: center;
    text-shadow: 0 0 #fa8231;
}
.unrated {
    color: #e5e5e5;
}
.jd_banner_promo_text {
	font-size: 14px;
	letter-spacing: -0.29px;
	color: var(--white);
}
.downloan_btn:focus, .apply_btn:focus,
.downloan_btn:hover, .apply_btn:hover,
.downloan_btn, .apply_btn {
    height: 48px;
    border-radius: 4px;
    background-color: var(--leafy-green);
    cursor: pointer;
    color: #FFF;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 34px;
}
.basic_job_detail_section {
	background-color: #FFF;
	padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%)
}
.jd_category_img {
	width: 98.7px;
	height: 98.7px;
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	align-items: center;
	border: 1px solid rgb(222,222,222);
	padding: 4px;
}
.jd_job_title {
	font-size: 20px;
	font-weight: bold;
	color: #308eed;
}
.jd_category_name {
	font-size: 16px;
	color: #4a587b;
	font-weight: 400;
}
.jd_job_salary {
	font-size: 20px;
	font-weight: bold;
	color: #4a587b;
}
.jd_job_salary_month {
	font-size: 15px;
	color: #78829c;
	font-weight: 400;
}
.company_name_section {
	font-size: 14px;
	font-weight: 500;
	color: #22326e;
	margin-right: 10px;
}
.verified_sign_company {
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	color: #7b8db9;
	border-radius: 26px;
	padding: 2px 8px;
	border: 1px solid #ccc;
	white-space: nowrap;
}
.section_separator {
	border-top: solid 1px rgba(219, 217, 217, 0.5);
}
.section_separator_bg {
	height: 12px;
	background-color: #f2f6f9;
}
.jd_page_label_title {
	font-size: 13px;
	font-weight: 500;
	color: #7b8db9;
}
.jd_page_label_value {
	font-size: 14px;
	font-weight: 500;
	color: #22326e;
}
.jd_job_location_details {
	font-size: 15px;
	color: #4a587b;
}
.jd_salary_value {
	font-size: 16px;
	font-weight: 700;
	color: #4a587b;
}
.jd_salary_value span {
	color: #78829c;
	font-size: 14px;
}
.job_benifits {
  padding: 3px 15px;
  border-radius: 25px;
  border: solid 1px #8f9bb3;
  border-radius: 12px;
  background-color: rgb(143 155 179 / 10%);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
  color: #8f9bb3;
}
.jd_description {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a587b;
}
.jd_icons {
	display: inline-block;
	width: 15px;
	height: 18px;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.location_icon {
	background-image: url(../images/jd/location_icon.svg);
	vertical-align: middle;
}
.jd_job_other_detail {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.job_qulification {
	font-size: 15px;
	color: #7b8db9;
}
.job_qulification_value {
	font-size: 16px;
	font-weight: 500;
	color: #4a587b;
	margin-left: 6px;
}
.apply_btn,.apply_btn:focus, .apply_btn:hover {
	border-radius: 4px;
	padding: 6px 60px;
}
.jd_job_full_detail_wrapper {
	background-color: #FFF;
}
.jd_job_full_detail_wrapper_inner {
	padding: 15px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.jd_sub_title {
	font-size: 18px;
	font-weight: bold;
	color: #22326e;
}
.jd_job_contents {
	font-size: 16px;
	line-height: 1.5;
	color: #4a587b;
	padding-left: 15px;
	word-break: break-word;
}

.jd_job_list_contents {
	padding-left: 19px;
    margin-top: 10px;
    margin-bottom: 3px;
}
.interview_time_table_wrapper {
	border-radius: 4px;
	border: solid 1px rgba(123, 141, 185, 0.26);
	overflow: hidden;
}
.interview_time_table td {
	padding: 6px 12px; 
	font-size: 14px;
	line-height: 1.3;
	color: #4a587b;
}
.interview_time_table tr:not(:last-child) {
	border-bottom: solid 1px rgba(123, 141, 185, 0.26);
}
.interview_time_table tr td:first-child {
	background-color: rgba(123, 141, 185, 0.06);
}
.download_caption {
	font-size: 24px;
	font-weight: bold;
	color: #22326e;
	margin: 6px 0px 16px 0px;
}
.g_play_store_wrapper {
	margin-bottom: 25px;
}
.copy_right_text {
	font-size: 13px;
	color: #22326e;
}

/* Find Role, City based jobs Starts */
.title_role_jobs {
	font-size: 24px;
	font-weight: 700;
	color: var(--dark-slate-blue);
}
.role_city_names {
    text-decoration: none;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: normal;
    color: var(--greyish-blue);
}
/* Find Role, City based jobs Ends */
/* Footer Starts */
footer {
   background-color: #f5f9ff;
}
.download_caption {
  font-size: 14px;
  font-weight: bold;
  color: #22326e;
  margin: 6px 0px 8px 0px;
}
.g_play_store_wrapper {
  margin-bottom: 25px;
}
.copy_right_text {
  font-size: 13px;
  color: #22326e;
}
.footer_links,
.footer_links:hover,
.footer_links:visited,
.footer_links:focus {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  color: #22326e;
  text-shadow: 0 0 #22326e;
}
.footer_social_links:hover,
.footer_social_links:focus,
.footer_social_links {
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
}
.fb {
  background-image: url(../images/logos/facebook.svg);
}
.twt {
  background-image: url(../images/logos/twitter.svg);
}
.linkedin {
  background-image: url(../images/logos/linkedin.svg);
}
.insta {
  background-image: url(../images/logos/instagram-fill.svg);
}
/* Footer Ends */
.loader_wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 9999;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 6em;
    height: 6em;
}
.loader_img {
	background: url(../images/loading.gif) no-repeat center;
    height: 35px;
    width: 38px;
    background-size: 24px;
    position: absolute;
    top: 8px;
    left: 135px;
}
.loader {
    margin: 20% auto 0;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .8em solid rgba(0, 0, 0, 0.2);
    border-right: .8em solid rgba(0, 0, 0, 0.2);
    border-bottom: .8em solid rgba(0, 0, 0, 0.2);
    border-left: .8em solid #4D8DEA;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
/* 
		Web Prescreening Popup starts here 
*/
.web_screening_questions_content {
	max-width: 340px;
	margin: 0 auto;
}
.web_screening_questions_content .modal-header {
	background-color: #ebeff9;
}
.web_screening_questions_content .modal-title {
	font-size: 16px;
	font-weight: 700;
	color: #212961;
}
.web_screening_questions_content .modal-title div {
	font-size: 14px;
	font-weight: 400;
	color: #7b8db9;
}
.web_screen_ques_popup_ques_label {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #4a587b;
	margin-bottom: 0px;
}
.web_screen_question_ans_chkbx {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 0;
}
.web_screen_question_ans_btns {
	border-radius: 4px;
	border: solid 1px rgba(33, 41, 97, 0.16);
	background-color: var(--white);
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	padding: 13px;
	display: block;
	color: #4a587b;
	cursor: pointer;
	position: relative;
	padding-right: 35px;
}
.web_screen_question_ans_chkbx:checked + .web_screen_question_ans_btns {
	border: solid 2px #02c598;
	color: #02c598;
}
.web_screen_question_ans_chkbx:checked + .web_screen_question_ans_btns:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../images/web_prescreening/correct_answer.svg);
	top: 15px;
    right: 15px;
    background-size: cover;
}
.correct_answer:checked + .web_screen_question_ans_btns:after {
	background-image: url(../images/web_prescreening/correct_answer.svg);
}
.correct_answer:checked + .web_screen_question_ans_btns {
	border: solid 2px #02c598;
	color: #02c598;
}
.wrong_answer:checked + .web_screen_question_ans_btns:after {
	background-image: url(../images/web_prescreening/wrong_answer.svg);
}
.wrong_answer:checked + .web_screen_question_ans_btns {
	border: solid 2px #e64546;
	color: #e64546;
}
.web_screening_ques_popup_btn:hover,
.web_screening_ques_popup_btn {
	border-radius: 4px;
	background-color: #44cc3b;
	border: solid 1px #44cc3b;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	height: 48px;
	line-height: 38px;
	width: 100%;
}
.candidate_registration_form_label {
  font-size: 15px;
  font-weight: 500;

  line-height: normal;

  color: var(--dusk);
}
.web_screen_popup_input_group .input-group-text {
	border-color: #e4e9f2;
    background-color: #edf1f7;
	font-size: 15px;
	font-weight: 500;
	color: #4a587b;
}
.web_screen_popup_input {
	height: 40px;
	border-radius: 4px;
	border: solid 1px #e4e9f2;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	color: #8f9bb3;
}
.tc_text_otp_popup {
	font-size: 13px;
	text-align: center;
	color: #4a587b;
}
.tc_text_otp_popup a,
.tc_text_otp_popup a:hover {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #308eed;
	text-decoration: underline;
	cursor: pointer;
}
.ques_wrong_ans_msg, .ques_wrong_ans_heading {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.73;
	letter-spacing: normal;
	text-align: center;
	color: var(--dusk);
}
.ques_wrong_ans_msg br {
	display: none;
}
.ques_wrong_ans_heading {
	font-size: 18px;
	font-weight: 700;
}
.find_more_jobs_btn:hover,
.find_more_jobs_btn {
	border-radius: 4px;
    border: solid 2px #308eed;
    background-color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--dusk);
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 13px;
    text-decoration: none;
}
.error_txt,.error {
	color: #e64546;
	font-size: 13px;
}
.otp_fields .candidate_registration_form_input {
    height: 50px;
    width: 50px;
    font-size: 24px;
    font-weight: 500;
}
.otp_expired_timer {
  font-size: 13px;
  font-weight: 500;
  color: #ec770a
}
.resend_otp_link {
  font-size: 13px;
  color: #21c1f3;
  cursor: pointer;
}
.verified_msg {
  font-size: 13px;
  text-align: left;
}
.failure {
  color: #f00;
}
.successed {
  color: #47A804;
}
/*
		Web Prescreening Popup Ends
*/

/*  */
.content_blur_bg {
	-webkit-filter: blur(9px);
	filter: blur(9px);
}
.succ_web_screening_questions_content .swsqc_title {
	font-size: 14px;
	font-weight: 500;
	color: #222b45;
}
.swsqc_job_detail {
	border-radius: 6px;
}
.swsqc_job_detail .job_detail_posi {
	font-size: 14px;
	font-weight: 700;
	color: #3663bf;
}
.swsqc_job_detail .company_name {
	font-size: 12px;
	font-weight: 400;
	color: #222b45;
}
.swsqc_job_detail .job_detail_sal {
	font-size: 14px;
	font-weight: 700;
	color: #000;
}
.swsqc_job_detail .job_detail_sal span {
	font-size: 12px;
  font-weight: 400;
  color: #78829c;
}
.swsqc_job_detail .job_detail_loc {
	font-size: 12px;
  font-weight: 400;
  color: #222b45;
}
.swsqc_hr_txt {
	font-size: 13px;
	font-weight: 500;
	color: #222b45;
  border-bottom: solid 1px rgb(150 150 150 / 20%);
}
.datepicker td, .datepicker th {
	width: 30px;
	height: 26px;
	font-size: 13px;
}
.logo-subtxt{
	font-family: IBM Plex Sans;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #fff;
	padding: 0;
	margin: -5px 0 0 42px;
}
.jobs_displayed a{
	text-decoration: none;
}
@media (max-width: 520px) {
	.logo-subtxt{
	margin: -5px 0 0 30px;
	font-size: 10px;
}
}
@media (max-width: 575.98px) {
	.navbar-brand img {
		width: 98px;
	}
	.apply_btn_sticy_outter {
		height: 48px;
	}
	.apply_btn_sticy {
		position: fixed;
		margin: 0 auto;
		max-width: 575px;
		box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.14);
		width: 100%;
		bottom: 0px;
		background-color: #FFF;
	}
	.apply_btn_sticy .apply_btn,
	.apply_btn_sticy .apply_btn:focus,
	.apply_btn_sticy .apply_btn:hover  {
		width: 100%;
	}

	}
	/*.downloan_btn, .apply_btn, .apply_btn:focus, .apply_btn:hover, .downloan_btn:focus, .downloan_btn:hover {
	    padding: 6px 18px;
        height: 38px;
        font-size: 14px;
        line-height: 26px;
	}
	.apply_btn, .apply_btn:focus, .apply_btn:hover {
		padding: 6px 68px;
	}*/
	.jd_category_img {
		width: 63.2px;
		height: 63.2px;
	    margin-bottom: 15px;
	}
	.jd_job_title, .jd_category_name {
    	font-size: 16px;
	    margin-bottom: 2px;
    }
    .jd_job_salary {
    	font-size: 16px;
    }
    .jd_job_location_details, .job_qulification, .job_qulification_value {
	    font-size: 14px;
	}
	.jd_job_other_detail {
		border: 0px;
	}
    .space_controler {
    	height: 116px;
    }
    .jd_job_contents {
    	padding-left: 0px;
    }
	.jd_sub_title {
    	font-size: 15px;
    }
    .jd_job_full_detail_wrapper_inner {
    	padding: 13px;
    }
    .border_left_top {
    	border-top: solid 1px rgba(219, 217, 217, 0.3);
    }
    .section_separator_bg_top {
    	height: 8px;
    	background-color: #f2f6f9;
    }
}
@media (min-width: 576px) and  (max-width: 767px) {
	.space_controler {
    	height: 93px;
    }
    .navbar {
    	margin-bottom: 15px;
    }
}
@media (max-width: 400px){
  .footer_title {
    font-size: 12px;
  }
  .footer_title_two {
    font-size: 14px;  
  }
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.candidate_registration_form_btn,
	.candidate_registration_form_btn:hover {
		width: 300px;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.basic_job_detail_section {
	  /*margin-top: 32px;*/
	}
	.interview_time_details {
		width: 320px;
	}
	.jd_job_interview_wrapper_inner .jd_job_contents {
		padding-left: 35px;
	}
	.header_top_banner h1 {
		color: var(--white);
		font-size: 28px;
		font-weight: 700;
		line-height: normal;
	}
	.header_top_banner p {
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		color: var(--white);
	}
	/* Footer Starts */
	footer {
		background-color: #f5f9ff;
	}
	.download_caption {
		font-size: 24px;
		margin: 6px 0px 16px 0px;
	}
	/* Footer Ends */
	.modal-md {
		max-width: 350px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.basic_job_detail_section {
	  /*margin-top: 32px;*/
	}
	.border_left_top {
    	border-left: solid 1px rgba(219, 217, 217, 0.3);
    }
	.header_top_banner.success_page h1 {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.08;
		letter-spacing: normal;
		text-align: left;
		color: var(--white);
	}
	.header_top_banner.success_page p {
		font-size: 16px;
		line-height: 1.33;
		text-align: left;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.container-lg {
	    max-width: 1040px;
	}
	.modal-md {
		max-width: 350px;
	}
}
@-webkit-keyframes load8 {7px 23px
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.btn-close{
	background-image: none !important;
	width: auto !important;
	height: auto !important;
}