@media only screen and (max-width: 600px) {.page-about-us .cover-item{background-position: 73%;height:135px !important;margin: 8px 0 0 0;}}	
.aboutHeading
{
	font-family: Nunito;
	font-size: 30px;
	font-weight: 600px !important;
	line-height: 35px;
	color: #39423F;
}
@media only screen and (max-width: 600px) {.aboutHeading{font-size: 25px !important;}}
.aboutDesc
{
	font-family: Roboto;
	font-size:20px;
	line-height:29px ;
	font-weight:400 ;
	text-align: center;
	color: #39423F;
}

.cardHead
{
	font-family: Nunito;
	font-size:24px ;
	font-weight:600 ;
	text-align: center;
	color: #39423F;
}
.cardDesc
{
	font-family: Roboto;
	font-size: 18px;
	font-weight:500;
	text-align: center;
	color: #39423F;
}
.cardImage
{
	
	width: 131px;
	height:131px ;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 13px 0 0 82px;
}
@media only screen and (max-width: 600px) {.cardImage{margin: 13px 0 0 16px;}}
.cardImageBig
{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 41px 0 0 98px;
	width: 416px;
	height:354px ;
}
@media only screen and (max-width: 600px) {.cardImageBig{margin: 13px 0 0 0px; width: 210px;height: 192px;}}
.smallCards
{
	border-radius: 10px;color: #000;
}
.cardTopBorder
{
	border-top: 3px solid #1BB486;
}
.points
{
	font-family: Nunito;
	font-size: 26px;
	font-weight:500;
	color: #39423F;
}
@media only screen and (max-width: 600px) {.points{font-size: 20px;}}

.active-green {
 background-color: #23B789 !important;
 color: #fff !important; 
 text-align: center !important; 
 font-size: 19px !important;
  height:48px !important;  
  gap: 40px !important;
   font-weight: bold !important;
  border-radius: 8px !important; 
}

.w3-bar-item
{
  background-color: #E3FAFF;
  border: 2px solid #23B789 !important;
  color: #23B789; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  margin: 4px 6px;  
  height:48px;  
  gap: 40px;
  border-radius: 8px;
  font-weight: 600;
  font-family: Roboto;
}
.w3-bar-item:hover
{
  background-color: #23B789;
  border: 1px solid #23B789;
  color: #fff; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  margin: 4px 6px;  
  height:48px;  
  gap: 40px;
  border-radius: 8px;
  font-weight: 600;
  font-family: Roboto;
}
.knowMoreButton
{
  background-color: #E3FAFF;
  border: 1px solid #23B789;
  color: #23B789; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 6px;  
  height:51px;  
  width: 122px;
  border-radius: 8px;
  font-weight: 600;
  font-family: Roboto;
}
.knowMoreButton:hover
{
  background-color: #23B789;
  border: 1px solid #23B789;
  color: #fff; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 6px;  
  height:51px;  
  width: 122px;
  border-radius: 8px;
  font-weight: 600;
  font-family: Roboto;
}
.display-4
{
	font-family: Roboto;
	font-size: 24px;
	font-weight:500;
	color: #39423F;
}
@media only screen and (max-width: 600px) {.display-4{	font-size: 20px;}}
.lead
{
	font-family: Roboto;
	font-size: 20px;
	font-weight:400;
	color: #39423F;
}
@media only screen and (max-width: 600px) {.lead{	font-size: 18px;}}

/*.rowHeightGap{height:50px;}*/
.rowHeightsmallGap{height:20px;}
.techp{background-color: #fff;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.bg-image{background-repeat: no-repeat;text-align: right; position: relative;    margin: 7px 0 0 129px;}
@media only screen and (max-width: 600px) {.bg-image{margin: 0px 0 0 0px;}}
.watchNow{position: absolute;  bottom: 8px;  left: 16px;}
.active-plant {
 background-color: #23B789 !important;
 color: #fff !important; 
 text-align: center !important; 
 font-size: 19px !important;
  height:48px !important;  
  gap: 40px !important;
   font-weight: bold !important;
  border-radius: 8px !important; 
}
.tabsRow
{
	display: flex; justify-content: center;

}
@media only screen and (max-width: 600px) {.tabsRow{justify-content: center;}}

.subTopics{margin: 0 0 0 0px;}
@media only screen and (max-width: 600px) {.subTopics{justify-content: center;margin: 16px 0 0 13px !important;}}


@media only screen and (max-width: 600px) {.geoRow{margin: -52px 0 0 -8px;}}