html{
	scroll-behavior: smooth;
}
/*------Header-----*/
header img{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
}
/*------Navbar-----*/
.navbar{
	text-transform: capitalize;
	font-weight: 500;
	font-size: 1rem;
	background: rgba(0, 0, 0, .6)! important;
}
.navbar-brand img {
    height: 2rem;
}
.navbar-nav li {
	padding-right: .7rem;
}
.navbar-dark .navbar-nav .nav-link{
	color: white;
	padding-top: .8rem;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover{
	color: #1ebba3;
}

/*----carousal----*/
.carousel-item{
	height: 50vh;
}

/*-----portfolio-----*/

.narrow{
	width: 75%;
	margin: 0 auto;
	padding-top: 2rem;
}
.btn-md{
	border-width: medium;
	border-radius: .5;
	padding: .6rem 1.1rem;
	text-transform: uppercase;
	margin: 1rem;
}
.jumbotron{
	border-radius: 0;
	padding: 3rem 0 2rem;
}
.portfolio img{
	max-width: 100%;
	height: auto;
	transition: transform .5s ease;
}
.portfolio img:hover{
	transform: scale(1.1);
	cursor: zoom-in;
}
.portfolio{
	overflow: hidden;
}

/*------Social Icons-----*/
.fa {
  padding: 20px;
  font-size: 30px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 60%;
  
}
.fa:hover {
    opacity: 10;

}
.fa-facebook:hover {
  background: #FFFFFF;
  color: blue;
}
.fa-twitter:hover {
  background: #FFFFFF;
  color: #48B4E0;
}
.fa-instagram:hover {
  background: #FFFFFF;
  color: #C71585;
}
/*----End of Socila Icons---*/



/*-----Card CSS----*/
body{
	font-family: 'verdana';
	font-size: 14px;
	font-weight: 400;
	color: #777;
}

h1{
	font-size: 40pxx;
	color: #a60059;
	font-weight: bold;
}
h3{

	font-size: 24pxx;
	color: #333;
	font-weight: bold;
}
#team img{
	margin-top: -50px;
}
#team i{
	font-size: 26px;
	color: #555;
}
#team hr{
	height:12px;
	
}
#team p{
	font-size: 20px;
}
#team .card{
	border-radius: 0;
	box-shadow: 5px 5px 15px #e74c3c;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}
#team .card:hover{
	background: #e74c3c;
	color: #fff;
	border-radius:5px;
	border:none;
	box-shadow: 5px 5px 10px #9E9E9E;
}
#team .card:hover h3, #team .card:hover{
  color: #fff;
}
#team .shadow1{
	box-shadow: 5px 5px 15px #E74C3C;
}
#team .shadow2{
	box-shadow: 5px 5px 15px #02075D;
}
#team .shadow3{
	box-shadow: 5px 5px 15px #228B22;
}
#team .shadow4{
	box-shadow: 5px 5px 15px #000000;
}
#team .shadow1:hover{
	background: #e74c3c;
}
#team .shadow2:hover{
	background: #02075D;
}
#team .shadow3:hover{
	background: #228B22;
}
#team .shadow4:hover{
	background: #000000;
}

#team .fa-facebook:hover {
  background: #FFFFFF;
  color: blue;
}
#team .fa-twitter:hover {
  background: #FFFFFF;
  color: #48B4E0;
}
#team .fa-instagram:hover {
  background: #FFFFFF;
  color: #C71585;
}

/*-----End of Card CSS----*/



/*----Footer-----*/
footer {
	background-color: #110642;
	color: white;
	padding: 2rem 0 3rem;
	margin-top: 1rem: 
	background-position: center;
	text-align: center;
}
footer img{
	width: 3.5rem;
	height: 3.5rem;
	margin: 1rem 0;
	border-radius: 100%;
}
footer svg.svg-inline--fa:{
	font-size: : 1.6rem;
	margin: : 1.2rem .5rem 0 0;
}
footer svg.svg-inline--fa:hover{
	color:  #1ebba3;
}
hr.socket{
	border-top: .2rem solid #3CB371;
	width: 100%;

}
/*------End of Footer-----*/