.tab__content>div {
  padding: 2em 0;
}
.tab1,
.tab2 {
  margin: 15px 0;}
.tab__header {display: block;clear: both;text-align: center;margin-bottom: 20px;}
.tab__header > div {
  display: inline;
  vertical-align: top;
  padding: 5px 20px;
  color: #444;
  border-radius: 50px;font-weight: 600;
  font-size: 16px;text-transform: uppercase;transition: all 0.3s ease-in-out;
}
.tab__header > div:hover {
  background: #e7f1fd;color: #106eea;
  cursor: pointer;
}
.tab__header > div.tab__header--active {
  background: #e7f1fd;color: #106eea;
}
.tab__header > div.tab__header--active-yr {
  background: #09335d;color: #fff;
}
.tab__content {
  display: block;
  clear: both;
  color: #106eea;
  width: 100%;
  height: inherit;
  /* overflow: auto; */
  padding: 0 0 20px 0;text-align: center;
}
.tab__content > div {
  display: inline-block;
  vertical-align: top;
  display: none;
}
.tab__content > div.tab__content--active { display: inline;text-align: center;}