.brand {
        	color: #0CCA9A;
        }

        .sign-container {
        	max-width: 470px;
        }

        .icon-height {
        	height: 24px;
        	width: 24px;
        }

        .right-box {
        	background: linear-gradient(#EF2F3C, #EF2F3C);
        }

        .inputbox {
        	border-radius: 40px;
        	border: 1px solid #BCBEC0;
        	background: #FFF;
        	border: none;
        	outline: none;

        }

        .inputbox:focus {
        	border: 2px solid #0DCA78;
        }

        .input-label {
        	top: -30px;
        	left: 0%;
        }

        .sign-up {
        	border-radius: 40px;
        	background: var(--primary-color);
        	width: 100%;
        	color: #fff;
        }

        .sign-up:hover {
        	background: #fff;
        	color: var(--secondary-color);
        	border: 1px solid var(--secondary-color);
        }

        .signin-border {
        	width: 60px;
        	border: 2px solid var(--secondary-color);
        }

        .hiperlink {
        	color: #465685 !important;
        	font-family: pop-R;
        	font-size: 20px;
        	font-style: normal;
        	font-weight: 400;
        	line-height: normal;
        }

        .fontH1 {
        	//color: #EEE;
		color: #09a94d;
        	font-family: pop-R;
        	font-size: 40px !important;
        	font-style: normal;
        	font-weight: 700 !important;
        	line-height: 40px;
        }

        .fontH2 {
        	color: #EEE;
        	font-family: pop-R;
        	font-size: 35px !important;
        	font-style: normal;
        	font-weight: 400 !important;
        	line-height: 40px;
        }

        .label {
        	color: #2A1E17;
        	font-family: pop-R;
        	font-size: 45px !important;
        	font-style: normal;
        	font-weight: 400 !important;
        	line-height: normal;
        }

        #circle {
        	width: 100px;
        	height: 100px;
        	background-color: black;
        	position: absolute;
        	left: 0;
        	top: 0;
        	bottom: 0;
        	right: 0;
        	margin: auto;
        }

        .mylogin2 {
        	/* margin-top: 2rem!important; */
        	margin-bottom: 2rem !important;
        }

        .modal-header {
        	border: none;
        }

        .modal-footer {
        	border: none;
        }

        .bgrey {
        	border: 1px solid lightgrey
        }

        .bgreyrad {
        	display: flex;
        	border: 1px solid lightgrey;
        	border-radius: 28px;
        }

        .eyeD {
        	border: none !important;
        	float: right;
        }

        .eyeH {
        	width: 20px;
        	height: 20px;
        }

        .eyeH {
        	width: 20px;
        	height: 20px;
        }

        .bbsol {
        	border-bottom: 1px solid#0d6efd;
        }

        .c001 {
        	color: #0d6efd;
        }

        .ppwdby {
        	float: right;
        	margin-top: 0px;
        	margin-left: -13px;
        	margin-right: -26px;
        	right: -3px;
        }

        .w78 {
        	width: 78px;
        }

        .zdiv {
        	width: 200px;
        	margin-top: -18px;
        }

        .zImg {
        	width: 110%;
        	margin-left: -280px;
        }

        .redBor {
        	color: red;
        	justify-content: center;
        }

        .errImg {
        	width: 50px !important;
        	height: 50px !important;
        	min-width: 0;
        }

        .bgC001 {
        	background-color: var(--primary-color);
        }

        .zwid001 {
        	width: 200px;
        	margin-left: -22px;
        }

        .bnone {
        	border: none;
        }

        .f10 {
        	font-size: 10px;
        }

        .frig {
        	float: right;
        }

        .fC001 {
        	font-size: 10px;
        	color: #fff;
        }

        .t-alig-cen {
        	text-align: center;
        }

        #messagep {
        	display: none;
        	background: #f1f1f1;
        	color: red;
        	position: relative;
        	padding: 5px;
        	margin-top: 10px;
        }

        #messagep p {
        	padding: 10px 35px;
        	font-size: 18px;
        }

        /* Add a green text color and a checkmark when the requirements are right */
        .validp {
        	color: green;
        }

        .validp:before {
        	position: relative;
        	left: -35px;
        }

        /* Add a red text color and an "x" when the requirements are wrong */
        .invalidp {
        	color: red;
        }

        .invalidp:before {
        	position: relative;
        	left: -35px;
        }

        .inNn {
        	border: 1px solid lightgrey;
        	border-radius: 28px;
        }

        .bnone {
        	border: none !important;
        }

        .divPos001 {
        	display: flex;
        	border: 1px solid lightgrey;
        	border-radius: 28px;
        }

        .whDiv {
        	width: 20px;
        	height: 20px;
        }

        .errMsg {
        	font-size: smaller;
        	font-family: pop-R;
        }

        .fGrn {
        	font-size: smaller;
        	color: green;
        }

        .hideClass {
        	display: none !important;
        }
	.formblock-margin {
	   	margin: 19px 0 !important;
		margin-left: -77px !important;
	}
	@media (max-width: 768px) {
		#imgblk {
       			display: none;
    		}
		.formblock-margin {
			margin-left: 0 !important;
		}
	}

	.formdiv {
		justify-items: center;
	}

	@media (max-width: 767.98px) {
		.row .formdiv {
			width: 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}
		.row .imgdiv {
			width: 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}
	}