a .container--tabs {
  margin: 2rem; 
}

.container--tabs .nav-tabs {
  float: left;
  width: 95%;
  margin-top: 20px;
  border-bottom: 2px solid #ddd;
}

.container--tabs .nav-tabs>li {
  float: left;
  margin-bottom: -2px;
  padding: 1.5px;
  list-style: none; 


}

.container--tabs .nav-tabs>li>a {
  float: left;
  margin-right: 0px;
  line-height: 1.42857143;
  border-radius: 4px 4px 4px 4px;
  border-bottom-color: transparent;
}

.container--tabs .nav-tabs>li.active>a,
.container--tabs .nav-tabs>li.active>a:hover,
.container--tabs .nav-tabs>li.active>a:focus {
  cursor: default;
border: 1px solid #ddd;
}

.container--tabs .tab-content {
  float: left;
  width: 100%;

}

.container--tabs .tab-content>.tab-pane {
  display: none;
}

.container--tabs .tab-content>.tab-pane.active {
  display: block;
  padding: 2.5% 3.5%;/
  background: transparent;
}

.container--tabs .tab-content>.active {
  display: block;
}