.tabs {
  position: relative;
  height: 780px;
  width: 100%;
  margin: 25px 0;
	margin-top: 55px;
	margin-bottom: 5px;
}
.tab {
  float: left;
}
.tab label {
background: var(--main);
    padding: 10px;
    border: 1px solid #ccc;
    cursor: crosshair;
    color: var(--light);
    padding-left: 92px;
    padding-right: 92px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;



}
.tab:first-child label {
  margin-left: 0;
}
.tab input[type=radio] {
  display: none;   
}
.tab-content {
	    transform: translate(0px, 10px);
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  border: 1px solid #ccc;
  display: none;
}
input[type=radio]:checked ~ label {
  background: var(--light);
  border-bottom: 1px solid white;
color: var(--main);
}
input[type=radio]:checked ~ label ~ .tab-content {
  display: block;
	
}