:root {
	--ibm-font: "IBM Plex Sans", sans-serif;
	--custom-font: "Inter", sans-serif;
}
body {
	font-family: var(--custom-font);
	font-weight: 400;
	margin: 0;
	padding: 0;
	background-color: var(--pale-grey);
}
.error {
	font-size: 13px;
	color: #FF0000;
}
.worq_login_container {
	height: 100%;
}
.worq_left_section {
	height: 100%;
	background: #ffffff00;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}
.bg_dots {
	position: absolute;
	width: 0px;
	height: 0px;
	box-shadow: 0px 0px 54px 60px #ff000094;
	border-radius: 50%;
}
.blue {
	box-shadow: 0px 0px 120px #00F;
	right: 10px;
	top: 10%;
	box-shadow: 0px 0px 64px 70px #c7c7f3;
	animation: as 10s ease infinite;
}
.red_left_lg {
	top: 30%;
	opacity: 0.8;
	box-shadow: 0px 0px 100px 100px #ff000094;
	animation: as 10s ease infinite;
}
.reg_sm_right {
	top: 80%;
	right: 12%;
	left: auto;
	margin: 0 auto;
	animation: as 10s ease infinite;
}
@keyframes as {
	0% {
		transform: translate(-77px, -50px);
	}
	50% {
		transform: translate(77px, 10px);
	}
	100% {
		transform: translate(-77px, -50px);
	}
}
.login_lottie {
	width: 300px;
	height: 300px;
	margin: 0 auto;
}

.login_section_left_heading,
.login_section_left_desc {
	font: normal normal 600 24px/30px var(--custom-font);
	color: #000000;
}
.login_section_left_desc {
	font-size: 18px;
}
.login_section_left_features_content,
.login_section_left_features a:hover,
.login_section_left_features a {
	font: normal normal 500 18px/22px var(--custom-font);
	color: #000000;
	padding: 8px 16px 12px 20px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.login_section_left_features a:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #6B7280;
	margin-right: 10px;
	position: absolute;
	top: 17px;
}
.login_section_left_features a.current:hover,
.login_section_left_features a.current {
	color: #F1264F;
}
.login_section_left_features a.current:before {
	background-color: #F1264F;
}
.login_section_left_features_content {
	font-weight: 400;
	font-size: 16px;
}
.pwd_txt {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
}
.powered_by_text {
	font-size: 16px;
	padding-bottom: 10px;
}
.login_form_container_wrapper .pwd_txt {
	color: #040A3C;
}
.login_form_container_wrapper .quess_works_logo {
	margin-top: -18px;
}
.login_form_container_wrapper {
	padding: 30px; 
	border-radius: 16px;
}

.form_title {
	font: normal normal 700 20px/30px var(--custom-font);
	color: #19213D;
	padding-bottom: 0px;
	border-bottom: 3px solid #F1264F;
	display: inline-block;
}
.login_input_label {
	margin-bottom: 8px;
	font: normal normal 600 14px/16px var(--custom-font);
	color: #1F2937;
}
.wor_text_outter {
	position: relative;
}
.pwd_input .wor_text_input {
	padding-right: 34px;
}
.wor_text_outter:before {
	content: "";
	width: 40px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 48px;
	position: absolute;
}
.mail_input:before {
	background-image: url(../../../hamara/img/icons/mail.svg);
}
.pwd_input:before {
	background-image: url(../../../hamara/img/icons/key_round.svg);
}
.toggle_password_display {
	width: 38px;
	display: inline-block;
	height: 45px;
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 10px;
	cursor: pointer;
}
.wor_text_input {
	border: 1px solid #E5E7EB;
	background-color: #FFFFFF;
	height: 48px;
	font-size: 16px;
	color: #040A3C;
	border-radius: 4px;
	padding-left: 36px;
}
.wor_text_input:focus {
	background-color: #ebeff9;
}
.wor_text_input::-webkit-input-placeholder {
	color: #8f9bb3;
	font-size: 14px;
	line-height: 100px;
}
.wq_check_label {
	margin-bottom: 0px;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	color: #757AA0;
}
.wq_check_input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 3px;
}
.wq_check_input + .wq_check_bx {
	display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/icon-checkbox-blank-fill.svg);
    vertical-align: middle;
    margin-right: 3px;
}
.wq_check_input:checked + .wq_check_bx {
	background-image: url(../img/icon-checkbox-fill.svg);
}
.worq_primary_btn {
	background-color: #1F2937;
	border-color: #1F2937;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	height: 48px;
	width: 100%;
	border-radius: 6px;
}
.worq_primary_btn:active,
.worq_primary_btn:hover {
	background-color:#1F2937;
	color: #FFF;
}
.oauth_link:hover,
.oauth_link {
	font: normal normal 600 16px/18px var(--custom-font);
	color: #6B7280;
	text-decoration: none;
	cursor: pointer; 
}
.forgot_pwd_link:hover,
.forgot_pwd_link {
	font-size: 16px;
	color: #f1264f;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer; 
}
.form_reset_password_modal .btn_reset_link {
	background-color: #1a946b !important;
	color: #FFFFFF;
}
.terms_and_conditions {
	font: normal normal 400 14px/20px var(--custom-font);
	color: #000000;
}
.terms_and_conditions a:hover,
.terms_and_conditions a {
	font-weight: 400;
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
/*  Extra small devices (portrait phones, less than 576px) */
/*  No media query since this is the default in Bootstrap */

.form_reset_password_modal .modal_caption {
	font-size: 20px;
	font-weight: 700;
	color: #131313;
}
.form_reset_password_modal .modal_text {
	font-size: 14px;
	color: #545454;
	margin-bottom: 15px;
	font-weight: 500;
}
.form_reset_password_modal .icon_modal_close {
    width: 20px;
    height: 20px;
    background: url(/images/inedge_1_0/icons/icon_modal_close.svg);
    background-size: 15px 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
/*  Small devices (landscape phones, 576px and up) */
.overflow-x-hidden {
	overflow-x: hidden;
}
@media (min-width: 576px) { 
	.login_form_container_wrapper {
		max-width: 350px;
		margin: 0 auto;
		padding: 0px;
	}

}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.quess_works_logo {
		width: 200px;
		margin-left: 5px;
	}
	.pwd_txt {
		color: #FFFFFF;
	}
	.shadow-xl-none {
		box-shadow: none !important;
	}
}

@media (min-width: 1900px) {
	.login_lottie {
		width: 500px;
		height: 500px;
	}
	.bg_dots {
	    background-color: rgb(255 154 154 / 48%);
	}
	.blue {
		background-color: #c7c7f3;
	}
	.login_section_left_desc {
		font-size: 24px;
		margin: 22px 0px;
	}
	.login_section_left_features_content, 
	.login_section_left_features a:hover, 
	.login_section_left_features a {
	   font-size: 20px;
	   line-height: 26px;
	}
}

@media (max-width: 1200px) {

	.xs-h-100 {
		height: 100%;
	}
}