.hcolor1{
    color: #00728c;
}
.text-justify{
    text-align: justify;
}
.text-center{
    text-align: center;
}
.secp{
    padding-bottom: 30px;
    margin-top: 30px;
}
.why-choose{
    padding-top:60px; 
}

.advhead{
  font-size: 20px;
  text-transform: capitalize;

}
/*--tab--*/
#tabs{
	/* background: #007b5e; */
    color: #eee;
}
#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 4px solid !important;
    font-size: 20px;
    font-weight: bold;
  
    
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 24px;
}


#tabs  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #1e599b! important;
    font-weight: 400;
    font-size: 18px;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

:root{
  --text_color: #444;
  --main_color: #27ae60;
  --bg_color: rgba(46,204,113,0.1);
}
a:hover,a:focus{
  text-decoration: none;
  outline: none;
}
.vertical-tab{
  /* font-family: 'Roboto', sans-serif; */
  display: table;
}
.vertical-tab .nav-tabs{
 display: table-cell;
 width: 33%;
 min-width: 28%;
 border: none;
 vertical-align: top;
 position: relative;
}
.vertical-tab .nav-tabs li{
 float: none;
 vertical-align: top;
}
.vertical-tab .nav-tabs li a{
  color: var(--text_color);
  background-color: transparent;
  font-size: 15px;
  text-align: center;
  text-transform: capitalize;
  padding: 7px 10px;
  margin: 0 -2px 0 0;
  border-radius: 0;
  border: 2px solid transparent;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 11;
  font-weight: 600;
  transition: all 0.20s ease 0s;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
  color: var(--main_color);
  background-color: var(--bg_color);
  border: 2px solid var(--main_color);
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
  content: "";
  background-color: var(--main_color);
  width: 10px;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -20%;
  transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
  height: 15px;
  width: 15px;
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  transition: all 0.3s ease 0.1s;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
  opacity: 1;
  left: 0;
}
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{
  opacity: 1;
  left: -2px;
  transition: all 0.3s ease 0s;
}
.vertical-tab .tab-content{
  color: var(--text_color);
  background-color: var(--bg_color);
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
  padding: 10px 15px;
  border-left: 2px solid var(--main_color);
  display: table-cell;
  position: relative;
     
}
.vertical-tab .tab-content h3{
  color: #212521;
  text-transform: capitalize;
  margin: 0 0 7px 0;
}
@media only screen and (max-width: 479px){
  .vertical-tab .nav-tabs{
      display: block;
      width: 100%;
      border-right: none;
  }
  .vertical-tab .tab-content{
      display: block;
      padding: 20px 15px 5px;
  }
  .vertical-tab .nav-tabs li a:before{
      height: 5px;
      width: 100%;
      left: 0;
  }
  .vertical-tab .nav-tabs li a:after{
      left: 50%;
      top:-7px;
      transform: translateX(-50%) translateY(0) rotate(45deg);
  }
  .vertical-tab .nav-tabs li.active a:after,
  .vertical-tab .nav-tabs li a:hover:after{
      left: 50%;
      transform: translateX(-50%) translateY(0) rotate(45deg);
  }
  .vertical-tab .tab-content{
      border-left: none;
      border-bottom: 2px solid var(--main_color);
  }
  .vertical-tab .tab-content h3{ font-size: 18px; }
}


ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #4b9322;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}
.processhead{
  font-weight: 600;
  color:#4b9322;
}
ul.timeline > li a {
  font-weight: 600;
  color:#4b9322;
  font-size:18px;
}