.home-hero {
  padding-bottom: 86px;
}

.home-banner img {
  width: 100%;
  height: auto;
  display: block;
}

.list-title {
  align-items: center;
  margin: 10px 0;
  padding: 40px 0;
}

.block-title-divider {
  display: inline-flex;
  width: 28px;
  height: 1px;
  transform: translate(-4px, -4px);
}

.more-link {
  text-decoration: none;
}

.section-b .list-title {
  color: #00abf5;
}

.section-b .list-title .category-title {
  background-color: #00abf5;
  color: #ffffff;
}

.section-b .list-title a{
  color: #00abf5;
}

.section-o .list-title {
  color: #f4a41c;
}

.section-o .list-title .category-title {
  background-color: #f4a41c;
  color: #ffffff;
}

.section-o .list-title a{
  color: #f4a41c;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .list-title .category-title {
    width: 142px;
  }
}

@media (max-width: 767px) {
  .home-banner {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

@media (max-width: 574px) {
  .block-title-divider {
    width: 20px;
    height: 1px;
    transform: translate(-4px, -4px);
  }

  .more-link {
    font-size: 14px;
  }
}
