.navBar{
	position: fixed !important;
}

/*site-header*/
.site-header{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}
.Allks{
	display: block !important;
}
.mabb-logo{
	display: none;
}
@media screen and (max-width:1000px){
	.site-header{
		display: block !important;
	}
	.ppc-logo,
	.header-banner{
		display: none !important;
	}
	.mabb-logo{
		display: inline-flex !important;
	}
	.navBar{
		width: auto !important;
		margin-left: 5% !important;
		position: absolute !important;
	}
	.fixed-footer{
		display: none !important;
	}
}

.header-banner{
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	background: #663A00;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.login-banner{
	background-color: #000 !important;
	background-image:linear-gradient(rgba(102, 58, 0, 0.1),#663A00),url(../img/login-banner.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}



.header-banner img{
	position: absolute;
	max-width: 90%;
	object-fit: cover;
	object-position: center top;
	bottom: 0;
}

.registeration-main{
	position: relative;
	width: 100%;
	height: auto;
	padding: 70px 0px;
	padding-top: 100px;
}
@media screen and (max-width:1000px){
	.registeration-main{
		padding: 50px 0px !important;
	}
}
.registeration-main .site-container{
	display: flex;
	justify-content: center;
}

.form-sec{
	position: relative;
	width: 480px;
	height: auto;
	padding: 20px 30px;
}
@media screen and (max-width:600px){
	.form-sec{
		padding:20px 0px !important;
	}
}
@media screen and (max-width:530px){
	.form-sec{
		width: 100% !important;
	}
}
.form-sec-head{
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.form-sec-head img{
	max-width: 130px !important;
	margin-bottom: 10px;
}
.form-sec-head p{
	font-size: 18px !important;
	font-weight: 500;
}
@media screen and (max-width:1100px){
	.form-sec-head  img{
	max-width: 100px !important;
}
}
@media screen and (max-width:300px){
	.form-sec-head  img{
	max-width: 80px !important;
}
.form-sec-head p{
	font-size: 14px !important;
}
}

.ags-sec{
	position: relative;
	width: 100%;
	height: auto;
}
.ags-sec a{
	position: relative;
	width: 80%;
	margin-left: 10%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 55px;
	border:1px solid #E5E5E5;
	border-radius: 50px;
	margin-top: 20px;
	font-size: 12px;
	font-weight: 500;
	padding: 0px 20px;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	text-align: center;
}

@media screen and (max-width:450px){
	.ags-sec{
		display: block !important;
	}
	.ags-sec a{
		width: 100% !important;
		margin-left: 0% !important;
	}

	.ags-sec a.pro_Doc_btn{
		margin-top: 10px !important;
	}
}
.ags-sec a img{
	width: 20px;
	margin-right: 5px;
}
.cc-btns:hover,
.ags-sec a:hover{
	background: #F5F5F5;
}


.ags-sec a.pro_Doc_btn{
	background: #FFCC00;
	border-color: #FFCC00;
}
.ags-sec a.pro_Doc_btn:hover{
	background: #F0C000;
	border-color: #F0C000;
}

/*reg-form*/
.reg-form{
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.form-input{
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.form-input:first-child{
	margin-top: 0px;
}

.form-input p{
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px !important;
	margin-bottom: 5px;
}
.form-input p label{
	font-weight: 500;
}
.form-input p a{
	font-size: 13px;
	color: #006633;
	text-decoration: underline;
	white-space: nowrap;
}
.m-pass-a{
	font-size: 13px;
	color: #006633;
	text-decoration: underline;
	white-space: nowrap;
	margin-top: 5px;
	display: none;
}
@media screen and (max-width:320px){
	.form-input p a{
		display: none !important;
	}
	.m-pass-a{
		display: block !important;
	}
}
.form-input select,
.form-input input{
	position: relative;
	width: 100%;
	height: 55px;
	padding: 10px;
	outline: none;
	border:2px solid transparent;
	border-radius: 10px;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
	background: #F5F5F5;
}
.form-input input::placeholder{
	color: #AEAEAE;
}
.form-input select:focus,
.form-input input:focus{
	border-color: #006633;
}

.pass-input{
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}
.pass-input input{
	padding-right: 45px;
}
.pass-input .password-icon{
	position: absolute;
	z-index: 3;
	width: 40px;
	height: 45px;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #9b9b9b;
	user-select: none;
	cursor: pointer;
}
.pass-input .password-icon i{
	font-size: 17px;
	font-weight: 700;
}
.pass-input .password-icon:before{
	content: '';
	position: absolute;
	width: 2px;
	height: 0px;
	transform: rotate(-45deg);
	background: #9b9b9b;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.slash-icon.password-icon:before{
	height: 20px !important;
}

.form-input input[type="submit"]{
		background: #006633;
		color:#ffffff;
	    border-color: #006633;
	    cursor: pointer;
	    font-weight: 500;
	    font-size: 17px;
}
.form-input input[type="submit"]:hover{
    background:#00753A;
    border-color: #00753A;
}
@media screen and (max-width:400px){
	.form-input input[type="submit"]{
		font-size: 15px !important;
	}
}
.form-input h6{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
    color: #9b9b9b;
}
.form-input h6 a{
	text-decoration: underline;
	color: #7E4FFF;
}
.form-intruct{
	    background-color: #f8f8f8;
    border: 0.0625rem solid #f2f2f2;
    border-radius: 0.1875rem;
    margin-bottom: 1.875rem;
    padding: 0.625rem 1.875rem;
}
.form-sec-footer{
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 20px;
	text-align: center;
}
.form-sec-footer p{
	font-size: 14px;
	color: #9b9b9b;
}

.form-sec-footer p a{
	text-decoration: underline;
}

.cc-btns{
	position: relative;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	border:1px solid #E5E5E5;
}