.sub-nav {
  margin-bottom: 3.13vw;
}

@media (max-width: 1450px) {
  .sub-nav {
  padding-inline: 4%;
}
}
@media (max-width: 1199px) {
  .sub-nav {
    margin-bottom: 5.33vw;
  }
}
.sub-nav-flex {
  display: flex;
  margin: 0 auto;
  overflow: auto;
  flex-wrap: nowrap;
  /* max-width: 1400px; */
  max-width: 93%;
  gap: 10.42vw;
  font-size: 1.04vw;
  list-style: none;
  padding: 0;
}

@media (max-width: 1199px) {
  .sub-nav-flex {
    gap: 11vw;
    font-size: 2.67vw;
  }
}

.sub-nav-flex li{
  flex-shrink: 0;
}

.sub-nav-flex li a{
  color: #000;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
}

.sub-nav-flex li.grayout a{
  color: #888;
  pointer-events: none;
}

.sub-nav-flex li a:hover{
  color: #0055a7;
}

.sub-nav-flex li.current_li a {
  color: #0055a7;
  font-weight: bold;
}
.sub-nav-flex li.is-current a {
  color: #0055a7;
  font-weight: bold;
}

.second_title_test {
  font-size: 50px;
  font-weight: 700;
}

.sub-nav-flex::-webkit-scrollbar {
  /* height: 20px; */
  height: 1.04vw;
}

.sub-nav-flex::-webkit-scrollbar-track {
  background: url(../images/scroll.png) no-repeat;
  background-size: 98%  0.52vw;
  background-position: center top 0.26vw;
}

.sub-nav-flex::-webkit-scrollbar-thumb {
  /* background: linear-gradient(0deg,rgba(252, 217, 13, 1) 0%, rgba(252, 217, 13, 1) 50%, rgba(255, 233, 90, 1) 64%, rgba(255, 250, 223, 1) 95%, rgba(253, 224, 54, 1) 100%); */
  background: linear-gradient(0deg, #005596 0%, #005596 50%, #3985b8 64%, #deedf5 95%, #176ba4 100%);
  /* border-radius: 20px; */
  border-radius: 1.04vw;
}

@supports (-moz-appearance: none) {
  .sub-nav-flex {
    scrollbar-color: #014fa2 #FFF;
    scrollbar-width: thin;
  }
}

@media (max-width: 1199px) {
  .sub-nav-flex::-webkit-scrollbar {
    height: 2.67vw;
  }
  .sub-nav-flex::-webkit-scrollbar-track {
    background-size: 98%  1.33vw;
    background-position: center top 0.67vw;
  }
  .sub-nav-flex::-webkit-scrollbar-thumb {
    border-radius: 2.67vw;
  }
}