* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:Calibri, sans-serif;
}
body {
  /*background: #FFF7FF;*/
  background:#fff;
}
.nav {
  position: fixed;
  display:block;
  z-index:9;
  top: 0;
  left: 0;
  width: 100%;
  height:90px;
  /*padding: 15px 100px;*/
  padding-top:15px;
  padding-bottom:15px;
  padding-left:50px;
  padding-right:100px;
  background: #fff;
  border-bottom:1px solid #40BFBF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.nav,
.nav .nav-links {
  display: flex;
  align-items: center;
}
.nav {
  justify-content: space-between;
}
.nav a {
  color: #92d050;
  text-decoration: none;
  
}
.nav .logo {
  font-size: 60px;
  font-weight: bold;
}
.nav .nav-links {
  column-gap: 25px;
  list-style: none;
}
.nav .nav-links a {
  transition: all 0.2s linear;
}
.nav.openSearch .nav-links a {
  opacity: 0;
  pointer-events: none;
}
.nav ul li a{
	position:relative;
	text-decoration:none;
	font-size:1.1em;
	color:#142D07;
	font-weight:normal;
	/*text-transform:capitalize;
	letter-spacing:0.1em;*/
}
.nav ul li a::before{
	content:'';
	position:absolute;
	bottom:-2px;
	width:100%;
	height:2px;
	background:#92d050;
	transform:scaleX(0);
	transition:transform 0.5s ease-in-out;
	transform-origin:right;
}
.nav ul li a:hover::before{
	transform:scaleX(1);
	transform-origin:left;
}	
.nav-links a:hover,
.nav-links .active{
	color:#92d050;
}
.nav .search-icon {
  color: #142D07;
  font-size: 25px;
  cursor: pointer;
}
.nav .search-box {
  position: absolute;
  right: 120px;
  height: 45px;
  max-width: 400px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s linear;
}
.nav.openSearch .search-box {
  opacity: 1;
  pointer-events: auto;
}
.search-box .search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  left: 15px;
  color: #142D07;
  transform: translateY(-50%);
}
.search-box input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  border:1px solid #92d050;
  border-radius: 6px;
  background-color: #fff;
  padding: 0 15px 0 45px;
  color:#333;
}

.nav .navOpenBtn,
.nav .navCloseBtn {
  display: none;
}
.nav .navOpenBtn,
.nav .navCloseBtn{
	background:#142D07;
	color:#fff;
}

/* Home Banner */
.homecontainer{
	
}


/* Home content */

.homecontent{
	margin:0;
	padding:0;
	width:100%;
	padding-top:10px;
	padding-left:50px;
}
.homecontent b{
	font-size:18px;
	
}
.homecontent p{
	text-align:justify;
	font-size:16px;
	line-height:1.5em;
	color:#333;
}
.wrapper{
	margin:0px auto;
	padding:0;
	padding-bottom:10px;
	text-transform:capitalize;
}
.wrapper h1{
	font-size:25px;
	padding-left:50px;
	text-decoration:4px solid #40BFBF underline;
	text-underline-offset: 15px;
	line-height:2em;
	text-align:left;
	font-weight:normal;
	color:#333;
}
.wrapper a{
	text-decoration:none;
}
.wrapper hr{
	border-top:1px solid #f2f2f2;
	margin-left:50px;
	margin-right:30px;
	margin-bottom:15px;
	margin-top:1px;
}
.boxcontainer{
	margin:auto;
	margin-bottom:40px;
	max-width:100%;
	display:flex;
	padding-left:50px;
	padding-right:30px;
	justify-content:center;
	display:grid;
	gap:40px;
	grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
}
.homebox{
	position:relative;
	/*border:1px solid #40BFBF;
	padding:2px;*/
	text-align:center;
	border-radius:0px;
	background:#f2f2f2;
	/*box-shadow:0px 5px 10px rgba(0,0,0,0.2);*/
}
.homebox img{
	height:150px;
	width:100%;
}
.homebox:hover{
	transform:scale(1.03);
	/*box-shadow:0 10px 10px rgba(0,0,0,0.5);
	border:1px solid #92d050;*/
}
.homebox h3{
	color:#444;
	font-size:18px;
	padding-top:40px;
	padding-bottom:40px;
	font-weight:normal;
}
.text-block {
	position:absolute;
	top:20px;
	left:20px;
	font-size:18px;
	padding:10px;
	background-color:#fff;
  	color: #333;
}


/* ----- */


/*Get in touch*/
.aboutus{
	margin:auto;
	width:80%;
	padding-top:100px;
	/*background-color:#FFF7FF;*/
}
.aboutus img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:40vw;
	height:50vh;
}
.aboutus h1{
	font-size:25px;
	/*letter-spacing:0.1em;*/
	text-align:center;
	font-weight:normal;
	color:#333;
}
.aboutus h2{
	color:#fff; 
	position:absolute;
	top:45%;
	width:80%;
	text-align:center;
	font-size:20px;
	font-weight:normal;
}
.aboutus span{
	color:#fff; 
	text-align:center;
	font-size:40px;	
}
.aboutus p{
	padding-top:15px;
	font-size:16px;
	color:#333;
	text-align:center;
	/*letter-spacing:0.1em;*/
}
.aboutus a{
	font-size:18px;
	color:#008080;
	text-decoration:none;
}
.aboutus a:hover{
	color:#008080;
	text-decoration:none;
}

/* ---------Careers ----------*/
.careersrow{
	width:100%;
	height:450px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:0px 30px;
	padding-top:100px;
}
.careersrow .careersleft{
	display:flex;
	align-items:top;
}
.careersrow .careersleft .careerscontent{
	padding-left:20px;
}
.careerscontent h1{
	font-size:25px;
	padding-top:10px;
	/*letter-spacing:0.1em;*/
	text-align:left;
	font-weight:normal;
	color:#333;
}
.careerscontent p{
	padding-top:15px;
	padding-bottom:3px;
	font-size:16px;
	color:#333;
	text-align:justify;
	/*letter-spacing:0.1em;*/
	line-height:1.5em;
}
.careerscontent a{
	font-size:18px;
	text-decoration:underline;
}
.careerscontent a:hover{
	color:#008080;
	text-decoration:none;
}

.careersrow .careersright{
	overflow:hidden;
	padding-top:0px;
}
.careersrow .careersright img{
	width:99%;
	height:100%;
	object-fit:cover;
}

.careersoop{
	margin:auto;
	width:100%;
	align-items:top;
	padding-left:20px;
	vertical-align:top;
  display: inline-block;
}
.careersoop h2{
	font-size:20px;
	/*letter-spacing:0.1em;*/
	text-align:left;
	font-weight:normal;
	color:#40BFBF;
	padding-bottom:15px;
}
.careersoop .hr{
	width:100%;
	border:0;
	border-top:1px solid #40BFBF;	
}
.careersoop p{
	padding-top:5px;
	font-size:16px;
	color:#333;
	text-align:justify;
	/*letter-spacing:0.1em;*/
	line-height:2em;
}
/* News and Media */
.news{
	margin:auto;
	width:80%;
	padding-top:100px;
}
.news h1{
	font-size:25px;
	/*letter-spacing:0.1em;*/
	text-align:left;
	font-weight:normal;
	color:#333;
	
}
.newsbox{
	width:90%;
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gried-gap:20px;
}
.newsbox1{
	background-color:#f2f2f2;
	text-align:left;
	color:#333;
	vertical-align:top;
	font-size:16px;
	line-height:2em;
	width:18vw;
	height:390px;
}
.newsbox1 img{
	margin-left:auto;
	margin-right:auto;
	width:18vw;
	height:45vh;
}
.newsbox1 p{
	padding-top:10px;
	color:#40BFBF;
	padding-left:10px;
}
.newsbox1 span{
	font-size:16px;
	line-height:1.5em;
	padding-left:10px;
}

/* What we do */
.whatwedo{	
	margin:auto;
	width:100%;
	padding-top:90px;
}

.whatwedobox{
	margin:auto;
	display:flex;
	position:relative;
	max-width:100%;
	padding-left:50px;
}
.whawedoleft{
	margin:0px auto;
	flex:50%;
	float:left;
	display:inline-block;
    vertical-align:text-top;
}
.whawedoleft h6{
	margin:0 auto;
	margin-top:10px;
	font-size:16px;
	color:#92d050;
	font-weight:normal;	
}
.whawedoleft h6 a{	
	text-decoration:none;
	text-decoration:1px solid #40BFBF underline;
	text-underline-offset: 8px;
	color:#92d050;
}
.whawedoleft h6 span{	
	color:#40BFBF;
}
.whawedoleft h1{
	font-size:24px;
	padding-top:10px;
	text-align:left;
	font-weight:normal;
	color:#333;
	text-decoration:4px solid #40BFBF underline;
	text-underline-offset: 10px;
	line-height:2em;
}
.whawedoleft p{
	padding-top:10px;
	padding-right:10px;
	font-size:16px;
	color:#333;
	text-align:justify;
	font-weight:normal;
}
.whawedoleft ul{
	list-style: none;
	padding-top:10px;
	padding-left:20px;
	list-style-type:disc;
	text-align:justify;
}
.whawedoleft li::marker {
	color: #333;
}
.whawedoleft li{
	text-align:left;
	padding-left:1em;
	line-height:1.7em;
}
.whatwedoright{
	margin:0px auto;
	float:right;
	display:inline-block;
    vertical-align:text-top;
}
.whatwedoright img{
	object-fit:cover;
	width:100%;
	height:auto;
}

.whatwedoright ul{
	margin:0px auto;
	list-style: none;
	padding-top:150px;
	padding-left:40px;
	list-style-type:disc;
	text-align:justify;	
}
.whatwedoright li::marker {
	color: #333;
}
.whatwedoright li{
	text-align:left;
	padding-left:1em;
	line-height:1.9em;
}
.whatwedoright .spac{
	text-align:left;
	padding-left:1em;
	line-height:1.2em;
}



/* Footer */
.footer-bottom{
	position:fixed;
	padding:10px;
	bottom:0;
	background:#40BFBF;
	width:100vw;
	color:#333;
	text-align:center;
	font-size:14px;
}
ion-icon{
	color:#142D07;
	text-align:right;
	font-size:20px;
}
.footer-bottom a .icon{
	position:fixed;
	display:block;
	text-align:left;
	padding-left:70px;
}

/*home banner responsive css*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-caption {
		padding-bottom: 0px;
	}
	.carousel-caption h2 {
		font-size: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		font-size: 30px;
		padding: 20px 15px;
	}
	.navbar-collapse {
		background: rgba(0, 0, 0, 0.5);
	}
	.carousel-caption {
		padding-bottom: 0px;
	}
	.carousel-caption h2 {
		font-size: 25px;
	}
	.carousel-caption h3 {
		font-size: 18px;
	}
	.carousel-caption a {
		padding: 10px 25px;
	}
}



/* responsive */
@media screen and (max-width: 1160px) {
  .nav {
    padding: 15px 100px;
  }
  .nav .search-box {
    right: 150px;
  }
  .nav .logo {
  font-size: 50px;
  font-weight: bold;
  }
}
@media screen and (max-width: 950px) {
  .nav {
    padding: 15px 50px;
  }
  .nav .search-box {
    right: 100px;
    max-width: 400px;
  }
  
}
@media (max-width:991px){
	.careersrow .careersright  .careerscontent{
  	padding-left:0;
  }
  
}
@media screen and (max-width: 768px) {
  .nav .navOpenBtn,
  .nav .navCloseBtn {
    display: block;
  }
  .nav {
    padding: 15px 20px;
  }
  .nav .nav-links {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    max-width: 280px;
    width: 100%;
    padding-top: 100px;
    row-gap: 30px;
    flex-direction: column;
    background-color: #f3f3f3;
	border-right:1px solid #142D07;
	color:#fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    z-index: 100;
  }
    
  .nav.openNav .nav-links {
    left: 0;
  }
  .nav .navOpenBtn {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
  }
  .nav .navCloseBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
  }
  .nav .search-box {
  	color:#333;
    top: calc(100% + 10px);
    max-width: calc(100% - 20px);
    right: 50%;
    transform: translateX(50%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  
  .aboutus img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:45vh;
	}
	.aboutus h1{
	font-size:20px;
	}
	.aboutus h2{
		font-size:19px;
	}
	.aboutus span{
		font-size:30px;
	}
	.aboutus p{
	padding-top:15px;
	font-size:16px;
	}
	.aboutus a{
	font-size:18px;
	}
	.whatwedo h1{
	font-size:20px;
	}
	.news h1{
	font-size:20px;
	}
	.newsbox1{
		font-size:18px;		
	line-height:1.5em;
	width:100%;
	}
	.newsbox1 img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}
	
	.careersrow{
	width:100%;
	grid-template-columns: 1fr;
	}
	.careersoop p{
	padding-bottom:35px;
	}
	.careersrow .careersright img{
	width:100%;
	object-fit:cover;
	display:block;
	}
	.footer-bottom a .icon{
	padding-left:5px;
	}
	
}