.medishare_complete h2{
  margin-bottom: 50px; 
}

.medishare_complete_wrapper{  
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap; 
  justify-content: center; 
}

.medishare_complete_item{
  flex-basis: 300px;     
} 

.the_chart_box{
  position: absolute; 
  top: 0px; 
  right: 0px; 
  width: 300px;  
  border-radius: 20px; 
  border: 4px solid #1B4297;  
  background-color: transparent; 
  height: 100%;  
}

@media screen and (max-width: 669px){
  
  .medishare_complete_item{
    flex-basis: 45%;     
  } 
  
  .the_chart_box{
    width: 50%; 
    flex-basis: 50%;  
  }  
  
}


.medishare_complete_para{
  text-align: center;   
  padding-left: 15px; 
  padding-right: 15px; 
}

.makeMeGray{
  background-color: rgb(245,245,245);     
}

.medishare_complete_para .fa-solid.fa-circle-check{
  color: #819f42;     
  font-size: 20px; 
}

.the_chart_container{ 
  float: none!important; 
  margin: 0px auto!important; 
  max-width: 600px!important; 
  position: relative; 
}



.annual_portion{
  display: block; 
  margin: 0px auto; 
  color: black; 
  width: 100%; 
  padding-top: 15px; 
  padding-bottom: 15px; 
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #78a22f;
  color: #78a22f;
  font-weight:800;
}

.tooltip .tooltiptext {
  visibility: hidden;
  max-width: 350px;
  min-width: 200px;
  width:auto;
  background-color: #78aa2f;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 150%;
  margin-left: -120px;
  line-height:125%;
  font-weight:normal;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #78a22f transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;