section.menu-box section.box h2 {}

section.menu-box section.box .icon {
  margin: 0 auto;
  width: auto;
  height: calc(34px + 3.4vw * 0.2);
  background: url("/assets/images/common/icon_harmony.png?v=2") no-repeat center / auto 100%;
  transition-timing-function: ease-in-out;
  transition-duration: var(--themn-duration);
  filter: var(--filter-invert);
}

section.image-box .image {
  background: url("/assets/images/sub/focus/harmony/top.jpg") no-repeat center / cover;
}

/**/

section.group>ul>li:nth-child(1) .icon {
  background-image: url("/assets/images/sub/focus/harmony/urban_planning_n_development/icon_black.png");
  background-size: auto calc(30px + 3vw / 3.6);
}

section.group>ul>li:nth-child(2) .icon {
  background-image: url("/assets/images/sub/focus/harmony/leisure_n_landscaping/icon_black.png");
  background-size: auto calc(23px + 2.3vw / 3.6);
}

/**/

section.bottom-box>ul>li:nth-child(1) .icon {
  background-image: url("/assets/images/sub/focus/harmony/urban_planning_n_development/icon_black.png");
  background-size: auto calc(30px + 3vw / 2.8);
}

section.bottom-box>ul>li:nth-child(2) .icon {
  background-image: url("/assets/images/sub/focus/harmony/leisure_n_landscaping/icon_black.png");
  background-size: auto calc(23px + 2.3vw / 2.8);
}

/**/

section.bottom-box li:nth-child(1) {
  background-image: url("/assets/images/sub/focus/pic/180/1.jpg");
}

section.bottom-box li:nth-child(2) {
  background-image: url("/assets/images/sub/focus/pic/174/1.jpg");
}