*{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}
body{
	font-family: 'Montserrat', sans-serif;
	transition: all ease 0.5s;
}
a{
	text-decoration: none;
	color: white;
}

/*heading*/


header{
	height:100vh;
	background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(../img/banner.png);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.user-box h3{
	color: white;

}
.user-box{
	font-family: 'Marck Script', cursive;

	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}

.user-box h1{

	color: #f4859b;
	padding: 10px;
	margin-top: 10px;
}
.user-box p{
	color:white;

}
.scroll-btn{
	bottom: 30px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	border:1px solid white;
	padding: 10px 10px 20px;
	border-radius: 30px;
}
.scroll-bar span{
	border:5px solid white;
	border-radius: 90px;
	font-size: 5px;
}
.scroll-bar{
	animation: mover 2s infinite alternate;
}
@keyframes mover{
	 0%{transform: translateY(0px);
	 	color: white;}
	 100%{transform: translateY(10px);
	 	color:red;}
}

nav{
	padding: 30px;
	height:7vh;
}

nav ul {
font-family: 'Montserrat', sans-serif;
display: flex;
	align-items: center;
	justify-content: center;

	margin: 0px 40px;
}
nav ul li a:hover{
	color: white;
    transform: scale(2);
	opacity: 1;
	filter: blur(0px);
    background-color:#f4859b;
	}
nav ul li a{
	margin: 0px 10px;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	transition: .5s all ease;
}
ul:hover li a{
	transform: scale(1.5);
	opacity: .2;
	filter: blur(1px);
}
.navbar-brand{
font-family: 'Montserrat', sans-serif;
	}
.navbar-brand img{
	height:80px;
	margin-left: 300px;
}

.navbar-toggler{
	outline: none;
	color:white;
	text-align: center;
}
.secondary{
	padding: 10px;
	box-shadow: 0px 5px 10px 0px;
	transition: 0.5s all ease;
}
.colored{
	background: #f4859b;
	color: #0a0a0a;
}
.colored-2{
	background: #283e51;
	color: #0a0a0a;
}

/*heading*/

/*services*/
.services{
	font-family: 'Poppins', sans-serif;
	padding:60px;
	background-color: #dddddd;
	display: flex;
	
}
.s-title{
	margin-bottom: 20px;
	padding: 10px;
}

.services .s-card{

	position: relative;
	padding: 10px;
	margin:20px 45px;
	z-index: 1;
	transition: .5s all ease;
	background-color: #f4859b;
	text-align: justify;
	border: 1px solid black;

}

.s-card h2{
	text-align: center;
	padding: 10px;
}
.s-card .fas{
	box-shadow: 0 0 15px #0a0a0a;
	margin:10px auto 0px auto;
	width: 75px;
	border-radius: 50%;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size:40px;
	color: black;
	
	transition:0.5s all ease;
}
.s-card .fas:hover{
	background-color:#0a0a0a;
	color: #f4859b;
	transform: scale(1.2);
	box-shadow: 5px 5px 0px #fff;
}


/*services*/

/*menu*/
.menu{font-family: 'Poppins', sans-serif;
	padding:60px;
	transition: 0.5s;
	display: flex;
}
.menu img{
	width: 300px;
	height: 250px;
	position: relative;
	display: block;
	
}

.cardu{
	padding: 10px;
	
}
.menuimg:hover .card-lay{
	width:300px;
}
.card-lay{
	width:0px;
	height:250px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:10px;
	background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
	overflow: hidden;
	transition: 0.7s all ease;
}

.card-lay button {
height:40px;
width: 100px;
transform: scale(1.2);
background:none;
color: #f4859b;
border-radius: 40px;
box-shadow: 0 0 15px 0;
transition: 0.5s  ease;

}
.card-lay button:hover{
	background:#f4859b;
color: #0a0a0a;
}
.card-lay a {
	background-size: cover;
text-decoration: none;
color: #f4859b;
transition: 0.5s all ease;
}
.card-lay a:hover{
	text-decoration: none;
	color: #0a0a0a;
}


.button{
	font-family: 'Montserrat', sans-serif;

	margin-top:50px;
	height:40px;
	width: 95%;
	background: #0a0a0a;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #f4859b;
	padding: 30px;
	box-shadow: 0 0 15px 0;
	border: 1px solid #f4859b;
	font-size: 18px;
	
	transition: 0.5s;

}
.button:hover{
	border-radius: 80px;
	background:#f4859b;
	color: #0a0a0a;
	box-shadow: 0 0 50px 0;
	text-decoration: none;
}


/*menu*/

/*Reviews*/
.reviews{
	font-family: 'Poppins', sans-serif;
	

	background-color: white;
	color: white;
	opacity: 0;
	padding: 40px;
	transition: 0.5s all ease;
	display: flex;
}
.reviews h2{
	padding: 10px;
}
.rev{
	background:linear-gradient(-45deg, #000000 0%,#111111 100% );
	opacity: 1;

}
.reviews .r-card{
	padding: 10px;

}
.reviews img{
	width:100px;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0 0px 15px #f4859b;
}
.r-section{
	margin-top:15px;
	padding: 10px; 
}


/*Reviews*/
/*About*/
.about{
	font-family: 'Poppins', sans-serif;
	background:linear-gradient(90deg, #ba5370 0%,#f4e2d8 100% );
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px;
}
.article{
	margin-bottom: 20px;
}
.about h1{
	margin-top:30px;
}
.article:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 13%;
	margin-left: -3%;
	width:0%;
	height: 2px;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-ms-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.article:hover:before{
	width: 100%;
	margin-left:-12%;
}
.article:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 13%;
	margin-left: -12%;
	width:100%;
	height: 2px;
	background-color: #2b2929;
}
.about p{
	text-align: justify;
	font-size: 23px;
}
.about img{
	margin-top:30px;
	width: 400px;
	height: 300px;
}
/*About*/
/*contact*/
.contact{
	font-family: 'Poppins', sans-serif;
	padding:40px;
	background:linear-gradient(90deg, #4b79a1 0%,#283e51 100% );
	color: white;
	transition: 0.5s all;
}
.contact p{
	font-size:20px;
	padding: 10px;
}
.contact a{
	box-shadow: 5px 5px 0 #111111;
	color: #fff;
	font-size:30px;
	text-decoration: none;
	transition: 0.5s all ease;
	
}

.contact a:hover{
	color:#0a0a0a;
	text-decoration: none;
}
.contact .fas,.contact .fab{
	font-size: 30px;
}
.c-part{
	margin-top:15px;
	padding: 15px;
}
.c-buton{
	margin-top: 50px;
	padding:10px;
	border-radius: 60px;
	box-shadow: 0 5px 15px #0a0a0a;
}
.c-buton:hover{
	background:#f4859b;
}
.contact map{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:80px;
}
.contact img{
	width: 400px;
	height: 300px;
}
/*contact*/
/*footer*/
.foot{

	font-family: 'Poppins', sans-serif;
	color: white;
	font-size: 20px;
	padding:3px;
	display: flex;
	line-height: auto;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color:#283e51;
}
/*footer*/