@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Spline+Sans:wght@400;700&display=swap');
:root{
	--brand-color1: #202950;
	--brand-color2: #E51B1F; 
	--brand-color3: #F4E81F;
	--brandh-color: #1B6BE0;
	--transition: all 0.5s ease;
}
/*Helpers*/
body{
	font-family: "Roboto", san-sarif;
	line-height: 1.8;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 700!important;
	color: var(--brandh-color);
}
a{
	text-decoration: none;
	transition:  var(--transition);
	font-weight: 500;
	color: #15151B;
}
img{
	width: 100%;
}
.dark2
{
text-shadow: 2px 2px #202950;	
}
.dark1
{
text-shadow: 2px 2px #fff;	
}
section{
	padding-bottom: 80px;
	padding-top: 80px;
    z-index: 2;
	position: relative;
}
.overlay{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,0,0.5));
    z-index: -1;
}
.hero-section{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}
.bg-cover{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;

}
/*End Helpers*/
.navbar{
	box-shadow: 0 12px 20px linear-gradient(to right,#00e0fe, #E51B1F);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show .navba-link{
	background: -webkit-linear-gradient(#202950, #1107fe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55);
    font-size: 18px;
	transition: all 0,5s ease;
}
.navbar-light .navbar-nav .nav-link:hover {
    border-bottom: 2px solid #202950;
}
.btn{
	padding: 10px 22px;
	transition: all 0.4s ease;
}
.btn:hover{
	color: #fff;
	transform: translateY(-5px);
}
.btn-main{
	padding: 10px 22px;
	background: linear-gradient(to right,#00e0fe, #1107fe);
	border-radius: 100px;
	border: none;
	font-weight: 600;
	color: #fff;
}
/*About Us*/
#about .icon-box{
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background-color: #E51B1F; 
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}
.section-intro{
	margin-bottom: 40px;
}
.section-intro .divider{
	width: 70px;
	height: 4px;
	background: linear-gradient(to right,#00e0fe, #1107fe);
	margin: 5px auto;
}
.about .service-img .icon{
	width: 60px;
	height: 60px;
	background: linear-gradient(to right,#00e0fe, #1107fe);
	color: #fff;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -30px;
	z-index: 2;
	position: relative;
	
}
.about .service-img .icon i{
	font-size: 32px;
	
}
/*Feature*/
.feature i{
	color: var(--brand-color2);
	font-size: 55px;
}
.feature {
	background: #1B6BE0;;
}
/*Counters*/
.icons-content i{
	font-size: 45px;
}
/*Reviews*/
.review{
	box-shadow: -10px -10px 1px 2px rgba(255,0,0,0.9);
}
.review .icon-person{
	width: 50px;
	height: 50px;
	background-color: var(--brand-color2);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #fff;
}
.review .stars{
	color: orange;
}
/*Form*/
.bg{
	background-color: var(--brand-color1);
}
.form-label {
    margin-bottom: 0.5rem;
    color: #fff;
}
form input.form-control{
	height: 54px;
}
form .form-control{
	border-radius: 0;
	background: transparent;
	color: #fff;
	border-color: rgba(255,255,255, 0.7);
}
form .form-control:focus{
	color: #fff;
	background: transparent;
	border-color: #fff;
}
form .form-control::placeholder{
	color: #fff;
}
footer{
	background: -webkit-linear-gradient(#00e0fe, #1107fe);
	color: #fff;
}
footer a{
	color: #fff;
}
.navbar-brand {
	width: 80px;
}



.footer-bottom {
	border-top: 1px solid #fff;
}

.service {
	position: relative;
	transition: all 0.5s ease;
}
.service .service-content {
	position: absolute;
	background-color: #202950;
	height: 0;
	width: 100%;
	top:0;
	left: 0;
	opacity: 0;
}
.service:hover .service-content {
	height: 100%;
	opacity: 1;
}