/* Inner style */
.mb-6{margin-bottom: 40px !important;}
.g-6, .gx-6 {
    --bs-gutter-x: 4rem;
}
.page-template-login-signup #header_section{display: none;}
.loginstep-first{ /*max-width: 470px;*/ margin: 0 auto; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0px; min-height: 100dvh; /*min-height: 1113px;*/padding:40px !important;position:relative; }
.loginstep-first .loginemail{max-width: 470px;width:100%;}
.loginstep-first .signupform{width: 932px;}
.loginstep-first .signupform .hd-type2{text-align: center;}
.loginstep-first .logos a{display: inline-block;margin-bottom:36px;}
.loginstep-first .logos img{max-width:206px;}
.loginstep-first .thirdparty-login{ display: flex; flex-direction: column; gap: 20px; align-items: center; }
.loginstep-first .thirdparty-login a{display: inline-block;}
.loginstep-first .login-divider{margin: 55px 0px;position: relative;display: block;width: 100%;}
.loginstep-first .login-divider div{ position: relative; color: #333; text-align: center; font-size: 20px; font-weight: 400; line-height: 30px; }
.loginstep-first .login-divider div:before{ content: ''; position: absolute; top: 15px; height: 2px; width: 191px; background: #333; right: 0px; }
.loginstep-first .login-divider div:after{ content: ''; position: absolute; top: 15px; height: 2px; width: 191px; background: #333; left: 0px; }
.login-form form{width:100%;}
.login-form .form-group{ margin-bottom: 40px;position: relative; }
.login-form .signupform .form-group{ margin-bottom: 20px;}
.login-form .signupform .form-divider{border-bottom: 3px solid #333;display: block;margin:20px 0px 40px;}
/* Eye icon */
.toggle-password { background: url(../images/eye-icon.svg); width: 24px; height: 24px; display: block; position: absolute; top: 18px; right: 30px; cursor: pointer; }
.toggle-password.bi-eye-slash:before { content: ''; position: absolute; height: 2px; width: 100%; top: 11px; background: #333; transform: rotate(45deg); }
/* form field */
/*input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}*/
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* Hide extra controls */
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

.login-form .form-group .form-label{color: #333; font-size: 16px; font-weight: 400; line-height: 18px; margin-bottom:10px; display:block;}
.login-form .form-group .form-control{ border-radius: 30px; border: 3px solid #333; background-color: #fff; padding: 15px 50px 17px 40px; font-size: 20px; color: #333; font-weight: 400; display: block; position: relative; height: 60px; outline: none; box-shadow: none; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.login-form .form-group .form-control::-webkit-input-placeholder {  color: #333;}
.login-form .form-group .form-control:-ms-input-placeholder {color: #333;}
.login-form .form-group .form-control::-ms-input-placeholder { color: #333;}
.login-form .form-group .form-control::placeholder { color: #333;}
.login-form .form-group input[type="date"]{text-transform: uppercase;pointer-events: pointer;}

.login-form .form-group.openparty-error .form-control{border: 3px solid #DB4949; background: #FFDCDC;border-radius: 30px; color:#333;}
.login-form .form-group .openparty-error-msg,.login-form .form-group .openparty-warning-msg{display: none;}
.login-form .form-group .mob-verify-succ-msg{
    padding-left: 0px !important;
}
.login-form .form-group.openparty-error .openparty-error-msg,.login-form .form-group .openparty-error-msg{
    padding-left: 30px; color: #DB4949; font-size: 16px; font-weight: 400; display: block; position: relative; margin-top: 7px; line-height: 16px;
}
.login-form .form-group.openparty-error .openparty-error-msg:before{
    background: url(../images/error-icon.svg); content: ''; width: 20px; height: 20px; position: absolute; left: 0px; top: -1px; display: block;
}
.login-form .form-group.openparty-warning .form-control{border-radius: 30px; color: #333;}
.login-form .form-group.openparty-warning .openparty-warning-msg,.login-form .form-group .openparty-warning-msg{
    padding-left: 30px; color: #d1d10b; font-size: 16px; font-weight: 400; display: block; position: relative; margin-top: 7px; line-height: 16px;
}
.login-form .form-group.openparty-warning .openparty-warning-msg:before{
    background: url(../images/warning-icon.svg); content: ''; width: 20px; height: 20px; position: absolute; left: 0px; top: -1px; display: block;
}
.btn-type2,.btn-type2:focus{ display: inline-block; color: #FFF; font-size: 24px; font-weight: 700; line-height: normal; padding: 10px 13px; background-color: #333333; border: 3px solid  #333333; border-radius: 50px; text-align: center; width: 100%; text-decoration: none; transition: 0.3s; }
.btn-type2:hover{background-color: #fff;color: #333;}
.login-form .signupform .btn-type2,.login-form .signupform .btn-type2:focus{max-width: 238px;}
.link-type1,.link-type1:focus{ color: #333; font-size: 20px; font-weight: 400; line-height: 30px; text-decoration-line: none; }
.link-type1:hover{text-decoration-line: underline;color:#333;}
.sub-hd-type1{ color: #333; text-align: center; font-size: 20px; font-weight: 400; line-height: 30px; display: block; }
.form-group .custom-checkbox { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; font-size: 20px; color: #333; font-weight: 400; line-height: 20px; box-shadow: none; outline: none; }
/* Hide native checkbox but keep it focusable & accessible */
.form-group .custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* The visible square box */
.form-group .custom-checkbox .box{ width: 20px;margin-top: 4px; height: 20px; min-width: 20px; border: 3px solid #333; border-radius: 1px; display: inline-flex; align-items: center; justify-content: center; background: transparent; transition: background .15s, border-color .15s; box-sizing: border-box; }
/* Checkmark (hidden by default) */
.form-group .custom-checkbox .box::after{ content: ""; width: 10px; height: 5px; border-left: 2px solid transparent; border-bottom: 2px solid transparent; transform: rotate(-45deg); opacity: 0; transition: opacity .12s, transform .12s; box-sizing: border-box;top: 10px;
    position: absolute; }
/* When checked: show checkmark using pseudo-element styled as tick */
.form-group .custom-checkbox input[type="checkbox"]:checked + .box::after{ border-left-color: #000; border-bottom-color: #000; opacity: 1; transform: rotate(-45deg) translateY(0); }
.login-menus .signup-menu{margin:0px;padding: 0px;list-style-type: none;    }
.login-menus .signup-menu .menu-item{margin-bottom: 15px;}
.login-menus .signup-menu .menu-item a,.login-menus .signup-menu .menu-item a:focus{color: #333; font-size: 20px; font-weight: 400; line-height: 30px; text-decoration-line: none; }
.login-menus .signup-menu .menu-item a:hover{text-decoration: underline;}
.cust-tooltip{background:url(../images/tooltip-icon.svg);width: 30px; height: 30px; display: inline-block; position: absolute; top: 40px; right: -15px;z-index: 9;}
.cust-tooltip.verified{background:url(../images/verified-icon.svg) !important;}
.tooltip{
    --bs-tooltip-opacity: 1 !important;
    --bs-tooltip-arrow-width: 12px !important;
    --bs-tooltip-arrow-height: 8px !important;
}
.tooltip .tooltip-inner{max-width: 385px; padding: 10px; text-align: left; background-color: #fff; border-radius: 10px; opacity: 1; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {border-right-color: #fff;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {border-top-color: #fff;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #fff;}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-left-color: #fff;}

.backlink,.backlink:focus{color: #333; font-size: 20px; font-weight: 400; line-height: 30px; padding-left: 30px; display: inline-block; position: absolute; top: 40px; left: 40px;}
.backlink:hover{color:#333;text-decoration: underline;}
.backlink:before{background: url(../images/Back-Icon.png); width: 20px; height: 20px; content: ''; display: inline-block; top: 6px; left: 0px; position: absolute;}
.ui-datepicker .ui-datepicker-title {display: flex !important;gap: 10px !important;}
#mobile-otp-error .cust-tooltip{right:-40px !important;}
/* candidates page */
.candidates-quebox{padding:80px 0 90px;}
.candidates-quebox .candidates-quebox-inner{border-radius: 30px;background: #A7CC00;padding: 40px 40px 137px 40px;position:relative;}
.candidates-quebox .candidates-quebox-inner .inner-box-bg,
.candidates-quebox .candidates-quebox-inner .ans-box-bg{background-color:#fff;border-radius:10px;padding:80px;⁨⁨}
.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question,
.candidates-quebox .candidates-quebox-inner .ans-box-bg,
.candidates-quebox .candidates-quebox-inner .inner-box-bg.voter-que,
.candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{
	min-height: 530px;
}
.candidates-quebox .candidates-quebox-inner .ans-box-bg{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.candidates-quebox .candidates-quebox-inner .candidate-quebox{color: #333; font-size: 36px; font-weight: 400; line-height: 46px; display: block; padding-bottom: 80px; margin-bottom: 40px; border-bottom: 1px solid #d9d9d9;height: 150px;overflow: auto;}
.candidates-quebox .candidates-quebox-inner .inputbox{margin-bottom:40px;position:relative;}
.candidates-quebox .candidates-quebox-inner .inputbox .areabox{resize: none; height: 50px; border: 0px; border-bottom: 1px solid #d9d9d9; color: #333; font-size: 20px; line-height: 24px; border-top: 0px; box-shadow: none; outline: none; padding: 0px 100px 0px 0px;}
.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox{height:200px;color: #333; font-size: 36px; font-weight: 400; line-height: 46px;}
.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox::-webkit-input-placeholder { color: #333; } 
.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox:-moz-placeholder { color: #333; } 
.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox::-moz-placeholder {color: #333; } 
.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox:-ms-input-placeholder { color: #333; }
.candidates-quebox .candidates-quebox-inner .inputbox #counter{color: #333; text-align: right; font-size: 16px; font-weight: 400; display: inline-block; margin: 0px; position: absolute; right: 0px; bottom: 9px;}
.candidates-quebox .candidates-quebox-inner .que-header{display:block; color: #333; font-size: 20px; font-weight: 400; line-height: 30px;margin-bottom:40px;}
.candidates-quebox .candidates-quebox-inner .ans-box{display: inline-flex; padding: 15px 20px 15px 55px; align-items: center; border-radius: 10px; background: #F4F4F4;color: #333; font-size: 24px; font-weight: 700; line-height: 29px;position:relative;}
.candidates-quebox .candidates-quebox-inner .ans-box:before{content: ''; background: url(../images/clap-sign.png); height: 25px; width: 25px; display: inline-block; position: absolute; top: 15px; left: 15px; background-size: 100%; }
.candidates-quebox .candidates-quebox-inner .ans-box.reachlimit:before{content: ''; background: url(../images/check-icon.png); }
.and-btns{display: flex; gap: 60px; flex-direction: row; justify-content: center;}
.and-btns > span {display: flex; flex-direction: column; gap: 20px; align-items: center;}
.and-btns .ans-btn{padding: 16px 20px; align-items: center; border-radius: 30px; background: #333; color: #F4F4F4; text-align: center; font-size: 24px; font-weight: 700; line-height: 25px; border: 2px solid #333333; box-shadow: none; outline: none; display: block; min-width: 225px;}
.and-btns .ans-btn:hover{background-color:#fff;color:#333333;}
.and-btns .ans-btn:focus{outline: none; background-color: #333; color: #F4F4F4;}
.and-btns .ans-btn:active{background-color:#fff;color:#333333;}




.start-question .and-btns .ans-btn:focus{background: #333 !important; color: #F4F4F4 !important;  border: 2px solid #333333 !important;}
.and-btns .notinterested-btn .notinterested{
	background:url(../images/not-interested-up.png);width:60px;height:60px;background-size:100%;background-repeat:no-repeat;text-align: center;margin: 0 auto;}
.and-btns .okicon-btn .okicon{
	background:url(../images/ok-icon-up.png);width:60px;height:60px;background-size:100%;background-repeat:no-repeat;text-align: center;margin: 0 auto;
}
.and-btns .great-btn .great-icon{
	background:url(../images/greate-que-up.png);width:60px;height:60px;background-size:100%;background-repeat:no-repeat;text-align: center;margin: 0 auto;
}
.events-section .hd-type2{margin-bottom:40px;}
.events-section .cms-type1{max-width:689px;}
.candidates-quebox .candidates-quebox-inner .que-counter-box{position: absolute;bottom:40px;left:40px; width: calc(100% - 80px); display:flex;justify-content: space-between;}
.candidates-quebox .candidates-quebox-inner .que-counter-box.ans-more-btn{justify-content: center; }
.candidates-quebox .candidates-quebox-inner .que-counter-box .que-counter{display: inline-flex; padding: 14px 40px; justify-content: center; align-items: center; gap: 10px; border-radius: 200px; background: #FFF; color: #333; font-size: 24px; font-weight: 700; line-height: 29px;}
#counter {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
  text-align: right;
}
.latest-news-sec#latest-events{padding-bottom:180px;}
.candidates-quebox .candidates-quebox-inner .ans-box-bg .empji-sec{margin-bottom:28px;}
.candidates-quebox .candidates-quebox-inner .ans-box-bg .empji-sec img{width:155px;}
.candidates-quebox .candidates-quebox-inner .ans-box-bg .ans-notification{color: #333; text-align: center; font-size: 36px; font-weight: 400; line-height: 46px; margin-bottom: 35px; display: block; max-width: 720px; margin: 0 auto 35px;}
/* Modal css */
.modal-cms{max-width:684px; color: #333; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.2;margin:0 auto;}
.loginmodal .modal-dialog{max-width:932px !important;}
.loginmodal .modal-dialog .modal-content{width: 100%; border-radius: 30px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25); padding: 60px 15px;}
.countiuemodal .btn-close,
.loginmodal .btn-close,.loginmodal .btn-close:focus{
	position: absolute; top: -35px; right: 10px; background: url(../images/modal-close.svg) no-repeat; height: 40px; width: 40px; padding: 0px; opacity: 1;
}
.countiuemodal .btn-close{
	 top: 15px; right: 15px;
}
.countiuemodal .btn-close:focus{
	outline: none;
	box-shadow: none;
}
.loginmodal .btn-close:hover{opacity:0.7;}
.modal-backdrop{background-color:#F4F4F4 !important;opacity:0.8 !important;}
.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation{
	overflow: visible; position: absolute; top: 84px; right: 84px; z-index: 9;
}
.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation .animations{
	background:url(../images/your-que-animated-up.webp);
	width:123px;height:123px;background-size: 100%;background-repeat: no-repeat;

}
.inner-box-bg .error-msg{font-size: 18px;}

@media(max-width:1500px){
	.and-btns .ans-btn{ font-size: 18px; padding: 10px 20px; line-height: 26px; }
	.candidates-quebox .candidates-quebox-inner .inner-box-bg,.candidates-quebox .candidates-quebox-inner .ans-box-bg{padding:40px;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.voter-que,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question,
	.candidates-quebox .candidates-quebox-inner .ans-box-bg,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{min-height: 440px;}
	.candidates-quebox .candidates-quebox-inner .candidate-quebox{font-size: 30px;line-height: 40px;padding-bottom: 50px;}
	.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox{font-size: 30px;line-height: 40px;}
	
}
@media(max-width:1199px){
	.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox{padding-bottom: 30px;font-size: 22px;line-height: 30px;}
    .loginstep-first{padding:40px !important;}
    .loginstep-first{min-height: 100vh;}
	.loginmodal .and-btns .ans-btn, .loginmodal .and-btns .ans-btn:focus,.loginmodal .and-btns .ans-btn:hover{max-width:230px;}	
	.and-btns{gap:30px;}
	.and-btns > span{flex:1;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .and-btns .ans-btn,.candidates-quebox .candidates-quebox-inner .ans-box-bg .and-btns .ans-btn:focus {font-size: 14px; height: 50px; max-width: 240px; width: 240px; flex: 1;}
	.candidate-ans .and-btns .ans-btn, .candidate-ans .and-btns .ans-btn:focus {font-size: 14px; height: 50px; max-width: 225px; flex: 1;}
	.and-btns .notinterested-btn .notinterested, .and-btns .okicon-btn .okicon, .and-btns .great-btn .great-icon {background-size: 100%;width: 40px;height: 40px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .ans-notification{font-size:25px;line-height:35px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .empji-sec {margin-bottom: 10px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation {top: 60px;right: 60px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation .animations{width: 50px;height: 50px;}
}
@media(max-width:1025px){
	.start-question .and-btns .ans-btn{font-size: 16px;}
    .loginstep-first{padding:40px;}
    .login-form .form-group .form-control{height: 50px;padding: 10px 50px 10px 40px;}
	/* Candidate page */
	.candidates-quebox .candidates-quebox-inner {padding: 25px 25px 100px 25px;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg,.candidates-quebox .candidates-quebox-inner .ans-box-bg {padding: 30px;}
	.candidates-quebox .candidates-quebox-inner .que-counter-box {bottom: 30px;}
	.candidates-quebox .candidates-quebox-inner .que-counter-box .que-counter {padding: 10px 25px;gap: 10px;font-size: 15px;line-height: 22px;}
	.candidates-quebox .candidates-quebox-inner .que-header { margin-bottom: 20px; font-size: 16px; line-height: 25px; }
	.candidates-quebox .candidates-quebox-inner .candidate-quebox {font-size: 18px;line-height: 25px;padding-bottom: 40px;}
	.candidates-quebox .candidates-quebox-inner .inputbox .areabox{padding:0px;}
	.and-btns {gap: 20px;}
	.and-btns .ans-btn{ font-size: 15px;line-height: 26px;padding: 10px 20px;}
	.and-btns .notinterested-btn .notinterested,.and-btns .okicon-btn .okicon,.and-btns .great-btn .great-icon{background-size:80%;}
	.candidates-quebox .candidates-quebox-inner .ans-box{font-size: 18px;line-height: 24px;}
	.loginmodal .modal-dialog .modal-content{margin:30px;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.voter-que,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question,
	.candidates-quebox .candidates-quebox-inner .ans-box-bg,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{min-height: 400px;}
}
@media(max-width:991px){
	
    .loginstep-first .signupform {width: 100%;}
    .loginstep-first {padding: 40px;}
    .loginstep-first .thirdparty-login {gap: 10px;}
    .loginstep-first .login-divider {margin: 25px 0px;}
    .login-form .form-group {margin-bottom: 30px;}
	.and-btns > span{flex:1;}
	.and-btns .ans-btn{font-size: 15px; height: 50px; max-width: 100%; min-width: 100%; flex: 1;}
	.candidate-ans .and-btns .ans-btn{min-width: 225px;margin-top: 10px;}
	.candidates-quebox {margin: 0px 0px 0px;}
	.latest-news-sec#latest-events {padding-bottom: 100px;}
	.loginmodal .modal-dialog .modal-content .modal-body{padding:20px;}
	.modal-cms{font-size:30px;line-height:40px;}
	.and-btns .notinterested-btn .notinterested, .and-btns .okicon-btn .okicon, .and-btns .great-btn .great-icon {background-size: 100%;width: 30px;height: 30px;}
	.candidates-quebox .candidates-quebox-inner .inputbox {margin-bottom: 20px;position: relative;}
	.candidates-quebox .candidates-quebox-inner .inputbox #counter {position: relative;right: 0px;bottom: 0;left: auto;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .empji-sec img{width:120px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .ans-notification {font-size: 20px;line-height: 30px;margin-bottom: 25px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .empji-sec {margin-bottom: 10px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation {top: 40px;right: 40px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation .animations{width: 50px;height: 50px;}
}
@media(max-width:767px){
	.candidates-quebox .and-btns > span{flex:unset;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.voter-que{min-height: 350px;}
	.and-btns > span{flex-direction: row;gap: 10px;}
	.and-btns {display: flex;gap: 10px;margin-bottom: 0px;flex-wrap: wrap;align-items: center;}
	.and-btns .ans-btn{width: 150px; font-size: 16px; font-weight: 700; line-height: 21px;}
	.modal-cms {font-size: 25px;line-height: 35px;}
	.candidates-quebox .candidates-quebox-inner {border-radius: 20px;}
	.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox {font-size: 20px;line-height: 30px;height: 150px;}
	.candidates-quebox .candidates-quebox-inner .que-counter-box{position: relative;bottom: auto;left: auto;margin-top: 20px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans {padding: 20px 20px 30px;}
	.candidates-quebox .candidates-quebox-inner {padding: 20px 20px 30px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .ans-notification {font-size: 16px;line-height: 25px;margin-bottom: 25px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation {top: 30px;right: 30px;}
	.candidates-quebox .candidates-quebox-inner.candidate-ans .que-animation .animations{width: 40px;height: 40px;}
	.candidates-quebox .candidates-quebox-inner .que-counter-box .que-counter{padding: 8px 12px;line-height: 10px;}
	.inner-box-bg .error-msg{font-size: 16px;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question,
	.candidates-quebox .candidates-quebox-inner .ans-box-bg,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{
		min-height: 410px;
	}
}
@media(max-width:576px){
    .loginstep-first{min-height: 100vh;}
    .loginstep-first .login-divider div:after,.loginstep-first .login-divider div:before {width: 120px;}
    .login-form .form-group .form-control {padding: 10px 20px 10px 20px;font-size: 15px;height: 45px;}
    .btn-type2, .btn-type2:focus {font-size: 17px;line-height: 19px;padding: 10px 13px;}
    .link-type1, .link-type1:focus{font-size: 17px;}
    .form-group .custom-checkbox{font-size: 17px;}
    .toggle-password {width: 18px;height: 18px;top: 13px;right: 25px;background-size: 100%;}
    .toggle-password.bi-eye-slash:before{top:8px;}
    .login-form .signupform .form-group {margin-bottom: 15px;}
    .login-form .signupform .form-divider {margin: 20px 0px 20px;}
    .login-form .signupform .btn-type2, .login-form .signupform .btn-type2:focus {max-width: 100%;}
	/* Candidate page */
	.candidates-quebox {margin: 0px 0px 0px;}
	.latest-news-sec#latest-events {padding-bottom: 80px;}
	.candidates-quebox .candidates-quebox-inner {padding: 20px 20px 30px;}
	.candidates-quebox .candidates-quebox-inner .inner-box-bg,.candidates-quebox .candidates-quebox-inner .ans-box-bg {padding: 20px;}
	.candidates-quebox .candidates-quebox-inner .que-header{margin-bottom:20px;font-size: 16px; line-height: 22px;}
	.candidates-quebox .candidates-quebox-inner .candidate-quebox {font-size: 18px;line-height: 25px;padding-bottom: 40px;}
	.candidates-quebox .candidates-quebox-inner .inputbox .areabox{padding:0px;}	
	.candidates-quebox .candidates-quebox-inner .ans-box{font-size: 18px;line-height: 24px;}
	.modal-cms {font-size: 20px;line-height: 30px;}
	.and-btns .ans-btn{width: 180px;font-size: 14px;font-weight: 700;line-height: 21px;}
	.candidates-quebox .candidates-quebox-inner .ans-box-bg .ans-notification {font-size: 18px;}
	.candidates-quebox .candidates-quebox-inner .inputbox.type-ans .areabox {font-size: 18px;line-height: 26px;}
	.ans-more-btn .ans-btn:hover, .que-finish .ans-btn:hover{
		background-color: #F4F4F4 !important; color: #333 !important; border-color: #F4F4F4 !important;
	}
/* 	.and-btns .ans-btn:hover{background-color:#333333 !important;color:#fff !important;} */
}
#os-suggestions {border: 0px solid #ccc;max-height: 200px;overflow-y: auto;position: absolute;background: #fff;width: 100%;z-index: 9999;}
#os-suggestions div {padding: 8px;cursor: pointer;}
#os-suggestions div:hover {background: #f0f0f0;}
.page-id-556 .image-content-section.common-padding{
	padding-bottom: 0px;
}
@media(max-width: 521px){
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question,
	.candidates-quebox .candidates-quebox-inner .ans-box-bg,
	.candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{
		min-height: 450px;
	}
	.candidates-quebox .and-btns > span{flex:1;}
}
@media (max-width: 1199px) {
	.candidates-quebox{padding:55px 0 65px;}
}
@media (max-width: 768px) {
	.candidates-quebox{padding:40px 0;}
}
.ans-more-btn .ans-btn,
.que-finish .ans-btn{
	padding: 16px 20px;
	align-items: center;
	border-radius: 30px;
	background: #F4F4F4;
	color: #333 ;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	border: 2px solid #F4F4F4;
	box-shadow: none;
	outline: none;
	display: block;
	min-width: 225px;
}
.ans-more-btn .ans-btn:hover,
.que-finish .ans-btn:hover{
	background: #333;
	border: 2px solid #333;
	color: #F4F4F4;
}
@media(max-width: 991px){
	.ans-more-btn .ans-btn,
	.que-finish .ans-btn{
        font-size: 15px;
        line-height: 22px;
        min-width: 150px;
    }
    .ans-more-btn .ans-btn,
    .start-question .and-btns .ans-btn{
    	min-width: 150px;
    }
    .candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question{
    	min-height: 250px !important;
    }
}
@media(max-width: 767px){
	.candidates-quebox .candidates-quebox-inner .que-counter-box{
        width: 100%;
    }
	.que-finish .ans-btn{padding: 8px 12px;line-height: 1.5;}
}
.account-btn{
    min-width: 120px !important;
    margin-top:10px;
}

.ans-btn-new{
	padding: 16px 20px;
    align-items: center;
    border-radius: 30px;
    background: #333;
    color: #F4F4F4;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    border: 2px solid #333333;
    box-shadow: none;
    outline: none;
    display: block;
    min-width: 225px;
}

.ans-btn-new:hover{
	 background: #fff;
	 color: #333;
}
.ans-btn-new:active {
    background: #333; /* back to default after tap */
    color: #F4F4F4;
}
@media (hover: hover) {
  .ans-btn-new:hover {
    background: #fff;
    color: #333;
  }
}
.page-id-3336 .candidates-quebox .candidates-quebox-inner .candidate-quebox{
	padding-bottom: 0px;
}