/*-----Google Fonts----*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700");
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

/*---Scroll--*/


/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e3e5e4; 
  border-radius: 10px;

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:  #08637e;
  border-radius: 50px;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover  {
 background: #082f3b;
}
/*---Navbar---*/
body
{
	  font-family: "Roboto", sans-serif;
}
.navbar-brand
{
	margin-left: 25px;

}




.navbar-light .navbar-nav .nav-link {
    color: #000;.
 
}
.activemenu
{
border-bottom: solid;
border-color: #04303e;
 transition: all ease-in-out .2s;
}
.nav-link
{
	 	  font-family: "Roboto", sans-serif;
 		text-transform: uppercase;
 		margin-right: 20px;
}

.navbar .navbar-nav .nav-link:hover
{
border-bottom: solid;

border-color: #04303e;
 transition: all ease-in-out .2s;	
font-weight: bold;

}
/*---- Services ----*/

.heading
{
	  font-family: "Roboto", sans-serif;
	  color:#04303e;
	  text-align: center;
	  font-size: 50px;
}

.services
{

	height: 80vh;
text-align: center;
	padding:20px;
	border-radius: 20px;
	width: 75%;
	margin-left: 50px;
	margin-bottom: 50px;



}
.services img
{
	height: auto;
	width: 60px;
	padding-bottom: 15px;
	
}
.services:hover
{
box-shadow: 0 0 5px lightgray;

  transition: box-shadow 0.50s ease-in-out;
}
.services p
{

  color: #6b7d8e;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  margin-top: 25px;

}
.services h4
{
	font-size: 22px;
  margin-top: 25px;

  font-family: "Roboto", sans-serif;

}

/* -------Parallax Effect  ------ */

#parallax {
 
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("img/banner/parallax.jpg");
  min-height: 500px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
	#parallax h3
	{
		font-size: 40px;
		color: white;
	
		margin-top: 200px;
 font-family: 'Dosis', sans-serif;

}


#parallax img { padding-top: 50px; position: absolute; margin-left: -10px;
width: 450px; }

 #parallax .see 
 { margin-left: 300px; height: 50px; color:
#e3e5e4; background-color: #04303e; border-radius: 50px; width: 120px;
margin-top: 20px;

}
#parallax .see:hover
{
	
	border-style: inset;
}

/*------ Why Choose-----*/
#choose
{
	margin-left: 100px;
	margin-top: 100px;
}
#choose p
{
	 color: #6b7d8e;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: 50px;

}

#choose h4
	{
		font-size: 34px;
		color: #04303e;
		text-align: center;
 font-family: 'Dosis', sans-serif;

}

/*------Home Form-----*/
#form
{

	margin: 120px;
	width: 80%;

}

.submit
{
	margin-left: 200px;
	height: 50px;
	color: #e3e5e4;
	background-color: #04303e;
	border-radius: 50px;
	width: 120px;
		margin-top: 20px;
	}
.submit:hover
{
	border-style: inset;
}

#form input 
{
	  outline: none;
	background: none;

	border-top: none;
	border-right: none;
	border-left: none;
	box-shadow: none;
	border-width: 5px;
	
	color: #6b7d8e;


  
}
 input:focus
{
		border-image: linear-gradient(to right, #228bac, #0a5167,#04303e);
		  border-image-slice: 1;
 transition: all ease-in-out .5s;
	border-width: 5px;


}


#number
{
	width: 70%;
	margin-top: 20px;
	padding: 10px;
}
#msg
{
	width: 70%;
	margin-top: 20px;
padding: 10px;
}
#name
{
	width: 31%;
	padding: 10px;

}
#email
{
	width: 32%;
	margin-left: 50px;
	padding: 10px;

}
.contact
{
	margin-right: 100px;
	position: absolute;
	margin-top: 150px;
	

}
.contact a
{
	text-decoration: none;
	color:#04303e;
}
.contact h4
{
	
	color:#04303e;
	font-size: 30px;

}

.pricelist
{
    background-color: #082f3b; 
    width:100%;
    height:20px;
    font-family: 'Josefin Sans', sans-serif;
}
/*----Footer style----*/
#footer
		{
			
			background: #08637e;
			color: #ececec;
		}
		#footer a
		{
		  text-decoration: none;
			color: #ececec;
			font-family: 'Nunito Sans', sans-serif;	
		}
		#footer li
		{
		  text-decoration: none;
		  list-style-type: none;
		  display: inline;
		  font-size: 20px;
		margin-left: 25px;
		font-family: 'Nunito Sans', sans-serif;	

		}

		#footer .social-link h5
		{
			text-align: center;
		  font-size:35px;
		  margin-left: 50px;
font-family: 'Nunito Sans', sans-serif;

		}
		#footer .last
		{
			background:#104d60;
		}

/*-----About Us page Banner----*/
#about 
{
	margin-top: -100px;
	margin-left: 50px;
}
#about h3{
	font-size: 34px;
		color: #04303e;
		text-align: center;
 font-family: 'Dosis', sans-serif;
}
#about p{
	 color: #6b7d8e;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: 30px;
}
#about img
{
	margin-left: 150px;
}

#about-service h3

{
	font-size:27px;
		color: #04303e;
		text-align: left;
 font-family: 'Dosis', sans-serif;
}

#about-service img
{
	position: absolute;
	margin-left: 30%;
	
}


#progress-bar h3

{
font-size:35px;
		color: #04303e;
		text-align: center;
 font-family: 'Dosis', sans-serif;
 padding-bottom: 20px;
}

#progress-bar
{
	margin-top: 50px;
	padding: 50px;
}

#progress-bar
{
		text-align: justify;

}

/* Services Page Start*/

/* Services banner */

#services-banner{
  font-family: "Segoe UI", sans-serif;
  background: url(bg.png)no-repeat;
  background-size: cover;
  height: 100vh;
}

.services-product{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.services-product img{
  position: absolute;
  width: 90%;
  height: 90%;
  top: 8%;
  left: 10%;
  object-fit: contain;
}

.services-product h2{
  z-index: 1;
  position: relative;
  color: #104d60;

  font-size: 60px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 32px;
  line-height: 60px;
}

.services-product h2 span{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 10px;
}



/*----Circle Progress bar----*/
#circle-progress
{
	 font-size: 0;
  text-align: center;
}
.circle {
  width: 200px;
    margin: 6px 20px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
  vertical-align: top;
}
 .circle strong {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 43px;
  }



/*----Contact page start ----*/
#contact-banner
{
	background-color: #e3e5e4;
	height: 60vh;

}


.contact-heading
{
	  font-family: "Roboto", sans-serif;
	  color:#04303e;
	  text-align: center;
	  font-size: 30px;
	   letter-spacing: 5px;

}

#contact-head
{
	  font-family: "Roboto", sans-serif;
	  color:#04303e;
	  text-align: center;
	  font-size: 50px;
	  margin-top: 80px;
	   letter-spacing: 12px;
}