.headline-intro__description {
  font-family: "Bebas", Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  line-height: 18px !important;
  letter-spacing: 0.3px;
  font-weight: 500;
  color: #373F41;
}
@media only screen and (min-width: 992px) {
  .headline-intro__description {
    font-family: "Bebas", Helvetica, Arial, sans-serif;
    font-size: 17px !important;
    line-height: 26px !important;
    letter-spacing: 0.3px;
    font-weight: 500;
  }
}

.headline-intro {
  position: relative;
  text-align: center;
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  .headline-intro {
    padding: 20px 0;
  }
}
.headline-intro__text {
  position: relative;
}
.headline-intro__headline {
  color: #061D35;
  font-family: "Bebas Neue", Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0.3px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .headline-intro__headline {
    font-family: "Bebas Neue", Helvetica, Arial, sans-serif;
    font-size: 70px !important;
    line-height: 80px !important;
    letter-spacing: 0.3px;
    font-weight: 400;
  }
}
.headline-intro__description {
  color: #061D35;
  padding: 12px 50px;
  text-align: center;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.3px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .headline-intro__description {
    padding: 24px 250px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 0.3px;
    font-weight: 400;
  }
}

.tabs:before {
  content: url(/wp-content/themes/mekongclub/assets/images/translation-symbol.svg);
  background-repeat: no-repeat;
  height:16px;
}

.tabs {
  float: none;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 155px;
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .tabs {
    margin-bottom: 255px;
    margin-top:24px;
  }
}

.tabs li {
float: left;
display: block;
}
.tabs input[type="radio"] {
position: absolute;
top: 0;
left: -9999px;
}
.tabs label {
display: block;
margin:0px 15px;
text-align: center;
font-size: 15px;
font-weight: normal;
cursor: pointer;
position: relative;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.tabs li:nth-of-type(2n) {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.tabs label:hover {
border-bottom:solid black 2px;
}
.tabs .tab-content {
text-align:center;
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
padding: 20px 25px;
position: absolute;
top: 53px;
left: 0;
}

.translated-text {
  max-width: 600px;
  margin: auto;
}

.tabs [id^="tab"]:checked + label {
border-bottom:solid black 2px;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
display: block;
}