/* Business Begin */
#business a {
  background-color: #f2f2f2;
  color: var(--gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  aspect-ratio: 1/1;
  container-type: inline-size;
  margin: 0 auto;
  text-align: center;
  border-radius: 3em;
  font-weight: 700;
  transition: 0.1s;
}
#business a [class^="icon-"] {
  background-color: var(--gray);
  display: block;
  margin: 0 auto;
  width: max(29cqw, 2.5em);
  height: max(29cqw, 2.5em);
  margin-bottom: 0.5em;
  transition: 0.1s;
}

#business a:hover,
#business a:active,
#business a:focus {
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
#business a:hover [class^="icon-"],
#business a:active [class^="icon-"],
#business a:focus [class^="icon-"] {
  background-color: #fff;
}

#business .card-global-consumer-goods:hover,
#business .card-global-consumer-goods:active,
#business .card-global-consumer-goods:focus {
  background-color: var(--red);
}
#business .card-licensing-business:hover,
#business .card-licensing-business:active,
#business .card-licensing-business:focus {
  background-color: var(--blue);
}
#business .card-smart-innovations:hover,
#business .card-smart-innovations:active,
#business .card-smart-innovations:focus {
  background-color: var(--green);
}
#business .card-building-materials:hover,
#business .card-building-materials:active,
#business .card-building-materials:focus {
  background-color: var(--purple);
}
#business .card-triangle-trade-export:hover,
#business .card-triangle-trade-export:active,
#business .card-triangle-trade-export:focus {
  background-color: var(--orange);
}
/* Business End */

/* Business Menu Begin */
.business-menu .dropdown-toggle {
  border-radius: 2em;
  font-weight: 600;
  padding: 0.94em 1em;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}
.business-menu .dropdown-toggle::after {
  border: none;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10"><g data-name="Iconly/Bold/Arrow---Down-2"><path d="M4.869 9.631c-.058-.057-.306-.27-.51-.469a21.7 21.7 0 0 1-4.024-5.8A4.6 4.6 0 0 1 0 2.188a1.93 1.93 0 0 1 .218-.9A1.87 1.87 0 0 1 1.122.5 10 10 0 0 1 2.186.242 24 24 0 0 1 5.992 0a28 28 0 0 1 3.689.213 8.5 8.5 0 0 1 1.327.341A1.79 1.79 0 0 1 12 2.132v.057a4.9 4.9 0 0 1-.409 1.321 21.7 21.7 0 0 1-3.966 5.667 6 6 0 0 1-.554.482A1.8 1.8 0 0 1 6.007 10a1.88 1.88 0 0 1-1.138-.369" data-name="Path 5830"/></g></svg>')
    no-repeat center / contain;
  width: 0.8em;
  height: 0.8em;
  background-color: currentColor;
}
.business-menu .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.business-menu .dropdown-toggle:hover {
  filter: brightness(1.02);
}
.business-menu .swiper {
  overflow: visible;
}
.business-menu .dropdown-menu.show {
  display: block;
}
.business-menu .dropdown-item {
  font-weight: 600;
  padding: 1em 1em;
  background-color: #fff;
  color: var(--gray);
}
.business-menu .dropdown-item:active,
.business-menu .dropdown-item.active {
  background-color: inherit;
  color: inherit;
}
.business-menu li:not(:first-child) {
  border-top: 1px solid var(--bs-dropdown-divider-bg);
}

.business-menu-top {
  color: #b9b9ba;
}

.business-menu .dropdown-menu {
  border-radius: 2em;
  overflow: hidden;
  left: 0 !important;
  right: 0 !important;
  padding: 0;
  height: auto;
  position: absolute;
  display: none;
  width: auto;
}

.business-menu-top .dropdown-item:hover:not(.active) {
  color: inherit;
}
.business-menu-top [class^="icon-"] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  width: 1.8em;
  height: 1.8em;
}

.business-menu-top .bg-global-consumer-goods.dropdown-toggle,
.business-menu-top .bg-global-consumer-goods.dropdown-toggle:hover {
  background-color: var(--red);
  color: #fff;
}

.business-menu-top .bg-licensing-business.dropdown-toggle,
.business-menu-top .bg-licensing-business.dropdown-toggle:hover {
  background-color: var(--blue);
  color: #fff;
}

.business-menu-top .bg-smart-innovations.dropdown-toggle,
.business-menu-top .bg-smart-innovations.dropdown-toggle:hover {
  background-color: var(--green);
  color: #fff;
}

.business-menu-top .bg-building-materials.dropdown-toggle,
.business-menu-top .bg-building-materials.dropdown-toggle:hover {
  background-color: var(--purple);
  color: #fff;
}

.business-menu-top .bg-triangle-trade-export.dropdown-toggle,
.business-menu-top .bg-triangle-trade-export.dropdown-toggle:hover {
  background-color: var(--orange);
  color: #fff;
}

.business-menu-bottom .bg-global-consumer-goods.dropdown-toggle,
.business-menu-bottom .bg-global-consumer-goods.dropdown-toggle:hover {
  background-color: #fbdedc;
  color: var(--red);
}

.business-menu-bottom .bg-licensing-business.dropdown-toggle,
.business-menu-bottom .bg-licensing-business.dropdown-toggle:hover {
  background-color: #ecf0f8;
  color: var(--blue);
}

.business-menu-bottom .bg-smart-innovations.dropdown-toggle,
.business-menu-bottom .bg-smart-innovations.dropdown-toggle:hover {
  background-color: #e2f7ec;
  color: var(--green);
}

.business-menu-bottom .bg-building-materials.dropdown-toggle,
.business-menu-bottom .bg-building-materials.dropdown-toggle:hover {
  background-color: #f1e5f1;
  color: var(--purple);
}

.business-menu-bottom .bg-triangle-trade-export.dropdown-toggle,
.business-menu-bottom .bg-triangle-trade-export.dropdown-toggle:hover {
  background-color: #fbecdb;
  color: var(--orange);
}

.business-menu-bottom button {
  transition: 0.3s;
}

.business-menu-bottom .dropdown-toggle,
.business-menu-bottom .dropdown-item {
  padding-left: 3.6em;
}

.business-menu-bottom .fc-global-consumer-goods button:hover,
.business-menu-bottom .fc-global-consumer-goods .dropdown-item.active,
.fc-global-consumer-goods {
  color: var(--red);
}

.business-menu-bottom .fc-licensing-business button:hover,
.business-menu-bottom .fc-licensing-business .dropdown-item.active,
.fc-licensing-business {
  color: var(--blue);
}

.business-menu-bottom .fc-smart-innovations button:hover,
.business-menu-bottom .fc-smart-innovations .dropdown-item.active,
.fc-smart-innovations {
  color: var(--green);
}

.business-menu-bottom .fc-building-materials button:hover,
.business-menu-bottom .fc-building-materials .dropdown-item.active,
.fc-building-materials {
  color: var(--purple);
}

.business-menu-bottom .fc-triangle-trade-export button:hover,
.business-menu-bottom .fc-triangle-trade-export .dropdown-item.active,
.fc-triangle-trade-export {
  color: var(--orange);
}

@media (min-width: 768px) {
  .business-menu {
    overflow: hidden;
  }

  .business-menu .dropdown-menu {
    position: relative !important;
    display: flex;
    border: none;
    border-radius: 0;
    background-color: transparent;
    overflow: visible;
  }
  .business-menu li:not(:first-child) {
    border: none;
  }
  .business-menu .dropdown-item {
    border-radius: 1em;
  }

  .business-menu .swiper .swiper-slide {
    width: auto;
  }

  .business-menu-top .dropdown-item:not(.active) {
    background-color: transparent;
  }

  .business-menu-top {
    border-radius: 1em;
    background-color: #fff;
    box-shadow: 0px 3px 20px #0000001a;
  }

  .business-menu-top .dropdown-item.active {
    color: #fff;
  }

  .business-menu-top .dropdown-item:not(.active):active {
    background-color: transparent;
  }

  .business-menu-top .dropdown-item.active.bg-global-consumer-goods {
    background-color: var(--red);
  }

  .business-menu-top .dropdown-item.active.bg-licensing-business {
    background-color: var(--blue);
  }

  .business-menu-top .dropdown-item.active.bg-smart-innovations {
    background-color: var(--green);
  }

  .business-menu-top .dropdown-item.active.bg-building-materials {
    background-color: var(--purple);
  }

  .business-menu-bottom {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }

  .business-menu-bottom .dropdown-item,
  .business-menu-bottom .dropdown-item:active {
    padding: 0.5em 0.5em 0.5em 1em;
    border-radius: 0.5em;
    background-color: #f2f2f2;
    color: #000;
    width: 16em;
    word-wrap: break-word;
  }

  .business-menu-bottom .dropdown-item .ratio-1x1 {
    max-width: 5em;
  }

  .business-submenu {
    display: block;
    word-wrap: break-word;
    white-space: break-spaces;
  }

  .business-menu-bottom .fc-global-consumer-goods .active {
    background-color: #fbdedc;
  }
  .business-menu-bottom .fc-licensing-business .active {
    background-color: #ecf0f8;
  }
  .business-menu-bottom .fc-smart-innovations .active {
    background-color: #e2f7ec;
  }
  .business-menu-bottom .fc-building-materials .active {
    background-color: #f1e5f1;
  }
  .business-menu-bottom .fc-triangle-trade-export .active {
    background-color: #fbecdb;
  }
}
/* Business Menu End */