﻿*{
	margin:0;
	padding: 0;
}
html{
	scroll-behavior: smooth;
}

body{
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}


.fa-bars{
	font-size: 30px !important;
	color: black;

}

.navbar{
	padding:0 !important;
}

.navbar-brand img{
	width:62px;
}


.nav-link{

 color: #102B46 !important;
 padding: 25px 20px !important;
 margin-left: 2px;
}

.active{
 color: #fff !important;
 background-color: #1887E6;
 
}


.nav-link:hover{
 color: #fff !important;
 background-color: #1887E6;
 
}



.navbar-toggler{
	border:1px solid black !important;
	border-radius:0px !important;
}




.site-head{
	color: black;
	margin-left: 10px;
}

.home-banner{
	display: none;
}


 .carousel-inner{
 	height: 500px !important;
 }



.carousel-caption{
	position: absolute;
	
	left: 9% !important;
	text-align: left !important;
	top: 30%;

}

.carousel-caption p {
    color:#fff;
    font-size: 40px;
    font-weight: 300;
}


.carousel-caption h6 {
    color: #fff;
    font-size: 38px;
    font-weight: 100;
    font-family: 'Gayathri', sans-serif;
}




.carousel-caption h5 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}






.slider-btn1{
	background-color: #1887E6;
	color: #fff;
	padding: 7px 15px;
	border-radius: 5px;
	font-size: 17px;
	font-weight: 400;
	border:1px solid #1887E6;
}

.slider-btn1:hover{
	text-decoration: none;
	background-color: #fff;
	border:1px solid #1887E6;
	color: #1887E6;
}

.slider-btn2{
 
	color: #fff;
	padding: 7px 15px;
	border-radius: 5px;
	font-size: 17px;
	font-weight: 400;
	border:1px solid #fff;
	margin-left:10px;
}

.slider-btn2:hover{
	text-decoration: none;
	background-color: #1887E6;
	color: #fff;
}



.home-section1{
	padding:90px 0px;
}

.home-section1 h2{
	color: #343a40;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 80px;
}


.home-main-head{
  color: #1887E6;

}

.home-section1 p{
	color: #999;
	font-size: 17px;
}

.home-section2{
  padding: 90px 0;
    background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(images/home-sec2-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.home-section2 h2{
  color: #fff;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
}

.home-head-description1{
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}


.home-service-wrap{
	background-color: #fff;
	padding: 50px;
	text-align: center;
}


.home-service-wrap i{
	color: #1887E6;
	font-size: 40px;
	box-shadow: 7px 4px 5px rgba(0, 0, 0, 0.37);
	padding: 20px;
	border-radius: 50%;
	margin-bottom: 20px;
}
  
  .home-service-wrap h3{
  	font-size: 25px;
  }



  .home-service-wrap p{
  	margin-bottom: 40px;
  	margin-top: 20px;
  	color: #999;
  	font-size: 17px;
  }

.home-service-wrap a{
	color:#1887E6;
	font-size: 17px;
	font-weight: 400;

}

.home-service-wrap a:hover{
	text-decoration: none;
	color: #1887E6;
	border:1px solid #1887E6;
	padding: 10px;
	border-radius: 5px;
}

.home-section3{
	padding: 90px 0px;
	
}

.home-section3 h2{
     color: #343a40;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
}


.home-head-description2{
	color: #999;
	text-align: center;
	margin-bottom: 70px;
	margin-top: 20px;
}

.home-services-wrap h3{
	color: #343a40;
	font-size: 32px;
}

.home-services-wrap p{
	color: gray;
	margin-top: 20px;
	margin-bottom: 40px;
}

.home-services-wrap ul{
  margin-bottom: 50px;
}


.home-services-wrap li{

  
  font-size: 23px;
  font-weight: 400;
  color: #343a40;
  list-style: none;


}

.home-services-wrap li::before {
  content: "•";
  padding-right: 12px;
  color: blue; 
}


.home-services-btn{
  padding: 10px 20px;
  background-color:#1887E6;
  color: #fff;
  font-size: 14px;
	font-weight: 600;
	
}

.home-services-btn:hover{
	text-decoration: none;
	color: #1887E6;
	border:2px solid #1887E6;
	background-color: transparent;
}

.home-services-below-sec{
	margin-top: 70px;
}

.home-services-below-sec h4{
	font-weight: 600;
	font-size: 25px;
}

.home-services-below-sec p{
	
	font-size: 15px;
	color: #999;
}

footer{
	background-color: #212529;
	padding-top:70px;
}

footer h3{
	color: #fff;
	font-size: 25px;
}

footer p{
	color: #707579;
	font-size: 15px;

}

footer h4{
	color: #fff;
	font-size: 17px;
}

footer ul li a{
	color: #707579;
	line-height: 34px;
	font-size: 15px;
}

.footer-social{
	margin-bottom: 30px;
}

.footer-social a{
	color: #707579;
	font-size: 40px;
	margin-right: 15px;
}

.sub-footer{
	background-color: #363b42;
	padding: 20px;
	margin-top: 30px;
}
.sub-footer p{
	text-align: center;
	color: #707579;
}


/*...............about us ....*/


.aboutus-banner{


	width: 100%;
	height: 50vh;
	
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/contact-banner.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	
	position: relative;

}


.aboutus-section1{
	padding: 90px 0px;
}

.aboutus-section1 h2{
	color: #343a40;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

.aboutus-head-description{
	color: #999;
	text-align: center;
	margin-bottom: 60px;
}

.aboutus-sec1-content p{
	color: #999;
	font-size: 17px;
}


.aboutus-section2 {
	padding: 100px 0px;
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/contact-banner.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	text-align: center;
}

.aboutus-section2 h4{
	color: silver;
	font-size: 34px;
	font-weight: 600;
	text-align: center;
}

.aboutus-section2 h3{
	color: silver;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}

.aboutus-btn{
  color: #fff;
  font-size: 15px;
  padding: 10px 25px;
  border:1px solid #fff;
  border-radius: 5px;
}

.aboutus-btn:hover{
	text-decoration: none;
	background-color: #1887E6;
	color: #fff;
	border:1px solid #1887E6;
}



.aboutus-section3 {
	padding: 90px 0px;
}

.aboutus-section3 h3{
	color: #343a40;
	font-size: 35px;
	font-weight: 600;
}

.aboutus-section3 h4{
	color: #343a40;
	font-size: 25px;
	font-weight: 400;
	margin-top: 20px;
}

.aboutus-section3 p{
	color: #999;
	font-size: 15px;
	margin-top: 20px;
}

.aboutus-section3 h5{
	font-size: 35px;
	color: #343a40;
	font-weight: 600;
	margin-top: 30px;
}



/*...............services ....*/


.services-banner{


	width: 100%;
	height: 50vh;
	
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/contact-banner.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	
	position: relative;

}


.services-section1{
	padding: 90px 250px;
}


.services-section1 h2{
	color: #343a40;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	
}


.services-head-underline{
	height: 2px;
	background-color: #1887E6;
	width: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.services-section1 h4{
	color: #343a40;
	font-size: 19px;
	font-weight: 600;
	margin-top: 70px;
}


.services-section1 p{
	color: #999;
	font-size: 15px;
	margin-bottom: 30px;

}


.services-btn{
  padding: 10px 20px;
  background-color: #1887E6;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
}


.services-btn:hover{
	color: #1887E6;
	border:2px solid #1887E6;
	background-color: transparent;
	text-decoration: none;
}

.services-section1 img{
	margin-top: 70px;
}


.services-section2 {
	padding: 80px 0px;
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/contact-banner.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	text-align: center;
}


.services-section2 h3{
	color:#1887E6;
	font-family: 'Gayathri', sans-serif;
	font-size: 50px;
	text-align: center;
}

.services-section2 h4{
	color:#fff;
	font-family: 'Gayathri', sans-serif;
	font-size: 35px;
	text-align: center;
}

.services-section2 h5{
  color: #fff;
  font-size: 20px;
  text-align: center;
}


.services-section3{
	padding: 90px 0px;
}

.services-section3 h2{
	font-family: 'Gayathri', sans-serif;
	text-align: center;
	color: #343a40;
}

.services-section3 h5{
	font-family: 'Gayathri', sans-serif;
	text-align: center;
	color: #343a40;
	margin-bottom: 80px;

}

.services-sec1{
  font-family: 'Gayathri', sans-serif;
  text-align: center;
  
}

.services-sec1 h1{
	font-weight: 600;
	color: #1887E6;
	font-size: 60px;
}
.services-sec1 h3{
	font-weight: 600;
	font-size: 29px;
}

.services-sec1 h4{
	font-weight: 400;
	font-size: 23px;
}

.services-sec1 h6{
	font-weight: 400;
	color: #343a40;
}




/*...............contact us ....*/


.contactus-banner{


	width: 100%;
	height: 50vh;
	
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/contact-banner.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	
	position: relative;

}




.banner-text{
	position: absolute;
	text-align: center;
	color: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
}

.contactus-section{
	padding: 90px 0px;

}

.contactus-section h2{
	text-align: center;
	margin-bottom: 10px;
}

.head-underline{
	width: 50px;
	height: 3px;
	background-color: #1887E6;
	margin: 0 auto;
	margin-bottom: 70px;
}

.contactus-part1{
  text-align: center;

}

.contactus-part1 i{
	color: #1887E6;
	font-size: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.contactus-part1 h3{
	font-size: 20px;
	font-weight: 600;
}

.contactus-part1 p{
   font-size: 15px;
   
}


.form-section h4{
	margin-top: 50px;
	text-align: center;
}

.contact-tb{
	width: 100%;
	height: 40px;
	border:2px solid silver;
	margin-top: 20px;
	padding-left: 10px;
	font-size: 13px;
}

.contact-textarea{
	width: 100%;
	border:2px solid silver;
	margin-top: 20px;
	padding-left: 10px;
	font-size: 13px;
	margin-bottom: 40px;
}

.contact-btn{
	border:2px solid #1887E6;
	padding: 10px;
	font-size: 13px;
	font-weight: 600;
}

.contact-btn:hover{
	background-color: #1887E6;
	color: #fff;
	text-decoration: none;
}





/*...........media queries......*/

@media screen and (max-width: 1120px) {


.carousel-inner {
    height: auto !important;
}

.services-section1{
	padding: 90px 0px;
}



}

@media screen and (max-width: 991px) {

.nav-link{

 color: #102B46 !important;
 padding: 10px 20px !important;
 margin-left: 0px;
 text-align: center;
}

}

@media screen and (max-width: 850px) {


	.carousel-caption{
	position: absolute;
	
	left: 9% !important;
	text-align: left !important;
	top: 25%;

   }

	.carousel-caption p {
    color:#fff;
    font-size: 35px;
    font-weight: 300;
   }



.carousel-caption h5 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
  }

 }


@media screen and (max-width: 768px) {


	.slider{
		display: none;
	}

	.home-banner{
	display: block;
	width: 100%;
	height: 100vh;
	
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(images/slide1.jpg);
	background-repeat: no-repeat;
	
	background-position: center center;
	background-size: cover;
	
	position: relative;
   }


   .hero-text{
	position: absolute;
	text-align: center;
	color: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	
}

 .hero-text h1{
	text-align: center;
	padding: 0;
	font-size: 35px;
	margin: 0;
	font-weight:300;	
}
.hero-text h3{
	text-align: center;
	font-size: 16px;
	padding: 0;
	margin-top: 15px;
	font-weight: 300;
}

 .hero-text button{
	width: 150px;
	height: 40px;
	font-size: 17px;
	border-radius: 5px;
	margin-top: 15px;
	background-color: #1887E6;
	color: #fff;
	border:1px solid #1887E6;
	font-weight: 300;
}
   


.home-section1 {
	padding: 40px 0px;
	
}


.home-section2 {
	padding: 40px 0px;
	
}

.home-service-wrap{

	margin-bottom: 15px;
}

.home-section3 {
	padding: 40px 0px;
	 text-align: center;
}


.home-services-wrap li::before {
  content: "";
   
}

.home-section3 img{
	margin-top: 60px;

}

.home-services-below-sec{
	margin-top: 30px;
}


footer{
	text-align: center;
	padding-top:20px;
}

footer h3{
  margin-top: 30px;
}


.aboutus-section1{
	padding: 40px 0px;
}

.aboutus-section2{
	padding: 60px 0px;
}


.aboutus-section2 h4{
	
	font-size: 25px;
	
}

.aboutus-section2 h3{
	
	font-size: 32px;
	
}


.aboutus-sec1-content h3{
	margin-top: 20px;
}

.aboutus-section3 h3{
	margin-top: 20px;
}

.aboutus-section3{
	text-align: center;
	padding: 40px 0px;
}
 
 .aboutus-section3 img{
 	display: none;
 }


.hide-br{
	display: none;
}



}




 @media screen and (max-width: 577px) {

.navbar{
	padding:10px !important;
}


.home-section1 h2{
	color: #343a40;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 50px;
}

.home-section2 h2{
	
	font-size: 25px;
	
	
}

.aboutus-section1 h2{
	color: #343a40;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px;
}


.services-section1{
	padding: 40px 00px;
}


.services-section1 h2{
	
	font-size: 28px;
	
	
}


.services-section1 h4{
	
	margin-top: 30px;
}


.services-section1 img{
	margin-top: 30px;
}




}



   