@charset "utf-8";
/* CSS Document */
.box{
	background-color: beige;
	color: black;
	height: 25px;
	width: 50%;
	border: 1px solid rgba(160,0,2,1.00);
}

#comment{
	border: 1px solid rgba(123,0,2,1.00);
	width: 90%;
	color: rgba(7,32,62,1.00);
}

#full_name, #contact-number{
	border: 1px solid rgba(123,0,2,1.00);
	width: 90%;
	height: 5%;
	color: rgba(7,32,62,1.00);
}

.feedback{
	color: white;
	margin-top: 40%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 14px;
}

.pagehead, strong{
	color: rgba(151,9,11,1);
}

.formInputbottom{
	width: 40%;
	height: 30px;
	background-color: rgba(27,45,96,1.00);
	color: rgba(255,255,255,1.00);
	border: 1px solid rgba(57,57,57,1.00);
}

.formInputbottom2{
	width: 30%;
	height: 30px;
	background-color: white;
	color: black;
	border: 1px solid rgba(57,57,57,1.00);
}

.forminputbox{
	width: 50%;
	height: 80px;
	background-color: beige;
	color: black;
	border: 1px solid rgba(160,0,2,1.00);
}

@media screen and (max-width: 1920px){
	.space{
		columns: auto;
		column-count: 3;
		column-gap: auto;
		column-rule: 1px solid red;
		width: 100%;
		height: 100px;
		background-color: aqua;
	}

	.navblink{
		color: rgba(0,0,0,1.00);
		height: 600px;
		padding-top: 40px;
		padding-left: 100px;
		padding-right: 120px;
		background-repeat: no-repeat;
		background-position: 95% 53%;
		background-color: antiquewhite;
		background-image: url(../images/banner.png);
		background-size: auto 27%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		overflow-x: hidden;
	}

	.pageloan{
		color: black;
		height: 400px;
		margin-top: 60px;
		margin-left: 80px;
		margin-right: 80px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		columns: auto;
		column-count: 3;
		column-gap: 60px;
		column-rule: 1px solid rgba(67,144,172,1.00);
		}

	.pagefaq{
		color: black;
		height: 680px;
		padding-top: 40px;
		padding-left: 80px;
		padding-right: 80px;
		font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
		background-repeat: no-repeat;
		columns: auto;
		column-count: 3;
		column-gap: 60px;
		background-image: url(../images/agenda-3511208_192.jpg);
		overflow-x: hidden;
	}

	.pagecontent{
		height: 260px;
		color: white;
		background-color: rgba(7,32,62,1.00);
		padding-top: 2%;
		padding-left: 5%;
		column-count: 3;
		column-gap: 5%;
		overflow-x: auto;

	}
}

@media screen and (max-width: 1200px){
	.navblink{
		color:rgba(63,63,63,1.00);
		height: 500px;
		padding-top: 80px;
		padding-left: 80px;
		padding-right: 400px;
		background-repeat: no-repeat;
		background-position: 95% 53%;
		background-color: antiquewhite;
		background-image: url(../images/banner.png);
		background-size: auto 30%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		overflow-x: hidden;
	}

	.pageloan{
		color: black;
		height: 400px;
		margin-top: 40px;
		margin-left: 50px;
		margin-right: 50px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size: 13px;
		columns: auto;
		column-count: 3;
		column-gap: 60px;
		column-rule: 1px solid rgba(67,144,172,1.00);
		overflow-x: hidden;
		}
	
	.pagefaq{
		color: black;
		height: 860px;
		padding-top: 40px;
		padding-left: 40px;
		padding-right: 40px;
		font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
		background-repeat: no-repeat;
		columns: auto;
		column-count: 3;
		column-gap: 50px;
		background-image: url(../images/agenda-3511208_192.jpg);
		overflow-x: hidden;
		}
	
	.pagecontent{
		height: 260px;
		color: white;
		background-color: rgba(7,32,62,1.00);
		padding-top: 2%;
		padding-left: 5%;
		column-count: 2;
		column-gap: 5%;
		overflow-y: auto;
	}
}

@media screen and (max-width: 768px){
	.navblink{
	color: rgba(63,63,63,1.00);
	height: 500px;
	padding-top: 40px;
	padding-left: 10%;
	padding-right: 30%;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color: antiquewhite;
	background-image: url(../images/banner.png);
	background-size: auto 20%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	overflow-x: hidden;
}
	
.pageloan{
	color: black;
	height: 400px;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 12px;
	columns: auto;
	column-count: 2;
	column-gap: 60px;
	column-rule: 1px solid rgba(67,144,172,1.00);
	overflow-x: scroll;
	}

.pagefaq{
	color: black;
	height: 600px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	background-repeat: no-repeat;
	columns: auto;
	column-count: 2;
	column-gap: 60px;
	background-image: url(../images/agenda-3511208_192.jpg);
	background-size: cover;
	overflow-x: scroll;
	}
	
	.pagecontent{
		height: 260px;
		color: white;
		background-color: rgba(7,32,62,1.00);
		padding-top: 2%;
		padding-left: 5%;
		columns: auto;
		column-count: 0;
		column-gap: 0;
	}
}

@media screen and (max-width: 340px){
	.navblink{
	color: rgba(63,63,63,1.00);
	height: 300px;
	padding-top: 10%;
	padding-left: 10%;
	padding-right: 80px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-color: antiquewhite;
	background-image: url(../images/banner.png);
	background-size: auto 20%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	overflow-x: scroll;
}
	
.pageloan{
	color: black;
	height: 300px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	columns: auto;
	column-count: 0;
	column-gap: 0px;
	}
	
.pagefaq{
	color: black;
	height: 300px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	background-repeat: no-repeat;
	columns: auto;
	column-count: 0;
	column-gap: 0px;
	background-image: url(../images/agenda-3511208_192.jpg);
	overflow-y: scroll;
}

}