.skeleton-banner__wrapper {
  width: 100%;
  height: 100%;
  background-color: #212b30;
  padding: 1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.skeleton-banner__container {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #989898 25%, #adb7bc 37%, #a2a2a2 63%);
  border-radius: 0.2rem;
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}
.home-banner__wrapper {
  overflow: hidden;
  width: auto;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
.home-banner__img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home-banner__layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--bg-theme);
  opacity: 0.15;
  z-index: 2;
  pointer-events: none;
}
.home-banner__blur {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 1.5rem;
  pointer-events: none;
  background-image: linear-gradient(to bottom, transparent, var(--bg-theme));
  z-index: 2;
}
.home-banner__blur-top {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 1.5rem;
  background-image: linear-gradient(to top, transparent, var(--bg-theme));
  z-index: 2;
}
@media (min-width: 768px) {
.home-banner__wrapper {
    /* height: 5.625rem; */
    width: 1200px;
    margin-bottom: 3.375rem;
}
.home-banner__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
}


.hkfc-nav__wrapper[data-v-9cde2264] {
  margin-bottom: 32px;
}
.hkfc-banner[data-v-9cde2264] {
  margin-bottom: 40px;
}
/* .hkfc-container{
        margin-bottom: 40px;
    } */
.league-header[data-v-9cde2264] {
  background: var(--color-background-default-secondary);
  margin-bottom: 24px;
  padding: 24px 30.4px 0;
  border-radius: var(--size-radius-400);
}
.league-title[data-v-9cde2264] {
  font-size: 32px;
  line-height: 120%;
  font-family: var(--weight-600);
  letter-spacing: -0.64px;
  margin: 0;
  color: var(--color-text-default-default);
}
.league-title__country[data-v-9cde2264] {
  font-size: 16px;
  color: var(--color-text-default-secondary);
  margin-top: 4px;
  letter-spacing: 0.64px;
}
@media (max-width: 768px) {
.hkfc-mobile__header[data-v-9cde2264] {
    padding-top: 3.4rem !important;
}
.mobile-sg7-page-logo[data-v-9cde2264] {
    position: fixed;
    top: 8px;
    left: calc(50vw - 20px);
}
.mobile-sg7-page-logo img[data-v-9cde2264] {
    width: 40px;
    height: 40px;
}
.mobile-top-section[data-v-9cde2264] {
    position: fixed;
    top: 48px;
    background-color: var(--color-background-default-secondary);
    z-index: 10;
    width: 100%;
    border-bottom: 1px solid var(--color-border-default-default);
}
.mobile-top-section_menu-container[data-v-9cde2264] {
    display: flex;
    justify-content: center;
    align-items: end;
}
.league-header[data-v-9cde2264] {
    display: none;
}
.router-link-exact-active .sub-nav__child-indicator[data-v-9cde2264] {
    height: 2px;
}
}
@media (max-width: 1200px) {
  /* for test */
.hkfc-mobile__header[data-v-9cde2264] {
    padding-top: 5rem;
}
}