body{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f7f8f7;
    letter-spacing: 0.8px;
    /* position: absolute; */
}

.home-top-feature {
    position: relative;
}
.cardFeature--center {
    text-align: center;
}

.cardFeature {
    padding: 32px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 1px solid #ebebf2;
}
.cardFeature--center .cardFeature__icon {
    margin: auto;
    margin-bottom: 32px;
}
.cardFeature__icon--bg-g {
    background: rgba(0,175,146,0.1);
}
.cardFeature__icon {
    width: 72px;
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.cardFeature h5.font-title--xs{
    color: #202029;
    margin-bottom: 12px;
}
.font-title--xs {
    font-size: 20px;
    line-height: 36px;
    color: #42414b;
    font-weight: 500;
}
.cardFeature p {
    font-size: 16px;
    line-height: 24px;
    color: #8f8fa3;
    font-weight: 400;
}
.team-img{border-radius: 50%;}
.b-color{color: #e41212 !important; font-weight: 600;}
/* li.nav-item .nav-link:hover {
    color: #000 !important;
} */
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
  }
  
  .rating > input{ display:none;}
  
  .rating > label {
    position: relative;
      width: 50px;
      font-size: 50px;
      color: #FFD600;
      cursor: pointer;
  }
  .rating > label::before{ 
    content: "\2605";
    position: absolute;
    opacity: 0;
  }
  .rating > label:hover:before,
  .rating > label:hover ~ label:before {
    opacity: 1 !important;
  }
  
  .rating > input:checked ~ label:before{
    opacity:1;
  }
  
  .rating:hover > input:checked ~ label:before{ opacity: 0.4; }
  
  .checked {
    color: orange;
  }
  
  /* Three column layout */
  .side {
    float: left;
    width: 15%;
    margin-top:10px;
  }
  
  .middle {
    margin-top:10px;
    float: left;
    width: 70%;
  }
  
  /* Place text to the right */
  .right {
    text-align: right;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* The bar container */
  .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
  }
  
  /* Individual bars */
  .bar-5 {height: 18px; background-color: #04AA6D;}
  .bar-4 {height: 18px; background-color: #2196F3;}
  .bar-3 {height: 18px; background-color: #00bcd4;}
  .bar-2 {height: 18px; background-color: #ff9800;}
  .bar-1 {height: 18px; background-color: #f44336;}
  
  /* Responsive layout - make the columns stack on top of each other instead of next to each other */
  @media (max-width: 400px) {
    .side, .middle {
      width: 100%;
    }
    .right {
      display: none;
    }
    
  }
  @media screen and (min-width: 1200px) {
    .nav-item{margin-left: 0px; font-size: 13px;}
  }