@charset "utf-8";
/* CSS Document */

/* Nav bar */


.bg-color {
	background-color:black;
}
.nav-item a{
	text-decoration: none;
	color:white;
	margin-left: 40px;
	font-family: 'Poppins', sans-serif;
}
.nav-item a:hover{
	color:#ff0000;
}
.navitems{
	margin-left: 300px !important;
}
.navbar-toggler {
	color:white !important;
}
.bg-img{
	background-image: url( "../images/bg-img.jpg");
	height:850px;
	background-size: cover;
	background-attachment: fixed;
	
}
.heading{
	color:white;

	font-family: 'Poppins', sans-serif;
	margin-top: 330px;
}

.text2 {
	font-size: 55px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.text1 {
	font-size: 24px;
	margin-bottom: 20px;

}
.btns{
	text-decoration: none;
	background-color: transparent;
	border:2px solid #ff0000;
	color:#ff0000;
	width:200px;
	font-size: 24px;
	margin-top: 40px;
	
}
.btns:hover{
	color:white;
	background-color: #ff0000;
}
.footer-color{
	background-color: black;
	height:350px;
}
#foot-text{
	color:#747474;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
}
.foot-list li{
	color:#747474;
	font-family: 'Poppins', sans-serif;
	text-decoration: none;
	list-style-type: none;
	margin-top: 15px;
}
.head2{
	color:white;
	font-family: 'Poppins', sans-serif;
	margin-top: 50px;
	text-align: center;
}
.foot-list a{
	color:#747474;
	font-family: 'Poppins', sans-serif;
	text-decoration: none;
	list-style-type: none;
}
.foot-list a:hover{
	color:#ff0000;
	text-decoration-line: none;
}
.fab{
	margin-left: 20px;
	font-size: 32px;
}
.icon{
	text-align: center;
	margin-top: 120px;
}
.icon a:hover{
	color:#ff0000;
}
.head{
	text-align: center;
	margin-top:15px;
	font-family: 'Poppins', sans-serif;
}
.text{
	text-align: center;
	margin-top:15px;
	font-family: 'Poppins', sans-serif;
	color:#747474;
	width:80%;
	margin-left:25px;
}
#head1{
	text-align: center;
	margin-top: 120px;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}
#text1{
	font-family: 'Poppins', sans-serif;
	color:#747474;
	text-align: center;
}
 .image img:hover{
	
    transform: scale(1)	rotate(-2deg);
	
}
 .image{
	margin-top: 50px;
	transition:  ease 3s;
}
.div-img{
	background-image: url("../images/divimg.jpg");
	
	margin-top:100px;
}
.circle{
	border: 1px solid #af0404;
    border-radius: 68px;
    display: inline-block;
}
.inner-circle{
	    background-color: #af0404;
    border-radius: 50px;
    margin: 24px;
    height: 90px;
    width: 90px;
	text-align: center;
}

.circles{
	margin-top: 86px;
	text-align: center;
	color:white;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	font-size:24px;
	padding:15px;
	
}
.circ{
	line-height: 3.5;
    text-align: center;
}

.cont-bg{
	background-image: url("file://192.168.10.200/student_data/22nd/422/UI%20Development/web/web3/Verna-Industrial-solution/images/contact.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height:400px;
}
.cont-bg h1{
	color:white;
	text-align: center;
	font-size:40px;
	margin-top: 180px;
}
.cont-bg a{
	text-decoration: none;
	color:white;
	
	font-size:24px;
}
.cont-bg p{
	text-align: center;
}
.cont-bg a:hover{
	text-decoration: none;
	color:white;
}
.map{
	margin-top:100px;
	margin-bottom: 100px;
}
.forms input{
	margin-top: 20px;
	padding: 10px;
	font-family: 'Poppins', sans-serif;
	
}
.forms textarea{
	margin-top: 20px;
	font-family: 'Poppins', sans-serif;
}
.forms button{
	text-decoration: none;
	background-color: #AF0404;
	color:white;
	font-family: 'Poppins', sans-serif;
	border:1px solid #af0404;
	width:200px;
	border-radius: 20px;
	margin-top: 30px;
	padding: 10px;
}
.forms button:hover{
	border:2px solid #af0404;
	background-color: transparent;
	color:#af0404;
}
.error{
	color: red;
	font-family: 'Poppins', sans-serif;
}
.add{
	margin-bottom: 100px;
}
.project{
	text-align: center;
	font-family: 'Poppins', sans-serif;
	margin-top: 100px;
}
.line{
	width:100%;
	height:5px;
	background-color: #af0404;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imag{
	text-align: center;
	margin-top: 50px;
	 transition: .5s ease;
  backface-visibility: hidden;
}
.imgs img:hover{
	opacity: 0.3;
}
.img-galary{
	margin-bottom: 50px;
}
.services{
	margin-top:50px;
	margin-bottom:60px;
}
.btns1{
	text-decoration: none;
	background-color: #AF0404;
	color:white;
	font-family: 'Poppins', sans-serif;
	border:1px solid #af0404;
	width:200px;
	border-radius: 20px;
	margin-top: 20px;
	padding: 10px;
}
.btns1:hover{
	border:2px solid #af0404;
	background-color: transparent;
	color:#af0404;
}
.text3 h4,p{
	font-family: 'Poppins', sans-serif;
}.about{
	margin-top:50px;
	margin-bottom:50px;
}
.about p{
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
}
.team{
	margin-top:60px;
	margin-bottom:60px;
}
.team h5{
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	

}
.team p{
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color:#747474;

}
.feedback-bg{
	background-image: url("../images/feedback.jpg");
	height:400px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 70px;
}

.slide-color{
	background-image: url("../images/feedback.jpg");
	height:339px;
	background-repeat: no-repeat;
	background-size: cover;
}
.feedback{
	margin-top:70px;
	margin-bottom: 80px;
}
.slide-color p{
	color:white;
	font-family: 'Poppins', sans-serif;
	margin-top: 20px;
}
.slide-color h4{
	color:white;
	font-family: 'Poppins', sans-serif;
	margin-top: 70px;
}
.bgcolo{
	background-color: black;
	
}
.mrgn{
	margin-top: 15px;
}
.centerfeed{
	text-align: center;
}
.fa-quote-right {
	margin-bottom: 30px;
	
}
.carousel-item p{
	margin-top: 30px;
}
.top{
	text-decoration: none;
    border-radius: 50%;
    border-color: #af0404;
    background-color: #af0404;
    padding: 10px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
}

.fa-facebook-square:hover {
	color:blue!important;
}

.fa-youtube-square:hover{
	color:red!important;
}

.fa-instagram:hover{
	color:purple!important;
}
.fa-twitter-square:hover{
	color:deepskyblue!important;
}
.icon-hover:hover {
	color:#ff0000!important;
	
}







/* media quirey sizes */




@media only screen and (max-width: 640px){
	.nav-item a{
		margin-left: -309px;
	}
	.text1 {
		font-size: 20px;
		margin-bottom: 13px;
	}
	.text2 {
    	font-size: 42px;
	}
	#head1{
		font-size:30px;
	}
	.line{
		margin-left: -70px;
	}
	.div-img{
		background:transparent;
		
	}
	.circle{
		color:black;
	}
	.project h1{
		font-size: 30px;
	}
	.footer-color img{
		width: 75%!important;
		height:150px!important;
	}
	.footer-color{
		height:1124px;
	}
	.imgs{
		margin-top: 10px;
	}
	
}


@media only screen and (min-width:641px) and (max-width:960px){
	.image img{
		width:80%;
		margin-left: 20px;
	}
	.footer-color{
		height:650px;
	}
	.text3 p{
		font-size: 10px;
	}
	.about p{
		font-size: 13px;
	}
}