/*google font*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
 

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#body {
    overflow: hidden;
}
/*---------HOME nav-bars***------*/
.welcome-container {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background-color:  #009879;
  position: relative;

  

}

.welcome-text {
margin-left:-7vw;
}

.welcome-container h1 {
  font-size: 20px;
  font-weight: 500;
  justify-content: flex-start;
} 

.language {
  padding-left: 46.5vw;
}

#c-one {
  color: #009879 ;
}
#c-two {
  color: #FF4545;
}

/* HEADER - NAV MENU*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background-color: rgb(255,255,255);
  transition: all 0.5s;
  z-index: 997;
  padding: 40px 0;
  height: 16vh;
  
  
}



.welcome-container {
width: 100%;
padding-left: 18vw;
position: absolute;
top: 0;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */   /* Desktop Navigation */  /* Desktop Navigation */  /* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 25vw;
  
}

.logo-container{
  margin-left: 50px;
}

.nav-menu > ul {
  display: flex;
  flex-direction: row;
}

.nav-menu  li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 24px;

}

.nav-menu a {
  display: block;
  position: relative;
  color: rgba(12, 154, 29,.7);
  transition: 0.3s;
  font-size: 18px;
  padding: 0 3px;
  text-decoration: none;
}

.nav-menu > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #FF4545;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .active > a:before {
  visibility: visible;
  width: 100%;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #0C9A1D;
  font-weight: 500;
}




/*slider*/

#carouselExampleIndicators{
	position: relative;
	height: 100vh;
	width: 100vw;
}
#carouselExampleIndicators .carousel-inner{
	position: relative;
	height: 100%;
	width: 100%;
	background: #000;
}
#carouselExampleIndicators .carousel-inner:before{
	position: absolute;
	content: ''; 
	background: rgba(0, 0, 0, 0.6);  /* Diming bg*/
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
#carouselExampleIndicators .carousel-inner .carousel-item{
	position: relative;
	height: 100%;
	width:100%;
	background: url('https://gremikeninvestments.com/wp-content/uploads/2015/12/Business-Consulting-Services-in-Kenya-1.jpg?id=651');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(2){
	background: url('https://images.pexels.com/photos/40568/medical-appointment-doctor-healthcare-40568.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(3){
	background: url('https://images.pexels.com/photos/267669/pexels-photo-267669.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(4){
	background: url('https://media.nu.nl/m/lyixhjua7w21_wd1280.jpg/telefoniestoring-gemeente-den-haag-weer-verholpen.jpg');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(5){
	background: url('https://images.unsplash.com/photo-1580482982890-4caedd6f97ec?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1351&q=80');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
	#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(6) {
		background: url('/images/ok.jpg');
		background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
	}
	#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(7) {
		background: url('/images/kk.jpg');
		background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
	}
	#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(8) {
		background: url('/images/kkk.jpg');
		background-size: 100% 100%;
		background-position: center;
		background-attachment: fixed;
	}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(9){
	background: url('https://www.bbntimes.com/images/Car_Insurance_Blockchain-min.jpg');
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
}
#carouselExampleIndicators .carousel-inner .carousel-item:nth-child(10){
	background: url('https://storage.googleapis.com/geotab_wfm_production_cms_storage/CMS-Images-production/Blog/Generic_headers/fall-back-hero-image17@2x.jpg');
	background-size:100% 100%;
	background-position: center;
	background-attachment: fixed;
}

#carouselExampleIndicators .carousel-inner .carousel-item .info{
	position: absolute;
	top: 36%;
	transform: translateY(-50%);
	height: auto;
	width: 100%;
	z-index: 1;
	text-align: center;
}
#carouselExampleIndicators .carousel-inner .carousel-item h1{
	height: auto;
	color: #fff;
	width: 100%;
	z-index: 1;
	text-align: center;
	font-size: 3.3em;
	font-weight: 700;
}
#carouselExampleIndicators .carousel-inner .carousel-item p{
	height: auto;
	color: #fff;
	width: 100%;
	z-index: 1;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
}

.info {
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
}


.carousel-indicators {
    margin-bottom: 100px;
    align-items: center;
    justify-content: center;
    align-self: center;
}


/* -------------------------
 blocks of text
----------------------------*/



/* -------------------------
 button
----------------------------*/
.button_container {
  width: 100%;
  position: absolute;
  margin-top: 180px;
  text-align: center;
  align-items: center;
  align-self: center;


}

.description, .link {
  font-family: 'Amatic SC', cursive;
  text-align: center;
}


.btn {

  width: 240px;
  padding: 10px 20px;
  margin-top: 150px;
  border: none;
  display: block;
  text-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 550;
  font-size: 15px;
  background-color: #009879;
  padding: 17px 40px;
  margin: 0 auto;
  box-shadow: 10px 5px 15px rgba(0,0,0,0.20);
  letter-spacing: 1px;
}

.btn span {
  position: relative; 
  z-index: 1;
}

.btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 500%;
  width: 140%;
  background: #FDF8F5;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-104%) translateY(-25%) rotate(45deg);
}

.btn:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.con-sign {
  position: absolute;
  margin: 75vh 72vw;

}