@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap");
.tabs {
	display: flex;
	flex-wrap: wrap;
    /*margin: 2rem auto;*/
  
}
.tabs label {
    background: #fff;
    color: #474747;
    cursor: pointer;
    display: block;
    font-weight: 600;
	/*margin-right: 0.5rem;*/
    order: initial;
    padding: 1rem 2rem;
    transition: background ease 0.3s;
    width: 100%;
    border-right: 1px solid #e5e7eb;
    border-bottom: none;
}

.tabs .tab-content {
    background: #fff;
	display: none;
    flex-grow: 1;
    padding: 1rem;
    width: 100%;
    border-top: 1px solid #e5e7eb
}

.tabs input[type="radio"] {
	display: none;
}

.tabs input[type="radio"]:checked + label {
	background: #ecf0f5;
    color: #474747
}

.tabs input[type="radio"]:checked + label + .tab-content {
	display: block;
}
@media (min-width: 10em) {
  .tabs .tab-content {
    order: 99
  }
  
  .tabs label {
    order: 1;
  }
  
  .tabs label {
    /*margin-right: 0.3rem;*/
    margin-top: 0;
    width: auto;
  }
}