@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Rajdhani:wght@400;500;600;700&display=swap");

font-family: 'Open Sans', sans-serif;
font-family: 'Rajdhani', sans-serif;


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,600&family=Roboto:wght@400;500;700&display=swap');

font-family: 'Nunito Sans', sans-serif;
font-family: 'Roboto', sans-serif;

	body{
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.navigationbar{
			background-color: #d65679c2;
			padding: 15px;
			
		}
		.site-header{
			padding: 30px;
		}
		.navbar-brand {
			
			font-size: 34px;
			font-weight: bolder;

		}
		.navbar-brand i{
			color: orange;
			font-size: 45px;
		}
		.site-header a{
			color: black;
		
		}
		.nav-item a{
			padding: 10px 0px 10px 0px;
			border-radius: 3px;
			font-size: 16px;
			color: black;
			
		}
		.nav-item .nav-link{
			color: white;
			
		}

		.nav-item{
			padding-left: 45px;
			font-weight: bolder;
		}

.carousel-item {
	height: 57rem;
}
.carousel-item > img{
	height: 57rem;
}
.carousel-caption{
	padding-bottom: 250px;
	
}
.carousel-caption p{	
	letter-spacing: 1px;
	word-spacing: 4px;
}
.carousel-caption h1{
	font-size: 90px;
	font-weight: bolder;
	word-spacing: 1px;	
}
.carousel-caption h1 i{
	color: #d65679;
}
.bannerbottom i{
        color: white;
        font-size: 50px;
        line-height: 80px;       
}

.bannerbottom{
	background-color: #d65679;
	padding-top: 50px;
	padding-bottom: 50px;
	border: 1px white solid;
	
}
.text-justify{text-align: justify;}
.counter{
	height: 140px;
	width: 140px;
	color: white;
	border: 2px white solid;
	padding-top: 35px;
	border-radius: 50%;
}
.aboutsection{
	margin-top: 100px;
}

.services{
	margin-top: 100px;
	padding-top: 90px;
	padding-bottom: 80px;
	margin-bottom: 80px;
	background-color:#d3d3d357;
	
}
.servicebox{
	
	color: black;
	background-color: white;

}
.serviceimg{
	overflow: hidden;
}
.servicebox img{
	transition: 4s;
}
.servicetext{
	padding-top:20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.servicebox:hover img{
      
     transform: skewX(5deg) scale(1.3);
}
/*.bg-img{ background-image: url(assets/img/23.png); height: 600px;background-repeat: no-repeat;
			background-size: cover;
			background-position: center;}*/
			.content-verticle{padding-top: 40%;}
			.content-verticle h2{font-size: 55px; color: white; font-weight: 800;}
			.content-verticle a{font-size: 22px;}
			.navbar-brand{font-weight: 900;}
			.navbar-nav li{padding: 0px 0px 0px 17px; font-size: 17px; text-transform: uppercase;}
.bg-mg6{background-image: url(../img/1.jpg);
    height: 600px;
   background-attachment: scroll;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}
.bg-img-gallery{
	background-image: url(../img/portfolio-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.border-hard{padding: 15px;
    background: white; border-bottom: solid #1a1a1a 15px;overflow: hidden;transform: scale(1.0); transition: .3s; 
    border-top: solid 15px #1a1a1a; border-left: solid 15px #3c3c3c; 
    border-right: solid 15px #3c3c3c;}
     .border-hard img{transition: .3s; transform: scale(1.0); }
    .border-hard:hover img{ transform: scale(1.3); transition: .3s; }
.portfolioimg2{
	background-image: url(../img/portfolio2.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.portfolioimg3{
	background-image: url(../img/portfolio3.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.portfolioimg4{
	background-image: url(../img/portfolio4.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.portfolioimg5{
	background-image: url(../img/portfolio5.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.portfolioimg6{
	background-image: url(../img/portfolio6.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 100%;
}
.portfoliotext{
	background-color: #d65679;
	min-height: 350px;
	color: white;
	opacity: 0;
	transition: .8s;
	padding-top: 110px;
	
}

.portfoliotext i{
	font-size: 40px;
}
.portfoliotext:hover{
	opacity: 1;
}
.portfolioh{
	font-size: 50px;
	
	margin-top: 50px;
	text-align: center;
	color: black;
	font-weight: bolder;
}
.background1{
	background-image: url(../img/backgroundimg.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	min-height: 300px;
	margin-top: 100px;
	background-attachment: fixed;
}
.background1layer{
	background-color: #d656798f;
	min-height: 300px;
	color: white;
	text-align: center;
	padding-top: 110px;
}
.background1layer h1{
	font-size: 50px;
	
}
.blogsection{
	
	margin-top: 120px;
}
.blogimg{
	overflow: hidden;
}
.blogimg img{
	transition: .6s;
}
.blogbox:hover img{
	transform: scale(1.2);
}
.footersection{

	margin-top: 60px;
	
}
.footersection h1{
	color: #e25580;

}
.footersection ul{
	padding: 0px;
}
.footersection ul li{
	line-height: 50px;
	list-style: none;
}
.footersection ul li i{
	font-size: 25px;
    background: #fff;
    color: #dc3545;
    height: 38px;
    width: 38px;
    text-align: center;
    padding: 4px;
}
.footerlayer{
	background-color: #2a2a2a;
	padding-top: 100px;
	padding-bottom: 90px;
}
.copyrightsection{
	background-color: #2a2a2a;
	padding: 12px;
	
}
.formsection{
	margin-top: 150px;
}
.map{
	border:2px grey solid;}

.form{
	background-color: #d65679;
	padding: 20px 10px 60px 10px;
	color: white;

}
.form label{
	font-size: 22px;
	
}
.form input{
	
	padding: 10px 10px 10px 10px;
    border-radius: 5px;
}
.joinbtn a{
	font-size: 22px;
	color: white;
	border: 2px white solid;

}
.joinbtn a:hover{
	background-color: white;
	color:black;
}
@media(max-width: 768px){
	.nav-item {
    padding-left: 2px;
   
}
	.carousel-item {
	height: 42rem;
}
.carousel-item > img{
	height: 42rem;
}
.carousel-caption h1{
    font-size: 64px;
   
}
.carousel-caption {
    padding-bottom: 167px;
  
}

}
@media(max-width: 767px){
	.carousel-item {
	height: 22rem;
}
.carousel-item > img{
	height: 22rem;
}
.carousel-caption{
	padding-bottom: 52px;
	
}
.carousel-caption h1{
    font-size: 25px;
   
}
}