.navytext {
color: #1ab394;
}

.maincaption {
  font-weight: 700;
  font-size: 44px;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: -1.5px;
text-align:left;
color: white; 
margin-left:66px;
}

.maincaption-lesser {
  font-weight: 500;
  font-size: 22px;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: -1.5px;
text-align:left;
color: white; 
margin-left:66px;
}

.navy-line {
  width: 60px;
  height: 1px;
  margin: 40px auto 0;
  border-bottom: 2px solid #1ab394;
}

.index-width-control{
max-width: 60%;
}

.features-icon {
  color: #1ab394;
  font-size: 27px;
margin-right: 8px;
}

.whitebg {
background: white;
padding-top: 1px;
padding-bottom: 33px;
}

.padbot{
padding-bottom: 33px;
}

.active-chjs-ARI, .active-chjs-CAREC, .active-chjs-CMRI, .active-chjs-FKGL, .active-chjs-FRE, .active-chjs-NDC, .active-chjs-SMOG, .btn:hover {
  background-color: #1ab394;
  color: white;
}

.features-icon-muted {
  color: gray;
  font-size: 27px;
margin-right: 8px;
}


.bg1{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('../img/index_mainimg1.jpeg');
  background-size: cover;
  width: 100%:;
  height: 80vh;
}

.np {
  padding:0;
}

.whitebg {
  background-color: white;
}

#plh {
  padding: 10px; 
  background-color: white; 
  color:black;
  min-width: 77px;
  font-size: 15px;
  font-weight: bold;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  border-radius: 0.25rem;
}

#plh:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.mlr > p {
 margin-right:20%;
 margin-left:20%
}


.sel {
  width:20%;
  font-size:1.2em;
}

.hide {
  display: none;
}

.learn_p > p {
 margin-right:20%;
 margin-left:20%;
 text-align: start;
}