@import url('https://fonts.googleapis.com/css?family=Poppins');
*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family: montserrat;
	
}

/*-----NAVIGATION BAR -----*/
.navbar
{
    
	height: 100px;
	padding-left: 0 !important;
	
	
}


.navbar-nav a {
	font-size: 16px;
	font-weight: bold;
    color: black;
	padding-left: 40px !important;
}

.navbar-nav a:hover
{
	color:rgb(255, 117, 54);
}

.container
{
	width:100% !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
.logo
{
	width:25%;
	background-color:rgb(255, 117, 54);
	height: 130px;
	position: relative;

}

.logo::before
{
position: absolute;
content: '';
width: 85%;
height: 130px;
top:0;
left: 60%;
background-color:rgb(255, 117, 54);
transform: skewX(-45deg);
z-index: -1;
}


.logo img
{
	width:120%;
    height:120%;
    margin-top: 0%;
	margin-left: 15%;
	object-fit:cover;
    background-repeat: no-repeat;
}
.logo2
{
	display: none;
	width:70%;
	height:110px;
}
.logo2 img
{
	width:100%;
    height:100%;
    margin-top: 0%;
	margin-left: 8%;
	object-fit:cover;
    background-repeat: no-repeat;
}
.navbar-brand
{
	display: none;
}

.navbar-light .navbar-brand {
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #ffffff;
}

.navbar-toggler {
	padding: 1px 5px;
	font-size: 18px;
	line-height: 0.3;
	background: #fff;
}


/*-----SLIDER -----*/

.carousel-item {
	height: 100vh;
	min-height: 300px;
}



.carousel-caption {
	bottom: 220px;
}


.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
	font-weight: 700;
}
.carousel-caption p {
	width: 60%;
	margin: auto;
	font-size: 18px;
	line-height: 1.9;
	display: none !important;
}

.carousel-control-prev
{
	display: none !important;
}
.carousel-control-next
{
	display: none !important;
}

.w-100 {
	height: 100vh;
}

.carousel-item img
{
    filter: brightness(50%);
}


.carousel-item {
	transition: transform 2.6s ease-in-out;
  }
  
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
	transition: opacity 0s 2.6s;
  }


/*-----About Us -----*/


#about_us_wrapper
{
	width:100%;
	background-color: lightgray;
	min-height: 550px;
}

#about_us
{
	width:85%;
	min-height: 500px;
	
	margin: auto;
	margin-top:-50px;
	position: relative;
	z-index: 2;
	display:flex;
	
}
#about_us_box1
{
	width:30%;
	background-color:rgb(255, 117, 54);
	min-height: 500px;
	float: right;
	padding: 70px 70px 20px 60px;
	

}

#about_us_box2
{
	width: 70%;
	min-height: 500px;	
	float: right;
	background-color: white;
	padding: 70px 70px 0px 70px;
}

#about_us_box1 h2
{
	color:white;
	font-weight: 700;
	font-size: 35px;
	padding-bottom: 20px;
}

#about_us_box1 p
{
	color:white;
	font-size: 18px;
}

#about_us_box2 h3
{
	color:gray;
	font-style: italic;
	font-size: 25px;
	font-family: 'Times New Roman', Times, serif;
	font-weight: 700;
	
}

#about_us_box2 h2
{
	color: rgb(13, 13, 92);
	font-weight: 700;
	padding: 20px 0;
}


/*-----Our Services -----*/


#our_services_wrapper
{
	width: 100%;
	min-height: 800px;
	background-color: lightgray;
}

#our_services_heading
{
	width:85%;
	height: 200px;
	
	margin:auto;
}

#our_services_heading h2
{
	font-size: 35px;
	font-weight: 700;
	color: rgb(13, 13, 92);
	
}


#our_services_heading p
{
	padding: 15px 0;
	line-height: 30px;
	font-size: 18px;
	color: rgb(94, 89, 89);
}

#our_services_box_wrapper
{
	width:85%;
	height:220px;
	margin:auto;
	margin-bottom: 40px;
	display: flex;
}

.our_service_box
{
	width:32%;
	height:220px;
	background-color: rgb(255, 255, 255);
	display: flex;
	padding: 35px 15px 14px 30px;
}

.service_text
{
	width:77%;
	height: 220px;
	padding-right:10px;
	

	
}
.service_image
{
	width:23%;
	height:100px;
	padding-top: 10px;
	
	

	
	
}

.service_image img
{	
	width:100%;
	object-fit:cover;
    background-repeat: no-repeat;

}

.service_text h2
{
	font-size:20px;
	font-weight: 700;
	color: rgb(13, 13, 92);
	margin-bottom: 15px;
	line-height: 25px;
}

.service_text p
{
	font-size:13px;
	color:gray;
	font-weight: 400;
	line-height: 19px;
	text-align: left;

}


.our_service_box:nth-child(2)
{
	margin:0 2%;
}



/*-----Strategy and Planning -----*/


#sp
{
	width:100%;
	height: 700px;
	background-color: rgb(28, 28, 75);
	padding-top:80px;
	padding-left:7%;
	

}

#sp_heading
{
	width:48%;
	height:200px;
	
}

#sp_heading h2
{
	color: white;
	font-size: 30px;
	font-weight: 700;

}

#sp_heading p
{
	padding-top:20px;
	color:gray;
}

#sp_boxes_wrapper
{
	width:48%;
	height: 300px;
	display:flex;
}
.sp_box
{
	width:49.75%;
	height: 300px;

	
	
}

.sp_box h3
{
	font-size: 20px;
	font-weight: 700;
	color:white;
	padding-top:20px;
	padding-bottom: 10px;

}

.sp_box p
{
	font-size: 15px;
	font-weight: 400;
	color:white;

}

.sp_box_img
{	
	width:25%;
	height:100px;
	margin-left:5%;

}

.sp_box:nth-child(3)
{
	padding-left:5%;
}

.sp_box:nth-child(3) .sp_box_img
{
	width:30%;
}
.sp_box_img img
{	
	width:100%;
	object-fit:contain;
    background-repeat: no-repeat;

}


#sp_boxes_wrapper #line
{
	width:0.25%;
	height:300px;
	background-color: rgba(80, 82, 105, 0.925);
}


#sp_picture
{
	width: 30%;
	height: 550px;
	float:right;
	margin-right:-2%;
	margin-top:-650px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

#sp_picture img
{
	width:100%;
	object-fit:contain;
    background-repeat: no-repeat;	
}



/*-----Clients Section -----*/


#client
{
	width:100%;
	height:800px;
	padding-left:7%;
	padding-right:7%;
	background: linear-gradient(45deg, #02011f 0%, #02011f 5%,transparent 5%, transparent 10%, #02011f 10%, #02011f 15%,transparent 15%,transparent 20%, #02011f 20%, #02011f 25%,transparent 25%,transparent 30%, #02011f 30%, #02011f 35%,transparent 35%,transparent 40%, #02011f 40%, #02011f 45%,transparent 45%,transparent 50%, #02011f 50%, #02011f 55%,transparent 55%,transparent 60%, #02011f 60%, #02011f 65%,transparent 65%,transparent 70%, #02011f 70%, #02011f 75%,transparent 70%,transparent 80%, #02011f 80%, #02011f 85%,transparent 85%,transparent 90%, #02011f 90%, #02011f 95%,transparent 95%);
        background-size: 3em 3em;
        background-color: #0c0f3d;
        opacity: 1
}

#client h2
{
	color:white;
	font-size: 40px;
	text-align: left;
	font-weight: 700;
	padding-top:70px;
	padding-bottom:40px;

	

}

#client p
{
	color:white;
	font-size: 17px;
	line-height: 35px;
}

#client_logo_wrapper
{
    width:90%;
    height:80px;
    margin:auto;
    margin-top:50px;
    display: flex;
}

.clientbox
{
    width:18%;
    height: 100%;
    margin: 0 2%;
	

}

.clientbox img
{
    width:100%;
    height:100%;
    object-fit: contain;
}





/*-----LEADER Section -----*/

#leader
{
	width:100%;
	height:500px;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(21, 21, 31, 0.7)), url("../img/leader.jpg");
    background-blend-mode:darken;
    background-size: cover;
    background-repeat: no-repeat;
	padding-top: 100px;
	padding-left:10%;
}

#leader h3
{
	color:white;
	font-size:50px;
	font-family:'Brush Script MT', cursive;
}
#leader h2
{
	color:white;
	font-size: 60px;
	font-weight: 700;

}


/*-----Contact Us -----*/


#contact_us
{
	width:100%;
	height:700px;
	background-color:#0f182b;
	padding-top:70px;

}

#contact_us h2
{
	text-align: center;
	font-size: 50px;
	color:white;
	text-transform: uppercase;
	font-weight:700;
	margin-bottom: 100px;
}



#contact_box_wrapper
{
	width:80%;
	height:300px;
	margin:auto;
	display: flex;
	color: white;
}

#contact_box_wrapper .contact_box
{
	width:33.33%;
	height:300px;


}


#contact_box_img
{
	width:30%;
	height:100px;
	background-color: rgb(58, 51, 95);
	margin:auto;
	border-radius: 50%;
	margin-bottom: 20px;
}

#contact_box_img img
{
    width:80%;
    height:80%;
    object-fit: contain;
	margin-top:10%;
	margin-left:10%;
}

.contact_box h3
{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
}

.contact_box p
{
	text-align: center;
}

.contact_box p a
{
	text-decoration: none;
	color: white
}



/* Footer */

#footer
{
    width:100%;
    height:70px;
    background: #000;
    display: flex;
    align-items:center;
    justify-content:center
}

#footer p
{
    text-align: center;
    color:white;
    font-size: 14px;
    
}




@media only screen and (max-width: 767px) {
	.navbar-nav {
		text-align: center;
		background: rgba(0, 0, 0, 0.5);
	}
	.carousel-caption {
		bottom: 165px;
	}
	.carousel-caption h5 {
		font-size: 17px;
	}
	.carousel-caption a {
		padding: 10px 15px;
		font-size: 15px;
	}

    .navbar-nav
	{
    margin-left:auto !important;
	}

	.logo
	{
		display:none;
	}
	.logo2
	{
		display:flex;
	}


	/*-----SLIDER -----*/
	
}