/**
 * @file
 * Visual styles for tabs.
 */

/* solution tabs style */
.solution-tabs ul {
  display: flex;
  gap: 40px;
}

.solution-tabs li {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.solution-tabs a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #979797;
  white-space: nowrap;
  overflow: visible;
  border-bottom: solid 4px transparent;
}

.solution-tabs a.is-active,
.solution-tabs li.is-active a {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  border-color: #0187CE;
}

.solution-tabs a:focus,
.solution-tabs a:hover {
  border-color: #0187CE;
}

@media (max-width:768px) {
  .solution-tabs ul {
    gap: 20px;
  }
  .solution-tabs a.is-active,
  .solution-tabs li.is-active a {
    font-size: 16px;
  }
}