@charset "utf-8";
@font-face {     font-family: "IBM Plex Sans Roman";     src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/85648/IBMPlexSansVar-Roman.ttf"); } 


.fas, .fa, .fa-solid, .fa-regular {
	font-family: "Font Awesome 6 Free" !important;
}

.fa-brands, .fab {
	font-family: "Font Awesome 6 Brands" !important;
}

* {
	padding: 0;
	margin: 0;
	/* font-family: 'IBM Plex Sans' !important; */
	font-family: "IBM Plex Sans Roman", Times !important;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	min-height: 100vh;
	width: 100vw;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
/* CSS Document */
.header {
	background: #FFFFFF;
}


.table-heading {
	padding-left: 0px;
	color: blue;
	font-size: 16px;
	cursor: pointer;
}

.heading-form {
	position: relative;
	width: 100%;
	color: #3a2e7e;
	line-height: 20px;
}
.head-bell{
	float:left;
	margin:20px;
	padding-left: 550px;
}
.siteBest{
	color: #6C6C6C;
    font-size: 0.7rem;
    width: 95%;
    margin-left: 32%;
}
.regBack{
		background-color: #e7e2ff !important;
}
.padd-20{
	padding:20px;
}
.mr2{
	margin-right: 2rem;
}
.terms {
    margin-left: 271px;
    font-size: 16px;
    text-decoration: underline;
    color: white;
}
.blink {
  animation: blink 3s infinite;
}

@keyframes blink {
   0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(2);
  }
  51% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.italic{
	
    font-style: italic;
}
.text-left {
	text-align: left;
}

.text-unset {
	text-align: center;
}

.p-t-2-r {
	padding-top: 2rem !important;
}
.p-20{
	padding:20px;
}
.m-l-40 {
	margin-left: 40px !important;
}
.m-l-5 {
    margin-left: 5rem !important;
}
.m-l-11 {
    margin-left: 11rem !important;
}

.wordwrap {
	white-space: nowrap;
}

.custom-login-field {
	display: block;
	border: none;
	border-bottom: 1px solid #636464;
	padding: 10px;
	outline: none;
	width: 100%;
	margin-top: 10px;
}

.view-image {
	border-radius: 50%;
	height: 150px;
	width: 150px;
}

.link-button {
	color: red !important;
	background-color: transparent;
	border: none !important;
	text-decoration: underline;
}

.link-button-additional {
	color: red !important;
	background-color: transparent;
	border: none !important;
	text-decoration: underline;
	text-align: end;
}

.accordions h2 label, .accordions h3 label {
	font-family: 'Roboto Medium';
	font-size: 16px;
	color: #4a408a;
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}

.login100-form-title {
	font-family: Roboto;
	font-size: 30px;
	font-weight: bold;
	color: #382e80;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	display: block;
}
.footer-button{
	display: flex;
	}
.container {
	max-width: 100vw !important;
}

.inst-section{
	height: 214px;
    width: 404px;
    background: white;
    margin: 20px;
    border-radius: 0px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    text-align: left;
    margin-left: initial;
    display: flex;
}
.w-94{
	width: 97% !important;
}


/* .footer-image {
	background-image: url("../images/footer-strip.png");
	height: 10px;
	background-repeat: no-repeat;
	max-width: 1150px !important;
	background-size: cover;
	
} */
.h-80{
	height:auto !important;
}

.p-50{
	padding: 0 50px 0 50px !important;
}
.h-20{
	    height: 20px !important;
}
.h-15{
	    height: 15px !important;
}
.content-index {
	height: auto;
	background: #e7e2ff;;
	background-image: url("../images/bg-leatest.JPG");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	width: auto; 
	background-size: cover;
}

.content-about {
	height: auto;
	 /* background: #e7e2ff; */
	background-image: url("../images/about us image.JPG");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	/* width: 100%; */
	background-size: cover;
}
.content-help {
	height: auto;
	 /* background: #e7e2ff; */ 
	background-image: url("../images/bg-h.png");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	/* width: 100%; */
	background-size: cover;
}
.content-login {
	height: auto;
    background: #ebe7ff;
    background-image: url(../images/bg-l.png);
    background-repeat: no-repeat;
    padding-top: 6.2rem;
    width: auto;
    background-size: cover;
}
.content-reg {
	height: auto;
    background: #ebe7ff;
    background-image: url(../images/bg-r.png);
    background-repeat: no-repeat;
    padding-bottom: 2rem;
    width: auto;
    background-size: cover;
}
.mar-5{
	margin-left:5px !important;
}
.m-l-n-15{
	margin-left: -15px !important;
}
.my-btns{
	background-image:linear-gradient(43deg, #1D1D1E 92%, #F1B51C 93%) !important
	}
.previewI{
	padding : 10px;
	}
#main
{
	background: white;
}


.content-thank-you {
	padding: 4rem 0 4rem 0;
}

.content-about-us {
	padding: 3rem 0 3rem 0;
}

.content-helpdesk {
	height: 75vh !important;
	padding: 2rem 0 4rem 0;
}

.content-success {
	height: 72vh !important;
	padding: 2rem 0 4rem 0;
}

.bold-text {
	font-weight: bold;
	font-size: 14px;
}

.next-prev-container {
	display: flex;
	justify-content: flex-start;
	position: relative;
	max-width: 40%;
}

.next-prev-container1 {
	display: flex;
    justify-content: flex-start;
    position: relative;
    max-width: 60%;
}

.next-prev-container2 {
	display: block;
    justify-content: flex-start;
    position: relative;
    max-width: 60%;
}

.next-prev-container-add {
	display: flex;
	justify-content: space-around;
	position: relative;
	max-width: 100%;
}

.helpdesk-container {
	display: flex;
	justify-content: space-around;
}

.helpdesk {
	background: #4a408a;
	height: auto;
	color: #FFFFFF;
	font-weight: normal;
	padding: 25px;
	align-items: center;
}

.helpdesk-text-container {
	font-weight: bold;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.helpdesk-highlight-text {
	font-size: 38px;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.helpdesk-text {
	line-height: 21px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.newsletter-container {
	display: flex;
	position: relative;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	margin: 0px;
	padding: 0px;
}

.invite-friend-p {
	display: flex;
	align-items: center;
	width: 120px;
	margin: 0;
	padding: 0;
}

.invite-friend-text {
	overflow: hidden;
	word-wrap: normal;
	display: block !important;
	font-weight: 600;
	width: 95px;
	padding: 2px;
	align-items: center;
	line-height: 26px;
}

.p-input-icon-left, .p-input-icon-right {
	position: relative;
	display: inline-block;
}

.p-input-icon-right>i:last-of-type {
	position: relative;
	right: 2rem;
	color: #6c757d;
}

.p-inputtext {
	font-size: 1rem;
	color: #495057;
	background: #ffffff;
	padding: 0.75rem 0.75rem;
	border: 1px solid #ced4da;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s;
	appearance: none;
	border-radius: 6px;
}

.p-component, .p-component * {
	box-sizing: border-box;
}

.p-input-icon-right>.p-inputtext {
	padding-right: 2.5rem;
}

.p-inputtext {
	margin: 0;
}

:focus-visible {
	outline: none;
}

@media only screen and (max-width: 600px) {
	.email-box {
		margin-left: -12.5rem;
		width: 25rem;
	}
	.p-lr-25{
	padding: 0 30px !important;
}
.m-b-7 {
    margin-bottom: 7px !important;
}
.m-02 {
    margin: 0.5rem!important;
}
	.w-94{
		width:92% !important;
	}
	.p-20{
	padding:20px !important;
}
.p-20-m{
	padding: 0 !important;
}
	.hidden-xs{
	display:none;
}
.p-20{
	padding:0px !important;
}
	.inst-section-xs {
    height: 214px;
    width: 404px;
    background: transparent;
    margin: 50px;
    border-radius: 15px;
    text-align: center;
    box-shadow: none;
}
.m-l-20{
	margin-left:20px !important;
}
.mar-5{
	margin-left:0px !important;
}
.siteBest{
	color: #6C6C6C;
    font-size: 0.7rem;
    width: 95%;
    margin-left: 4%;
}
.zeroNot {
    margin: 20px;
    text-align: center;
    font-style: italic;
    padding-top: 25px;
}
.box{

  z-index:100;
  width: 360px;
  height: 0px;
  border-radius: 10px;
  transition: 0.5s;
  position: absolute;
  overflow-y: scroll;
  padding: 0px;
  left: -200px;
  margin-top: 5px;
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.1);
  cursor: context-menu;
}



}

.footer {
	background: #000;
	display: flex;
	justify-content: space-evenly;
	position: relative;
	align-items: center;
	height:12vh;
    width: auto !important;
}

.Squarewt {
	background: #FFFFFF;
	border-radius: 10px;
	width: 100%;
	height: auto;
	padding: 15px;
	font-size: 13px;
}

.Squarewt-regi {
	background: #FFFFFF;
	border-radius: 10px;
	width: 90%;
	height: 510px;
	padding: 15px;
}

.navbar-item {
	margin-right: 20px;
}

.btn {
	border: none !important;
	color: white !important;
	cursor: pointer !important;
	font-weight: bold !important;
}

/* Darker background on mouse-over */
.btn:hover {
	border: 1px solid #615898;
	color: #ded9fa;
}

.container-zero {
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-custom {
	background-color: #ffffff;
	border: 1px solid #fff;
	z-index: 100;
	margin-top: 15px;
	position: relative !important;
}

.custom-navbar {
	font-size: 18px;
	padding-bottom: 10px;
}

.main-custom-nav {
	list-style-type: none;
	display: none;
}

.custom-nav-links, .logo {
	text-decoration: none;
	color: #0000008c;
	font-size: 24px;
	font-weight: bold;
}

.main-custom-nav li {
	text-align: center;
	margin: 15px auto;
}

li.nav-item {
	margin-left: 2rem;
}

.logo {
	display: inline-block;
	font-size: 22px;
	margin-top: 10px;
	margin-left: 20px;
}

.custom-navbar-toggle {
	position: relative;
	right: 50px;
	cursor: pointer;
	color: #0000008c;
	font-size: 24px;
	display: flex;
	float: right;
	height: 69px;
	align-items: center;
}

#chkToggle {
	display: none;
}

#chkToggle:checked+ul.main-custom-nav {
	display: block;
}
.icons {
    display: inline;
    float: right;
    padding-top: 10px;
}
.head-bell{
	float:left;
	margin:20px;
	padding-left: 80px;
}
/* .m-wel{
	margin-left:-1em;
} */

@media screen and (min-width: 768px) {
	.custom-navbar {
		display: flex;
		justify-content: space-between;
		padding-bottom: 0;
		height: 70px;
		align-items: center;
	}
	
	.w-94{
		width:97% !important;
	}
	
	#chkToggle:checked+ul.main-custom-nav {
		display: flex;
	}
	.main-custom-nav {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		margin: 0 4rem 0 0 !important;
	}
	.main-custom-nav li {
		margin: 0;
	}
	.custom-nav-links {
		margin-left: 40px;
	}
	.logo {
		margin-top: 0;
	}
	.custom-navbar-toggle {
		display: none;
	}
	.nav-link {
		font-size: 16px;
	}
	/* .inst-section-xs {
    height: 214px;
    width: 404px;
    background: transparent;
    margin: 50px;
    border-radius: 15px;
    text-align: center;
    box-shadow: none;
} */
}

.edit-btn {
	position: relative;
	top: 0.65rem;
	right: 0.65rem;
	z-index: 10;
	display: block;
	padding: 0.25rem 0.5rem;
	font-size: .65em;
	color: #0d6efd;
	background-color: #fff;
	border: 1px solid;
	border-radius: 0.25rem;
	width: 50px;
}
.edit-btn-upload{
	/* position: absolute; */
    right: 1.5rem;
    z-index: 10;
    margin-top: 0.5rem;
    display: block;
    padding: 0.25rem 0.5rem;
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid;
    border-radius: 0.25rem;
    width: 122px;
    text-transform: uppercase;
}
.bttn {
  border: 2px solid black;
    background-color: Black;
    color: black;
    padding: 5px 9px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    width: 150%;
    margin-top: 5rem;
    text-align:center;
    text-transform: uppercase;
    }
    
 .bttn1{
 border: 2px solid black;
  background-color: white;
  color: black;
  padding: 5px 9px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 5px;
  font-weight:bold;
 }   
.warning:hover {
  background: #E7702F !important;
  color: white !important;
}
.warning {
  border-color: Black !important;
  color: white !important;
}
.add-more {
  color: white !important;
  width:150px;
  height:50px;
  text-align: center !important;
}

.add-more1 {
  border-color: #F1B51C !important;
  color: #E7702F !important;
  width:150px;
  height:50px;
  text-align: center !important;
}
.main-title {
	border-bottom: 5px solid #3C377E;
	color: #3C377E;
	font-weight: bold;
}

.main-title1 {
	border-bottom: 5px solid #3C377E;
	color: #3C377E;
	font-weight: bold;
}

.sub-title {
	border-bottom: 5px solid #bdbdbd;
	font-weight: bold;
}

.p-1-5 {
	padding: 1.5rem !important;
}

.accordion-item {
	border: 0;
}

.accordion-button {
	box-shadow: inset 0 -2px 0 rgb(0 0 0/ 25%);
}

.modal {
	background: #00000050;
}

.modal-footer-upload {
	justify-content: flex-start !important;
}

.manadetory-fields {
	color: red;
}

.poster1 {
	background-image: url("../images/candidate.png");
	min-height: 446px;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.poster-reg {
	/* background-image: url("../images/candidate.png"); */
	min-height: 446px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}

.poster-index {
	/* background-image: url("../images/candidate.png"); */
	min-height: 520px;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
 
.index-title {
	    font-size: 50px;
    color: white;
    /* font-weight: bold; */
    width: 50%;
    line-height: 1.2em !important;
    
}
.mb-03{
	margin-bottom: 8rem !important;
}
.title_text {
	font-size: 18px;
	color: #fff;
	width: 100%;
}
.zeroNot {
    margin: 20px;
    text-align: center;
    font-style: italic;
    padding-top: 25px;
}

.codebar {
	margin-top: -7px;
}

ul.social-network {
	list-style: none;
	display: inline;
	margin: 0 !important;
}

ul.social-network li {
	display: inline;
	margin: 0 3px;
}

.social-network a.icoYt:hover {
	background-color: #e52d27;
}

.social-network a.icoFacebook:hover {
	background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
	background-color: #0077b5;
}

.social-network a.icoGoogle:hover {
	background-color: #BD3518;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 20px;
	background-color: #fff;
}

.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 3.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.8s;
}

.social-circle i {
	color: #ccc;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.personsl-dtl {
	font-family: 'Roboto';
	border-spacing: 0;
	border-collapse: collapse;
	word-wrap: break-word;
}

.personsl-dtl th {
    background: #392e7f;
    padding: 5px;
    vertical-align: middle;
    color: #fff;
    border-width: 1px 1px 0 0;
    border: #bbbbbb 1px solid;
    font-size: 13px;
    word-break: keep-all;
    text-align: center;
}
.table-prop{
	height: 20rem;
    overflow: auto;
}

.custom-btn-warning {
	background-color: Black !important;
	border-radius: 0px !important;
}

.custom-check {
	height: 15px;
	width: 15px;
	margin-right: 10px;
}

.custom-form-action-btn {
	width: 100%;
	border-radius: 10px;
	margin-right: 25px;
	line-height: 2rem !important;
}

.custom-form-action-btn-ins {
	border-radius: 10px;
	margin-right: 25px;
	line-height: 2.5rem !important;
}

.custom-input-field {
	display: block;
	border: none;
	border-bottom: 1px solid #636464;
	padding: 5px 1px;
	outline: none;
	width: 100%;
}

.custom-count-box {
	height: 90px;
	background-color: #8d00ff99;
	color: #fff;
	border-radius: 10px;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.h-620 {
	height: 620px;
}

.th-dashboard {
	color: #fff;
	background-color: #4a408a !important;
}

.l-h-2 {
	line-height: 2;
}
.thankyou-content {
	background: white;
	height: fit-content;
	display: flex;
	flex-flow: column;
	padding: 40px 40px 20px 40px !important;
	border-radius: 20px;
}
.thankyou-content-welcome{
	background: white;
	height: fit-content;
	display: flex;
	flex-flow: column;
	padding: 40px 40px 20px 40px !important;
	border-radius: 20px;
}

.thankyou-content-about {
    background: white;
    height: fit-content;
    display: flex;
    flex-flow: column;
    padding: 40px 40px 20px 40px !important;
}
.thankyou-content-help {
	background: white;
	height: fit-content;
	display: flex;
	flex-flow: column;
	padding: 40px 40px 20px 40px !important;
	
}



.contact-number-container {
	justify-content: flex-end;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	line-height: 35px;
	border-bottom: 1px solid black;
}

.custom-height-container {
	height: calc(100vh - 230px) !important;
}

.contact-number-input {
	flex: 1;
	border: none;
}

.contact-number-button {
	border-radius: 10px;
	background: none;
	color: green;
	align-items: flex-end;
	width: 95px;
	margin-bottom: 5px;
	border: 2px solid green;
	text-align: center;
	cursor: pointer;
	line-height: 23px;
}

.form-group {
	margin: 1rem 0rem 1rem 0rem;
}

.form-help-text {
	color: darkgray;
	position: relative;
	top: 10px;
	font-style: italic;
	font-size: 12px;
}

.w-170 {
	width: 170px;
}

.otp-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 1rem 0rem 0rem 0rem;
}

.otp-attempt-text {
	margin-top: -10px;
	display: flex;
}

.otp-container input {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin: 5px;
	border: 1px solid black;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}

.otp-container .icon-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
	color: #E7702F;
	cursor: pointer;
}

.copyright {
	color: #6C6C6C;
	font-size: 0.7rem;
	width: 75%;
}


.helpdesk-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .05);
}

.radio-div label {
	margin-right: 15px
}
.icons {
    display: inline;
    float: right;
    padding-top: 10px;
}
.head-bell{
	float:left;
	margin:20px;
	padding-left: 80px;
}
/*  .m-wel{
	margin-left:-1em;
} */
 
.helpdesk i {
	margin: 0px 5px;
	top: 5px;
	position: relative;
}


@media ( min-width : 992px) and (max-width: 1199.98px) {
	/* .content-after-login {
		height: auto;
		min-height: 100vh;
	} */
}

/* // Extra large devices (large desktops, 1367px and up) */
@media ( min-width : 1367px) {
	.custom-center-align {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.m-l-10{
	margin-left: 10px !important;
}
	.terms{
		margin-left: 312px !important;
    font-size: 16px;
    text-decoration: underline;
    color: white;
	}

	/* .content-after-login {
		height: auto;
		min-height: 100vh;
	} */
}
/*media query*/

/* // Extra small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
	.mobile-break {
		display: none;
	}
	.m-b-7 {
    margin-bottom: 7px !important;
}
	.p-20{
	padding:3px !important;
}
.p-20-m{
	padding: 0 !important;
}
.m-02 {
    margin-left: 5px !important;
    margin-bottom: 17px !important;
}
.w-94{
	width:92% !important;
}
.p-20{
	padding:20px !important;
}
.p-lr-25{
	padding: 0 30px !important;
}
.mb-03{
	margin-bottom: 0rem !important;
}
span.deleteicon input {
    padding-right: 135px !important;
    box-sizing: border-box;
}
.m-ri-5{
    margin-right: 7rem;

}
	.m-l-40 {
		margin-left: 0px !important;
	}
	.footer-button{
	display: flex;
    justify-content: space-evenly;
	}
	.pad-0{
	padding: 0!important;
	}

	div>.upload-pic {
		width: 100% !important
	}
	.next-prev-container {
    max-width: 100% !important;
}
	.indexBackground .content-index {
	height: auto;
	background: #ebe7ff;
	background-image: url("../images/candidate-mob.jpg");
	background-repeat: no-repeat;
	 padding-top: 5rem; 
	/* width: 100%;  */
	background-size: 100% 100%;
}
.indexBackground .title_text {
    font-size: 18px;
    color: #fff;
    width: 95%;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.indexBackground  .index-title {
    margin-top: 120%;
    font-size: 35px !important;
    color: white;
}
.indexBackground  .terms {
    margin-left: 32%;
    font-size: 16px;
    text-decoration: underline;
    color: white;
    /* width: max-content !important; */
    width: 100%;
}
.indexBackground .d-inline {
    display: block !important;
}
.aboutBackground .content-about {
	height: auto;
	background: #ebe7ff;
	background-image: url("../images/bg-a-mob2.png");
	background-repeat: no-repeat;
	 padding-top: 5rem; 
	/* width: 100%;  */
	background-size: cover;
}
.aboutBackground .thankyou-content-about {
    background: white;
    display: flex;
    flex-flow: column;
    padding: 23px 23px 20px 23px !important;
    font-size: smaller;
    height: 351px !important;
}
.overflow{
	overflow: scroll;
}
.m-l-5 {
    margin-left: 1.5rem !important;
    
}
.aboutBackground .fs-title-summary {
	color: white !important;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 2rem !important;
    margin-bottom: 1rem !important;
    font-size: 30px;
    margin-top:17rem !important;

}
.aboutBackground  .terms {
    margin-left: 32%;
    font-size: 16px;
    text-decoration: underline;
    color: white;
    /* width: max-content !important; */
    width: 100%;
}
.helpBackground .thankyou-content-help {
    background: white;
    display: flex;
    flex-flow: column;
    padding: 23px 23px 20px 23px !important;
    font-size: smaller;
    height: 351px !important;
}
.helpBackground .content-help {
	
	height: 85vh !important;
	 background: #e7e2ff;
	background-image: url("../images/bg-h-mob.png");
	background-repeat: no-repeat;
	padding-top: 5rem;
	/* width: 100%; */
	background-size: cover;
}
.helpBackground .help{
	background: white;
    display: flex;
    flex-flow: column;
    padding: 12px !important;
    font-size: smaller;
    height: 180px !important;
}
.helpBackground .mt-20{
	margin-top: 0rem !important;
}
.helpBackground .m-b-25 {
	margin-bottom: 50px !important;
}
.helpBackground .fs-title-summary{
	color: white !important;
    text-align: left;
    padding: 0 !important;
    margin-left: 2rem !important;
    margin-bottom: 1rem !important;
    font-size: 30px;
    margin-top: 13rem !important;
}
.helpBackground .mt-auto{
	margin-top:15rem !important;
}


.helpBackground  .terms {
    margin-left: 34%;
    font-size: 16px;
    text-decoration: underline;
    color: white;
    /* width: max-content !important; */
    width: 100%;
}
.loginBackground .content-login {
	height: auto;
	background: #ebe7ff;
	background-image: url("../images/bg-l-mob.png");
	background-repeat: no-repeat;
	 padding-top: 14rem; 
	/* width: 100%;  */
	background-size: cover;
}
.loginBackground .terms {
    margin-left: 32%;
    font-size: 16px;
    text-decoration: underline;
    color: white;
    /* width: max-content !important; */
    width: 100%;
}
.loginBackground .d-inline {
    display: block !important;
}
.loginBackground .p-5 {
    padding: 1rem!important;
}	
.registrationBg .content-reg {
	height: auto;
	background: #ebe7ff;
	background-image: url("../images/bg-r-mob.png");
	background-repeat: no-repeat;
	/* padding-top: 0.3rem !important; */
    width: auto;
    background-size: cover;
}
.registrationBg .mt-reg{
	    margin: 1rem!important;
}
.registrationBg .terms {
    margin-left: 32%;
    font-size: 16px;
    text-decoration: underline;
    color: white;
    /* width: max-content !important; */
    width: 100%;
}
.registrationBg .d-inline {
    display: block !important;
}
.thankyou-content-welcome-mob{
	background: white;
	height: fit-content;
	display: flex;
	flex-flow: column;
	padding: 40px 40px 20px 40px !important;
	border-radius: 20px;
}
.regBack .common_dashboard{
    border: 1px solid #dddddd;
    padding: 0px !important;
    background: #fff;
    margin: 10px auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(107, 107, 107, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(107, 107, 107, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(107, 107, 107, 0.3);
}
}
.copyright {
	color: #6C6C6C;
	font-size: 0.7rem;
	width: 65%;
	margin-left: 4%;
}
.copyrighthelpdesk {
	color: #6C6C6C;
	font-size: 0.7rem;
	width: 67%;
	margin-left: 4%;
}

.m-wel{
	margin-left: 0.5em;
}
.zeroNot {
    margin: 20px;
    text-align: center;
    font-style: italic;
    padding-top: 25px;
}
 
}

/* // Small devices (landscape phones, 576px and up) */
@media ( min-width : 576px) and (max-width: 767.98px) {
	.mobile-break {
		display: none;
	}
	.m-02 {
    margin: 0.5rem!important;
}
	.p-20{
	padding:20px !important;
}
.p-lr-25{
	padding: 0 30px;
}
	.title_text {
		width: 100%;
	}
	.poster-extra {
		background-size: contain;
		position: relative;
		background-position: 0px bottom;
	}
	.m-l-40 {
		margin-left: 0px !important;
	}
	.pad-0{
	padding: 0!important;
	}
	.icons {
    display: inline;
    float: right;
    padding-top: 10px;
}
.head-bell{
	float:left;
	margin:20px;
	padding-left: 80px;
}


}
.icons {
    display: inline;
    float: right;
    padding: 10px 45px 0 0;
}
.head-bell{
	float:left;
	margin:20px;
	padding-left: 670px;
}



@media ( max-width : 767.98px) {

	.poster-index {
		background-position: bottom;
		background-position-x: 90px;
		background-position-y: 0px;
		background-image: url("../images/candidate-mob.png");
	}
	
	.icons {
    display: inline;
    float: right;
    padding-top: 15px;
    margin-left: -20px;
}
.head-bell{
	float:left;
	margin:18px;
	padding-left: 80px;
}
.m-wel{
	margin-left:-1em;
}

}
	
/* // Medium devices (tablets, 768px and up) */
@media ( max-width : 991.98px) {
	.helpdesk-container {
		display: none;
	}
	.newsletter-container {
		align-items: flex-end !important;
		flex-direction: column;
	}
	
	
	/* .next-prev-container {
		max-width: 100%!important;
	} */
	.index-title {
		font-size: 40px !important;
		width: 100% !important;
	}
	
	
	/* .title_text {
		margin-top: 25%;
	} */
}

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

/* // Extra large devices (large desktops, 1200px and up) */
@media ( min-width : 1200px) {
	...
}

@media ( min-width :320px) {
	/* smartphones, iPhone, portrait 480x320 phones */
}

@media ( min-width :481px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media ( min-width :641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media ( min-width :961px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media
(
min-width
:1025px)
{
/* big landscape tablets, laptops, and desktops */
}
@media ( min-width :1281px) { /* hi-res laptops and desktops */
}

.upload-resume {
	padding: 10px !important;
	background-color: lightgray;
	width: 100% !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 3px !important;
}

.primary-color {
	color: #4a408a;
}

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

/*Background color*/
#grad1 {
	background-color: #9C27B0;
	background-image: linear-gradient(120deg, #FF4081, #81D4FA);
}

/*form styles*/
#msform {
	text-align: left;
	position: relative;
	margin-top: 20px;
}

#msform input[type='radio'] {
	width: 35px !important;
}

#msform input[type='checkbox'] {
	width: 35px !important;
}

#msform fieldset .form-card {
	background: white;
	border: 0 none;
	border-radius: 0px;
	padding: 20px 40px 30px 40px;
	box-sizing: border-box;
	width: 100%;
	/*stacking fieldsets above each other*/
	position: relative;
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	/*stacking fieldsets above each other*/
	position: relative;
}

/*Hide all except first fieldset*/
#msform
 
fieldset
:not
 
(
:first-of-type
 
)
{
display
:
 
none
;


}
#msform fieldset .form-card {
	text-align: left;
	color: #9E9E9E;
}

.form-card-summary {
	padding: 0 15px 0 15px;
}

.form-card-dialog {
	padding: 15px 15px 15px 15px;
}


.form-card-summary input {
	border: 0px !important;
	margin-bottom: 10px !important;
	color: #4a408a !important;
}

#msform textarea, #msform input {
	padding: 0px 4px 4px 4px;
	border: 1px solid lightgray;
	border-radius: 3px;
	margin-bottom: 25px;
	margin-top: 2px;
	width: 100% !important;
	box-sizing: border-box;
	font-family: montserrat;
	color: #555;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 3rem;
}

#msform input[disabled] {
	background-color: #ebe9e9 !important;
}

#msform input:focus, #msform textarea:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none;
	font-weight: bold;
	border: 1px solid #4a408a;
	outline-width: 0;
}

.checkbox-mark {
	border-radius: unset;
}

/*Blue Buttons*/
#msform .action-button {
	width: 100px;
	background: #4a408a;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #4a408a;
}

/*Previous Buttons*/
#msform .action-button-previous {
	width: 100px;
	background: #616161;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus
	{
	box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

/*Dropdown List Exp Date*/
select.list-dt {
	border: none;
	outline: 0;
	border-bottom: 1px solid #ccc;
	padding: 2px 5px 3px 5px;
	margin: 2px;
}

select.list-dt:focus {
	border-bottom: 2px solid #4a408a;
}

/*The background card*/
.card {
	z-index: 0;
	border: none;
	border-radius: 0.5rem;
	position: relative;
}

/*FieldSet headings*/
.fs-title {
	font-size: 25px;
	color: #2C3E50;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}
.drop-width{
	    width: -webkit-fill-available;
}
.modal-center{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.fs-title-summary {
	color: white;
	text-align: left;
	margin: 0 !important;
	padding: 0 !important;
	margin-left: 5rem !important;
	margin-bottom: 1rem !important;
	font-size:50px;
}
.fs-title-summary-up {
	color: #4a408a;
	text-align: left;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 1rem !important;
}
.fs-title-summary-pay {
	color: #4a408a;
	font-weight: bold;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}
  

.fs-title-label {
	color: #4a408a;
	font-size: 14px;
	font-weight: bold;
}
.coral-text{
	color: black;
	width: 100%;
	padding:1rem !important; 
}
.coral-text-mob{
	color: coral;
	width:50%;
}
.coral-text-p{
	width: 100%;
    margin-left: 3% !important;
    padding-right: 6%;
}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: lightgrey;
	padding: 0 2rem 0 2rem;
}

#progressbar .active {
	color: #000000;
}

#progressbar li {
	list-style-type: none;
	font-size: 12px;
	width: 20%;
	float: left;
	position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #personal:before {
	font-family: FontAwesome;
	content: "\f007";
}

#progressbar #contact:before {
	font-family: FontAwesome;
	content: "\f095";
}

#progressbar #education:before {
	font-family: FontAwesome;
	content: "\f19d";
}

#progressbar #additional:before {
	font-family: FontAwesome;
	content: "\f141";
}

#progressbar #image:before {
	font-family: FontAwesome;
	content: "\f1c5";
}

#progressbar #resume:before {
	font-family: FontAwesome;
	content: "\f15c";
}
/* #progressbar #preview:before {
	font-family: FontAwesome;
	content: "\f141";
} */

/*ProgressBar before any progress*/
#progressbar li:before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 18px;
	color: #ffffff;
	background: lightgray;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: lightgray;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
	background: #4a408a;
}

/*Imaged Radio Buttons*/
.radio-group {
	position: relative;
	margin-bottom: 25px;
}

.radio {
	display: inline-block;
	width: 204;
	height: 104;
	border-radius: 0;
	background: lightblue;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	cursor: pointer;
	margin: 8px 2px;
}

.radio:hover {
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

/*Fit image in bootstrap div*/
.fit-image {
	width: 100%;
	object-fit: cover;
}


	/* ==========================================================================
   #FONT
   ========================================================================== */
	.font-robo {
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
}

.font-poppins {
	font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
}

/* ==========================================================================
   #GRID
   ========================================================================== */
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row-space {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.col-2 {
	width: -webkit-calc(( 100% - 30px)/2);
	width: -moz-calc(( 100% - 30px)/2);
	width: calc(( 100% - 30px)/2);
}

@media ( max-width : 767px) {
	.col-2 {
		width: 100%;
	}
	
}
@media ( min-width : 600px) and (max-width: 2400px){
	.imp-ins {
	display:none !important;
	
}
	
}
/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	padding: 0;
	margin: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, figure, hr,
	fieldset, legend {
	margin: 0;
	padding: 0;
}

hr {
	height: 2px !important;
	border-width: 0 !important;
	color: gray !important;
	background-color: #4a408a !important;
	margin: 0.5rem 0 !important;
}

/**
 * Remove trailing margins from nested lists.
 */
li>ol, li>ul {
	margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
	min-width: 0;
	/* [1] */
	border: 0;
}

button {
	outline: none;
	background: none;
	border: none;
}

/* ==========================================================================
   #PAGE WRAPPER
   ========================================================================== */
.page-wrapper {
	min-height: 100vh;
}

body {
	font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

/* h4 {
	font-size: 18px;
} */

h5 {
	font-size: 15px;
}

h6 {
	font-size: 13px;
}

.forgot-user {
	font-size: 22px;
	font-weight: bold;
}
/* ==========================================================================
   #BACKGROUND
   ========================================================================== */
.bg-blue {
	background: #2c6ed5;
}

.bg-red {
	background: #fa4251;
}

.bg-gra-01 {
	background: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb),
		to(#a18cd1));
	background: -webkit-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
	background: -moz-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
	background: -o-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
	background: linear-gradient(to top, #fbc2eb 0%, #a18cd1 100%);
}

.bg-gra-02 {
	background: -webkit-gradient(linear, left bottom, right top, from(#fc2c77),
		to(#6c4079));
	background: -webkit-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
	background: -moz-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
	background: -o-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
	background: linear-gradient(to top right, #fc2c77 0%, #6c4079 100%);
}

/* ==========================================================================
   #SPACING
   ========================================================================== */
.m-l-10 {
	margin-left: 10px !important;
}

.m-l-n-10 {
	margin-left: -10px !important;
}

.p-t-100 {
	padding-top: 100px;
}

.p-t-130 {
	padding-top: 130px;
}

.p-t-180 {
	padding-top: 180px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-b-100 {
	padding-bottom: 100px;
}

.m-r-45 {
	margin-right: 45px;
}

.m-r-60 {
	margin-right: 5rem !important;
}
.ml50{
	margin-left: 50px !important;
}

/* ==========================================================================
   #WRAPPER
   ========================================================================== */
.wrapper {
	margin: 0 auto;
}

.wrapper--w960 {
	max-width: 960px;
}

.wrapper--w780 {
	max-width: 780px;
}

.wrapper--w680 {
	max-width: 680px;
}

/* ==========================================================================
   #BUTTON
   ========================================================================== */
.btn {
	display: inline-block;
	line-height: 23px !important; 
	/* padding: 0 50px; */
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	font-family: "Poppins", "Arial", "Helvetica Neue", sans-serif;
}

.btn--radius {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.btn--radius-2 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn--pill {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.btn--green {
	background: #57b846;
}

.btn--green:hover {
	background: #4dae3c;
}

.btn--blue {
	background: #4272d7;
}

.btn--blue:hover {
	background: #3868cd;
}

/* ==========================================================================
   #DATE PICKER
   ========================================================================== */
td.active {
	background-color: #2c6ed5;
}

input[type="date" i] {
	padding: 14px;
}

.table-condensed td, .table-condensed th {
	font-size: 14px;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;
}

.daterangepicker td {
	width: 40px;
	height: 30px;
}

.daterangepicker {
	border: none;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	display: none;
	border: 1px solid #e0e0e0;
	margin-top: 5px;
}

.daterangepicker::after, .daterangepicker::before {
	display: none;
}

.daterangepicker thead tr th {
	padding: 10px 0;
}

.daterangepicker .table-condensed th select {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px;
	outline: none;
}

/* ==========================================================================
   #FORM
   ========================================================================== */
input {
	outline: none;
	margin: 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	font-size: 16px;
	font-family: inherit;
}

.input--style-4 {
	line-height: 50px;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 16px;
	color: #666;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 10px;
}

.input--style-4::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #666;
}

.input--style-4:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #666;
	opacity: 1;
}

.input--style-4::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #666;
	opacity: 1;
}

.input--style-4:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #666;
}

.input--style-4:-ms-input-placeholder {
	/* Microsoft Edge */
	color: #666;
}

.label {
	font-size: 16px;
	color: black;
	text-transform: capitalize;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

.label-summary {
	font-size: 16px;
	color: black;
	text-transform: capitalize;
	display: block;
	margin-bottom: 5px;
}

.radio-container {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 16px;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio-container input:checked ~.checkmark {
	background-color: #e5e5e5;
}

.radio-container input:checked ~.checkmark:after {
	display: block;
}

.radio-container .checkmark:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #57b846;
}

.checkmark {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.input-group {
	position: relative;
	margin-bottom: 22px;
}

.input-group-icon {
	position: relative;
}

.input-icon {
	position: absolute;
	font-size: 18px;
	color: #999;
	right: 18px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.text-right {
	text-align: right;
}

/* ==========================================================================
   #SELECT2
   ========================================================================== */
.select--no-search .select2-search {
	/* display: none !important; */
	
}

.rs-select2 .select2-container {
	width: 100% !important;
	outline: none;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rs-select2 .select2-container .select2-selection--single {
	outline: none;
	border: none;
	height: 50px;
	background: transparent;
}

.rs-select2 .select2-container .select2-selection--single .select2-selection__rendered
	{
	line-height: 50px;
	padding-left: 0;
	color: #555;
	font-size: 16px;
	font-family: inherit;
	padding-left: 22px;
	padding-right: 50px;
}

.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow
	{
	height: 50px;
	right: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b
	{
	/* display: none; */
	
}

.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after
	{
	font-family: "Material-Design-Iconic-Font";
	content: '\f2f9';
	font-size: 24px;
	color: #999;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after
	{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.select2-container--open .select2-dropdown--below {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	border: 1px solid #e0e0e0;
	margin-top: 5px;
	overflow: hidden;
}

.select2-container--default .select2-results__option {
	padding-left: 22px;
}
/* ==========================================================================
   #Added for multiSelection  dropdown by Jyoti
   ========================================================================== */
.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: ""; 
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option--selected[aria-selected]:before {
	font-family: fontAwesome;
	content: "\f00c" !important;
	color: #400040;
	/* background-color: #ffffff; */
	border: 2px solid #e9e9e9 !important;
  border-radius: 4px;
	display: inline-block;
	padding-left: 3px;
} 
.select2-results__option--selected[aria-selected=true]:before {
	font-family: fontAwesome;
	content: "\f00c" !important;
	color: #400040;
	/* background-color: #ffffff; */
	border: 2px solid #e9e9e9 !important;
  border-radius: 4px;
	display: inline-block;
	padding-left: 3px;
} 
.select2-container--default .select2-results__option--selected {
    background-color: #fff !important; 
}
.select2-results__option[aria-selected=true]:before {
  font-family: fontAwesome;
  content: ""; 
  color: #400040;
  border: 0;
  display: inline-block;
  padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb;
	color: #272727 !important;
}
.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #f77750;
	border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
	border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
	
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

}
.select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	color: #272727 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e7e2ff !important;
}
                                                
/*End of multiSelection dropdown  */

/* ==========================================================================
   #TITLE
   ========================================================================== */
.title {
	font-size: 24px;
	color: #525252;
	font-weight: 400;
	margin-bottom: 40px;
}

/* ==========================================================================
   #CARD
   ========================================================================== */
.card {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}

.card-4 {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}

.card-4 .card-body {
	padding: 57px 65px;
	padding-bottom: 65px;
}

@media ( max-width : 767px) {
	.card-4 .card-body {
		padding: 50px 40px;
	}
}

select {
	/* display: none !important; */
	
}

.dropdown-select {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25)
		0%, rgba(255, 255, 255, 0) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF',
		endColorstr='#00FFFFFF', GradientType=0);
	background-color: #fff;
	border-radius: 6px;
	border: solid 1px #eee;
	box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}

.dropdown-select:focus {
	background-color: #fff;
}

.dropdown-select:hover {
	background-color: #fff;
}

.dropdown-select:active, .dropdown-select.open {
	background-color: #fff !important;
	border-color: #bbb;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
	height: 0;
	width: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #777;
	-webkit-transform: origin(50% 20%);
	transform: origin(50% 20%);
	transition: all 0.125s ease-in-out;
	content: '';
	display: block;
	margin-top: -2px;
	pointer-events: none;
	position: absolute;
	right: 10px;
	top: 50%;
}

.dropdown-select.open:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.dropdown-select.open .list {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}

.dropdown-select.open .option {
	cursor: pointer;
}

.dropdown-select.wide {
	width: 100%;
}

.dropdown-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}

.dropdown-select .list {
	box-sizing: border-box;
	transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s
		linear;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
	background-color: #fff;
	border-radius: 6px;
	margin-top: 4px;
	padding: 3px 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
	max-height: 250px;
	overflow: auto;
	border: 1px solid #ddd;
}

.dropdown-select
 
.list
:hover
 
.option
:not
 
(
:hover
 
)
{
background-color
:
 
transparent
 
!
important
;


}
.dropdown-select .dd-search {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.5rem;
}

.dropdown-select .dd-searchbox {
	width: 90%;
	padding: 0.5rem;
	border: 1px solid #999;
	border-color: #999;
	border-radius: 4px;
	outline: none;
}

.dropdown-select .dd-searchbox:focus {
	border-color: #12CBC4;
}

.dropdown-select .list ul {
	padding: 0;
}

.dropdown-select .option {
	cursor: default;
	font-weight: 400;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	transition: all 0.2s;
	list-style: none;
}

.dropdown-select .option:hover, .dropdown-select .option:focus {
	background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
	font-weight: 600;
	color: #12cbc4;
}

.dropdown-select .option.selected:focus {
	background: #f6f6f6;
}

.dropdown-select a {
	color: #aaa;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
	color: #666;
}

.rs-select2 {
	color: black;
}

.fstdiv {
	position: relative;
	min-height: 34px;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	margin-bottom: 25px;
}

.fstdiv.open {
	z-index: 2147483647
}

.fstdropdown {
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	background: white;
	overflow: hidden;
	width: inherit
}

.fstdiv.open>.fstdropdown {
	position: absolute;
}

.fstdropdown>.fstselected {
	padding: 6px 24px 6px 12px;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	color: #555;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	line-height: 1.5rem;
	font-size: 15px;
	letter-spacing: 1px;
}
input.fstsearchinput{
	margin:0px !important;
	line-height:2rem !important;
}

.fstdropdown>.fstselected::after {
	position: absolute;
	top: 50%;
	display: block;
	height: 0;
	margin-top: -3px;
	content: ' ';
	right: 11px;
	border-color: #999 transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0;
}

.fstdropdown.open>.fstselected {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-color: transparent;
}

.fstdropdown.open>.fstselected::after {
	margin-top: -3px;
	border-color: transparent transparent #999;
	border-width: 0 4px 4px;
}

.fstdropdown>.fstlist {
	display: none;
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden
}

.fstdropdown.open>.fstlist {
	display: block
}

.fstlist>div {
	padding: 6px 12px;
	user-select: none;
	-webkit-user-select: none;
	border-top: 1px solid #cdcdcd;
	color: #4a408a;
	font-size: 14px;
}

.fstdropdown.open:hover {
	border-color: #4a408a;
	overflow-x: hidden;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	-o-transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
	-webkit-transition: border-color ease-in-out .1s, -webkit-box-shadow
		ease-in-out .1s;
	transition: border-color ease-in-out .1s, -webkit-box-shadow ease-in-out
		.1s;
	transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
	transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s,
		-webkit-box-shadow ease-in-out .1s;
}

.fstlist>div:hover {
	background-color: #4a408a;
	color: #fff;
}

.fstlist>div.selected {
	background-color: #cdcdcd;
	color: #262626;
}

.fstsearchinput {
	padding: 4px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	background-color: #fff;
	border: 1px solid #ccc;
	color: #555;
	font-size: 14px;
	display: none;
}

.fstdropdown.open>.fstsearch {
	display: block;
	padding: 4px;
}

.fstdropdown.open .fstsearchinput {
	display: block;
}

.fstdropdown .hideFst, .fstdropdown-select.fstcreated {
	display: none;
}

.fstAll {
	width: 100%;
	position: relative;
	background-color: #0090ff;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	height: 30px;
	display: none;
}

.fstAll:hover {
	background-color: #337ab7
}

.open .fstAll {
	display: block;
}

.dateInput .ui-datepicker-trigger {
	margin-top: 20px !important;
	right: 60px;
	position: absolute;
}

.dateInput1 .ui-datepicker-trigger {
	position: absolute;
}

.upload-pic {
	margin-bottom: 25px;
	margin-top: 2px;
	background: #f1f1f1;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 2rem;
	padding: 10px !important;
	width: 50% !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 3px !important;
	margin-right: 302px;
}

.upload-doc {
	margin-bottom: 25px;
	margin-top: 2px;
	background: #f1f1f1;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 2rem;
	padding: 10px !important;
	width: 100% !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 3px !important;
	margin-right: 302px;
}

.custom-radio-group label {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

.box-n-border-n {
	border: 0 !important;
	box-shadow: none !important;
}

.width-inherit {
	width: inherit !important;
}

.image-upload-field {
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
}

.m-b-18 {
	margin-bottom: 18px !important;
}
.m-b-25 {
	margin-bottom: 25px !important;
}
/* 2340x1080 pixels at 476ppi iphone 13 mini */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {
    	.m-l-20{
    		margin-left: 20px !important;
    	}
    	
     }
     
     
 /* 2532x1170 pixels at 460ppi iphone 13 */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) {
    	.m-l-20{
    		margin-left: 20px !important;
    	} 
    	.m-ri-5{
    		margin-right: 6.5rem !important;
    	}
    	
   }
   
   /* 2778x1284 pixels at 458ppi iphone 13 pro max*/
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) {
    	.m-l-20{
    		margin-left: 20px !important;
    	} 
    
     }
   
   /* 1792x828px at 326ppi iPhone X, Xs, XR and 11 */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
    
    	.m-l-20{
    		margin-left: 20px !important;
    	} 
    
     }

/* 2436x1125px at 458ppi iPhone 11 Pro */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
    	.m-l-20{
    		margin-left: 20px !important;
    	} 
    }
    
    /* 2688x1242px at 458ppi iPhone 11 Pro max*/
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) { 
    .m-l-20{
    		margin-left: 20px !important;
    	} 
    
    
    }
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.indexBackground .content-index {
	height: auto;
	background: #ebe7ff;
	background-image: url("../images/bg-tab.png");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	width: auto; 
	background-size: cover;
}
.indexBackground .inst-section{
	height: 250px;
    width: 404px;
    background: white;
    margin: 20px;
    border-radius: 0px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    text-align: left;
    margin-left: initial;
    display: flex;
}

.aboutBackground .content-about {
	height: auto;
	 /* background: #e7e2ff; */ 
	background-image: url("../images/bg-a-tab.png");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	/* width: 100%; */
	background-size: cover;
}
.helpBackground .content-help {
	height: auto;
	 /* background: #e7e2ff; */ 
	background-image: url("../images/bg-h-tab.png");
	background-repeat: no-repeat;
	/* padding-top: 5rem; */
	/* width: 100%; */
	background-size: cover;
}
.loginBackground .content-login {
	height: auto;
    background: #ebe7ff;
    background-image: url(../images/bg-l-tab.png);
    background-repeat: no-repeat;
    padding-top: 6.2rem;
    width: auto;
    background-size: cover;
}
.registrationBg .content-reg {
	height: auto;
    background: #ebe7ff;
    background-image: url(../images/bg-r-tab.png);
    background-repeat: no-repeat;
    /* padding-top: 5rem; */
    width: auto;
    background-size: cover;
    padding-bottom: 0.3rem!important;
}
.helpBackground .mt-20{
	margin-top: -14rem !important;
}
.helpBackground .mt-auto{
	margin-top: 0rem !important;
}
.aboutBackground .thankyou-content-about {
    background: white;
    display: flex;
    flex-flow: column;
    padding: 23px !important;
    font-size: medium;
    height: 450px !important;
    
}
.overflow{
	overflow: scroll;
}
.aboutBackground .fs-title-summary {
    color: white;
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 5rem !important;
    margin-bottom: 1rem !important;
    font-size: 40px;
}

.aboutBackground .col-4{
	flex: 0 0 auto!important;
    width: 33.33333333%!important;
}
.loginBackground .col6 {
    flex: 0 0 auto;
    width: 50%;
}
.loginBackground .terms {
    margin-left: 78px;
    font-size: 16px;
    text-decoration: underline;
    color: white;
}
.aboutBackground .terms {
    margin-left: 173px;
    font-size: 16px;
    text-decoration: underline;
    color: white;
}
.registrationBg .terms {
    margin-left: 173px;
    font-size: 16px;
    text-decoration: underline;
    color: white;
}
.indexBackground .terms {
    margin-left: 173px;
    font-size: 16px;
    text-decoration: underline;
    color: white;
}
}
@media only screen 
  and (min-device-width: 1600px) 
  and (max-device-width: 2000px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.head-bell{
	float:left;
	margin:20px;
	padding-left: 500px;
}   
}  
@media ( max-width : 350px) {
	.m-ri-5{
		margin-right: 5rem !important;
	}
	span.deleteicon input {
    padding-right: 100px !important;
    box-sizing: border-box;
}
}