a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: black;
}
.product_dynamic_img{
    width: 80px;
    height: 60px;
}
.productIndexImg{
    width: 100%;
    height: 200px;
}
.productIndexImg2{
    width: 100%;
    height: 300px;
}
.formDiv{
	border: 1px solid gray;
	width: 350px;
	height: 350px;
	border-radius: 10px;
	padding-top: 20px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background-color: white;
}
.formDiv input{
	border: none;
	border-bottom: 1px solid gray;
	font-size: 15;
	margin-bottom: 5px;
	margin-left: 50px;
	margin-top: 20px;
	width: 70%;
}
.formDiv h1{
	border-bottom: 1px solid gray;
	padding-bottom: 20px;
	text-align: center;
}
.formDiv button{
	background-color: rgb(13, 65, 95);
	color: white;
	border-radius: 10px;
	padding: 5px;
	margin-top: 20px;
	margin-left: 50px;
	width: 70%;
}
.loginBody{
	background: linear-gradient(to right,#5a4f56,#e85052);
}


/* for footer */

footer{
	padding-top: 50px;
	text-align: center;
	padding-bottom: 40px;
	padding-left: 20px;
	background-color: #721c52;;
	color: white;
}

footer>b{
	font-size: 30px;
	font-weight: normal;
}

.blue>p{	
	line-height: 8px;
	margin-top: 8px;
}
.blue p a{
	text-decoration: none;
	color: white;
	font-size: 18px;
}
.aboutLink{
	text-decoration: none;
	color: white;
	font-size: 30px;
}
.aboutLink:hover{
	color: black;
}

.blue>p:hover{
	cursor: pointer;
	text-decoration: underline;
}

.terms{
	background-color: black;
	color: white;
	height: 7vh;
	text-align: center;
	padding-top: 13px;
	margin-bottom: 0;
}

.terms>span:hover{
	color: #002fff;
	text-decoration: underline;
	cursor: pointer;
	
}

.footerUpdateDiv div input{
	margin-bottom: 5px;
	border: none;
}

@media only screen and (orientation: portrait) {
	.updateContactUs{
		font-size: 20px;
	}
}

.bannerImg img{
	height: 300px;
}
.active2{
	background-color: gainsboro;
}