@charset "utf-8";


body {
      overflow-x: hidden;
       font-family: 'Segoe UI', sans-serif;
    }

.fp-right.fp-show-active span {
  background-color:azure !important; 
  transform: scale(1.5); 
}





/*.fp-right.fp-sr-only {
  background-color: blue !important; 
	width: 100px !important;
}*/

	  /*navbar */
.navbar {
      /*background-color: #f8f9fa;*/
		background-color: transparent;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100;
    }

    .navbar-brand {
      margin-right: auto; 
		margin-left: 50px;
      font-size: 24px; 
      color: #333; 
    }
  
.navbar-brand img{
	margin-right: auto;
	margin-left: 50px;
	width: 100px;
	height:auto;
}

.nav-link:hover {
		
      color:aquamarine !important; /
    }
 

@media (max-width: 576px) {
	 
	
	/*.navbar {
		background-color: aqua;
	}*/
	
	.navbar-brand img{
		margin-left: -40px !important;
	}
}

    .navbar-nav {
      margin-left: auto;
		margin-right: 50px;
		
    }

    .nav-link {
      font-size: 21px; 
      color:white !important; 
		font-weight:800;
		 margin-right: 30px;
		
    }

   /* .nav-link:hover {
		
      color:blanchedalmond !important;
    }*/

/*resp icon*/
.navbar-toggler {
 
	border: 1px solid #020818 !important;
	
	
}
.navbar-toggler-icon {
  filter: invert(0); /* Change icon color to white */
}

/*.navbar .navbar-toggler:focus{
  background-color: red;
}
*/







    /*.card-footer {
  /*background-color: #f8f9fa;
	
  padding: 60px 0;
  text-align: center;
}*/
.card-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  border-top: 1px solid #7F7F7F;
	text-align: center;
}


.card-footer p {
  margin: 10px;
  font-size: 14px;
  /*color: #777;*/
	color:azure;
	font-weight: 600;
}



    .section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
    }

/*home*/
    .section.home {
		/*background-color: black;*/
	/*background-image: url( "img/bg1.jpg");*/
		background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)),  url( "img/b2.webp ");
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  height: 100vh;
    }

.home-container {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.home-title {
  font-size: 48px;
  margin-bottom: 20px;
	color:white;
	font-weight: 700;
}

.home-text {
  font-size: 18px;
  /*color: #777;*/
 /* margin-bottom: 40px;*/
	color: #DFDFE2;
	max-width: 80%;
	 margin: 0 auto 40px; 
	font-weight: 700;
}

.home-button {
  display: inline-block;
  font-size: 16px;
  padding: 12px 24px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
	font-weight: 900;
	
}

.home-button:hover {
  background-color: #0056b3;
	color: #fff;
	text-decoration: none;
}



/*about*/
    .section.about {
      /*background-color: #e9ecef;*/
		
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)),  url( "img/bg2p.webp");
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  height: 100vh;
    }

.about-container {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 60px;
}

.about-title {
  font-size: 34px;
  margin-bottom: 70px;
  text-align: center;
  margin-top: 0px; 
	color:white;
	font-weight: 700;
}

.about-text {
  font-size: 18px;
  line-height: 1.5;
  color:#DFDFE2;
  max-width: 80%;
  margin: 0 auto; 
	font-weight: 650;
}


@media (max-width: 576px) {
	
	.about-title {
  font-size: 24px;
  margin-bottom: 30px;
  
  margin-top: 40px; 

}
	.about-text {
  font-size: 12px;
  max-width: 65%;
  margin: 0 auto; 
	
}
}



	  /*serivces*/




    .section.services {
  
		/*background-color: #31312F;*/
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)),  url( "img/bg3p.webp");
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  height: 100vh;
    }
	 
	 .services-container {
  text-align: center;
}

.services-title {
  font-size: 34px;
  margin-bottom: 60px;
  text-align: center;
  margin-top: 30px; 
	color:white;
	font-weight: 700;
}

.service-item {
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  vertical-align: top;
  margin-bottom: 40px; 
}

.service-image {
 width: 200px;
  height: 200px;
	
  border-radius: 50%;
  background-color: #ccc;
  margin-bottom: 10px; 
	 margin: 0 auto 10px; /
}


.service-image img{
     width: 200px;
      height: 200px;
	    object-fit: cover;
      border-radius: 50%;
     
    }

.service-main-text {
	font-size: 20px;
  margin-top: 10px;
  /*font-weight: bold;*/
	color:azure;
	font-weight: 600;
}

.service-info-text {
  font-size: 12px;
  margin-top: 5px;
	color:azure;
	font-weight: 400;
}


@media (max-width: 576px) {
  .service-image img {
    max-height: 75px;
	  max-width: 75px;
  }
	.service-image {
 max-width: 75px;
  max-height: 75px;
	 margin: 0px auto 0px !important ; 
	}
	
	
	.services-title {
  font-size: 24px !important;
  margin-bottom: 15px !important;
  text-align: center;
  margin-top: 60px !important; 
	color:white;
	font-weight: 700;
}
	.service-main-text {
	font-size: 14px !important;
  margin-top: 1px !important;
  /*font-weight: bold;*/
	color:azure;
	font-weight: 600;
} 

.service-info-text {
  font-size: 11px !important;
  margin-top: 1px !important;
	color:azure;
	font-weight: 400;
	margin-bottom: -30px;
}

	
}

	  
	  /*contact*/

	
    .section.contact {
      
		/*background-color: #31312F;*/
	
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)),  url( "img/bg4p.webp");
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  height: 100vh;
    }
  
.contact-container {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 60px;
}

.contact-title {
  font-size: 34px;
  margin-bottom: 40px;
  text-align: center;
  margin-top: 10px;
	color:white;
	font-weight: 700;
}

.contact-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0px;
	color:azure;
	font-weight: 600;
}

.contact-item {
  flex-basis: 300px;
  margin: 0 20px;
  text-align: center;
}

.contact-item img {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
}

.contact-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
	color: azure;
}

.contact-text {
  font-size: 16px;
  /*color: #777;*/
	color:azure;
	font-weight: 300;
}

.contact-links {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-links a {
  margin: 0 10px;
}

.contact-links img {
  width: 42px;
  height: 42px;
}

@media (max-width: 576px) {
	
	.contact-title {
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 20px; 
}
	.row{
		margin-bottom: 0px ;
	}
	
	.contact-item {
  flex-basis: 300px;
  margin: 0 20px -40px;
  text-align: center;
}

.contact-item img {
  width: 34px;
  height: 34px;
  margin-bottom: -10px ;
}
	
	.contact-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
	color: azure;
}
	
	.contact-links img {
  width: 30px;
  height: 30px;

}
}

/*
.row{
	margin-bottom: 100px;
}

*/


