@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap');

@font-face {
  font-family: "FiraSans";
  font-style: normal;
  font-weight: 700;
  src: url(../font/FiraSans-Bold.otf)
}

@font-face {
  font-family: "FiraSans";
  font-style: normal;
  font-weight: 500;
  src: url(../font/FiraSans-Medium.otf)
}

@font-face {
  font-family: "FiraSans";
  font-style: normal;
  font-weight: 400;
  src: url(../font/FiraSans-Book.otf)
}

@font-face {
  font-family: "FiraSans";
  font-style: normal;
  font-weight: 600;
  src: url(../font/FiraSans-SemiBold.otf)
}

@font-face {
  font-family: "FiraSans";
  font-style: italic;
  font-weight: 600;
  src: url(../font/FiraSans-SemiBoldItalic.otf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 900;
  src: url(../font/MPLUS1p-Black.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 700;
  src: url(../font/MPLUS1p-Bold.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 800;
  src: url(../font/MPLUS1p-ExtraBold.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 300;
  src: url(../font/MPLUS1p-Light.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 500;
  src: url(../font/MPLUS1p-Medium.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 400;
  src: url(../font/MPLUS1p-Regular.ttf)
}

@font-face {
  font-family: "MPLUS1p";
  font-style: normal;
  font-weight: 100;
  src: url(../font/MPLUS1p-Thin.ttf)
}

html {
  height: 100%;
  scroll-behavior: smooth
}

html[lang=en] #site-header .nav-item.en {
  display: none !important
}

html[lang=zh] #site-header .nav-item.zh {
  display: none !important
}

html[lang=cn] #site-header .nav-item.cn {
  display: none !important
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-image: url(../images/background/BG-image-header-02.jpg), linear-gradient(0deg, #FFFFFF 0%, #FFF4F9 19%, #F9F2FC 40%, #E7F1FD 62%, #F4FEFF 81%, #FFFFFF 100%);
  background-repeat: no-repeat;
  background-position: 50% 0px, 0 1080px;
  font-family: FiraSans, "Noto Sans HK", "Noto Sans SC", MPLUS1p, sans-serif
}

body #site-main {
  flex-grow: 1
}

body:has(.home-banner-container) {
  background-image: url(../images/background/BG-image-header-01.jpg), linear-gradient(0deg, #FFFFFF 0%, #FFF4F9 19%, #F9F2FC 40%, #E7F1FD 62%, #F4FEFF 81%, #FFFFFF 100%)
}

p {
  line-height: 1.8;
  font-size: 1.125rem
}

p:empty {
  display: none
}

a:focus-visible,
button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(118, 169, 227, .5) !important
}

figure {
  text-align: center
}

figcaption {
  line-height: 1.8;
  text-align: left;
  color: #f059a0
}

figcaption:not(:empty) {
  padding: 1rem
}

.container-1800 {
  max-width: 1800px
}

.container-1600 {
  max-width: 1600px
}

.rounded-sm {
  border-radius: 6px
}

.rounded-md {
  border-radius: 8px
}

.rounded-lg {
  border-radius: 12px
}

.text-blue {
  color: #2a7ddb !important
}

.bg-pink {
  background-color: #fce1ee
}

.bg-blue {
  background-color: #2a7ddb !important
}

.border-blue {
  border-color: #2a7ddb !important
}

.border-gradient {
  display: inline-block;
  position: relative;
  border: none;
  outline: none;
  z-index: 1;
  background-image: linear-gradient(270deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #6DCFE0 100%);
  background-repeat: no-repeat
}

.border-gradient::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: inherit;
  background-color: #fff;
  z-index: -1;
  transition: 200ms
}

.border-gradient:hover {
  color: #fff !important
}

.border-gradient:hover::before {
  opacity: 50%
}

.border-gradient-y {
  position: relative;
  z-index: 1
}

.border-gradient-y::before,
.border-gradient-y::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(270deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #6DCFE0 100%);
  background-repeat: no-repeat;
  opacity: .5
}

.border-gradient-y::before {
  top: 0
}

.border-gradient-y::after {
  bottom: 0
}

.bg-primary-gradient {
  background-image: linear-gradient(152deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #95D9E5 100%);
  background-repeat: no-repeat
}

.btn-padding {
  padding: .5rem 1.5rem
}

.img-square {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center
}

.img-rectangle {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
  object-position: center
}

.card-container {
  border: none;
  border-radius: 12px;
  overflow: hidden
}

.card-container .card {
  background-color: rgba(0, 0, 0, 0)
}

.card-container .card-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem
}

.card-container .card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 25%);
  background-repeat: no-repeat
}

.card-container .card-title {
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  z-index: 1
}

.card-container .card-hover-wrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .5s
}

.card-container .card-link {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 1rem;
  right: 1rem;
  border: none;
  outline: none;
  border-radius: 8px;
  text-decoration: none;
  padding: .25rem .75rem;
  color: #f059a0;
  background-color: #fff
}

.card-container .card-link::before {
  content: "";
  position: absolute;
  right: 200%;
  height: 100%;
  width: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499z' data-name='Right'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .5s;
  opacity: 0
}

.card-container:hover .card-body::before {
  background-image: none
}

.card-container:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(314deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #95D9E5 100%);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .8
}

.card-container:hover .card-hover-wrapper {
  opacity: 1
}

.card-container:hover .card-link::before {
  right: 110%;
  opacity: 1
}

.card.project-item {
  border: none;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0)
}

.card.project-item .img-wrapper {
  position: relative;
  overflow: hidden
}

.card.project-item .card-body {
  padding: 1rem 0;
  color: #f059a0
}

.card.project-item .card-title {
  font-size: 1.25rem
}

.card.project-item .card-hover-wrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .5s
}

.card.project-item .card-hover-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.card.project-item .card-link {
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  outline: none;
  border-radius: 8px;
  text-decoration: none;
  padding: .25rem .75rem;
  color: #f059a0;
  background-color: #fff
}

.card.project-item:hover .card-hover-wrapper {
  opacity: 1
}

.card.project-item:hover .card-hover-wrapper::before {
  opacity: .8;
  background-image: linear-gradient(314deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #95D9E5 100%);
  background-repeat: no-repeat;
  background-size: cover
}

.card.project-item:hover .card-link::before {
  right: 110%;
  opacity: 1
}

.container:target {
  padding-top: 7rem;
  margin-top: -7rem
}

.tag-btn {
  font-family: FiraSans, "Noto Sans HK", "Noto Sans SC";
  font-style: italic
}

.fw-200 {
  font-weight: 200
}

.fw-400 {
  font-weight: 400
}

.fw-600 {
  font-weight: 600
}

.max-w-700 {
  max-width: 700px
}

#site-header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px
}

#site-header.active,
#site-header:has(.navbar-collapse.collapsing, .navbar-collapse.collapse.show) {
  background-image: linear-gradient(270deg, #F059A0 0%, #B568D6 21%, #76A9E3 76%, #95D9E5 100%);
  box-shadow: 0px 4px 8px rgba(82, 82, 82, .4)
}

#site-header .navbar {
  width: 100%
}

#site-header .site-logo {
  border-right: 1px solid #fff
}

@media(max-width: 991.98px) {
  #site-header .site-logo {
    border-right: none
  }
}

#site-main>div:first-child,
#site-main>section:first-child {
  padding-top: 76px
}

.nav-btn {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #fff;
  border-radius: 8px;
  font-size: 1.25rem;
  color: #fff;
  background-color: rgba(255, 255, 255, .4)
}

.nav-btn.big {
  width: 60px;
  height: 60px;
  line-height: 60px
}

.nav-btn:hover {
  color: #f059a0;
  background-color: #fff
}

.search-white-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='Icon feather-search' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'%3E%3Cpath data-name='Path 57' d='M27.771 18.827a8.886 8.886 0 1 1-8.885-8.886 8.886 8.886 0 0 1 8.886 8.886Z'/%3E%3Cpath data-name='Path 58' d='m30 29.941-4.847-4.847'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center
}

.search-white-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='Icon feather-search' fill='none' stroke='%23F059A0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'%3E%3Cpath data-name='Path 57' d='M27.771 18.827a8.886 8.886 0 1 1-8.885-8.886 8.886 8.886 0 0 1 8.886 8.886Z'/%3E%3Cpath data-name='Path 58' d='m30 29.941-4.847-4.847'/%3E%3C/g%3E%3C/svg%3E")
}

.menu-white-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 105' fill='%23fff' d='M0 0h20v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='menu icon'%3E%3Cg data-name='Group 21' clip-path='url(%23a)' transform='translate(10 11)'%3E%3Cpath data-name='Path 77' d='M1.053 18a1.053 1.053 0 1 1 0-2.106h17.895a1.053 1.053 0 0 1 0 2.106Zm0-7.948a1.053 1.053 0 1 1 0-2.105h17.895a1.053 1.053 0 0 1 0 2.105Zm0-7.947a1.053 1.053 0 1 1 0-2.105h17.895a1.053 1.053 0 0 1 0 2.105Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center
}

.menu-white-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 105' fill='%23fff' d='M0 0h20v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='menu icon'%3E%3Cg data-name='Group 21' clip-path='url(%23a)' transform='translate(10 11)'%3E%3Cpath data-name='Path 77' d='M1.053 18a1.053 1.053 0 1 1 0-2.106h17.895a1.053 1.053 0 0 1 0 2.106Zm0-7.948a1.053 1.053 0 1 1 0-2.105h17.895a1.053 1.053 0 0 1 0 2.105Zm0-7.947a1.053 1.053 0 1 1 0-2.105h17.895a1.053 1.053 0 0 1 0 2.105Z' fill='%23F059A0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.more-icon {
  background-image: url("data:image/svg+xml,%3Csvg data-name='more button' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 140' fill='%23f059a0' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='rotate(180 28 28)' fill='%23fff' stroke='%23f059a0' stroke-width='2'%3E%3Crect width='56' height='56' rx='8' stroke='none'/%3E%3Crect x='1' y='1' width='54' height='54' rx='7' fill='none'/%3E%3C/g%3E%3Cg data-name='Group 61'%3E%3Cg data-name='Group 60' clip-path='url(%23a)' fill='%23f059a0' transform='translate(8 8)'%3E%3Cpath data-name='Path 82' d='M8.177 22.746a3.2 3.2 0 1 1 3.2-3.2 3.2 3.2 0 0 1-3.2 3.2'/%3E%3Cpath data-name='Path 83' d='M20.16 22.746a3.2 3.2 0 1 1 3.2-3.2 3.2 3.2 0 0 1-3.2 3.2'/%3E%3Cpath data-name='Path 84' d='M32.143 22.746a3.2 3.2 0 1 1 3.2-3.2 3.2 3.2 0 0 1-3.2 3.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0)
}

.search-container {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  font-size: 1.125rem;
  overflow: hidden
}

.search-container.purple {
  border: 2px solid #b568d6
}

.search-container.purple .search-input {
  color: #b568d6
}

.search-container.purple .search-input::placeholder {
  color: rgba(181, 104, 214, .48)
}

.search-container.purple .search-reset {
  color: #b568d6
}

.search-container .search-input {
  flex-grow: 1;
  color: #76a9e3;
  border: none;
  outline: none;
  padding-inline-end: 2.5rem
}

.search-container .search-input::placeholder {
  color: inherit;
  opacity: 1
}

.search-container .search-input:focus::placeholder {
  color: rgba(0, 0, 0, 0)
}

.search-container .search-input:placeholder-shown+.search-reset {
  display: none
}

.search-container .search-reset {
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  color: #6dcfe0;
  background-color: rgba(0, 0, 0, 0)
}

.search-option-wrapper {
  display: inline-block;
  white-space: nowrap;
  margin-inline-start: .5rem;
  margin-inline-end: .5rem
}

.search-option-wrapper input {
  display: none
}

.search-option-wrapper label {
  display: block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  background-color: rgba(255, 255, 255, .4)
}

.search-option-wrapper input:checked+label {
  color: #f059a0;
  background-color: #fff;
  font-weight: 600
}

body:has(#search-result-container.active) {
  position: relative;
  overflow: hidden
}

body:has(#search-result-container.active)::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10
}

#search-result-container {
  display: none
}

#search-result-container.active {
  position: fixed;
  display: block;
  width: 100%;
  height: calc(100% - 174px);
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
  margin-top: 174px;
  overflow: auto
}

@media(max-width: 991.98px) {
  #search-result-container.active {
    margin-top: 240px;
    height: calc(100% - 240px)
  }
}

#site-header .collapse-close-wrapper {
  display: none
}

@media(max-width: 991.98px) {
  #site-header:has(.navbar-collapse.collapse.show) .tool-nav .nav-item {
    display: none
  }

  #site-header:has(.navbar-collapse.collapse.show) .tool-nav .nav-item.collapse-close-wrapper {
    display: block
  }
}

#back-to-up {
  position: fixed;
  display: block;
  bottom: 1rem;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  z-index: 99
}

.home-banner-container {
  position: relative;
  overflow: hidden
}

.home-banner-container div {
  position: relative;
  z-index: 1
}

.home-video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0
}

.home-nav-list {
  max-width: 800px
}

html[lang=zh] .home-nav-list,
html[lang=cn] .home-nav-list {
  max-width: 650px
}

.tab-swiper {
  position: relative;
  padding-inline-start: 1.75rem;
  padding-inline-end: 1.75rem
}

.tab-swiper .swiper-button-next,
.tab-swiper .swiper-button-prev {
  color: #f059a0;
  font-weight: 600
}

.tab-swiper .swiper-button-next::after,
.tab-swiper .swiper-button-prev::after {
  font-size: 1.25rem
}

.tab-swiper .swiper-button-prev,
.tab-swiper .swiper-rtl .swiper-button-next {
  left: 0
}

.tab-swiper .swiper-button-next,
.tab-swiper .swiper-rtl .swiper-button-prev {
  right: 0
}

.tab-swiper .tag-btn {
  color: #fff;
  font-size: 1.125rem;
  white-space: nowrap
}

.tab-swiper .swiper-slide:nth-child(4n) .tag-btn {
  background-color: #f059a0
}

.tab-swiper .swiper-slide:nth-child(4n+1) .tag-btn {
  background-color: #b568d6
}

.tab-swiper .swiper-slide:nth-child(4n+2) .tag-btn {
  background-color: #76a9e3
}

.tab-swiper .swiper-slide:nth-child(4n+3) .tag-btn {
  background-color: #6dcfe0
}

.nav-list {
  width: 100%
}

.nav-list .nav-link {
  display: block;
  text-align: center;
  min-width: 150px
}

@media(min-width: 992px) {
  .nav-list .nav-link {
    min-width: initial
  }

  .nav-list li:not(:last-child) {
    margin-inline-end: 1rem
  }
}

.list-margin-end li:not(:last-child) {
  margin-inline-end: 1rem
}

.social-media-list .nav-item:not(:last-child) {
  margin-bottom: 1rem
}

.social-media-list .nav-link {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  padding: 0
}

.social-media-list .nav-link::before {
  content: "　";
  display: block;
  font-size: inherit;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  margin-inline-end: .75rem
}

.social-media-list .nav-link.website::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23F059A0' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='11.1'/%3E%3Cellipse cx='12' cy='12' rx='4.1' ry='11.1'/%3E%3Cpath d='M2 12h20' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E")
}

.social-media-list .nav-link.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.615.184c-3.604-.246-11.631-.245-15.23 0C.488.45.029 2.804 0 9c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 17.55 23.971 15.196 24 9c-.029-6.185-.484-8.549-4.385-8.816M9 13V5l8 3.993z' fill='%23F059A0'/%3E%3C/svg%3E")
}

.social-media-list .nav-link.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849s-.012 3.584-.069 4.849c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849s.013-3.583.07-4.849c.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069M12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12s.014 3.668.072 4.948c.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24s3.668-.014 4.948-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0m0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881' fill='%23F059A0'/%3E%3C/svg%3E")
}

.social-media-list .nav-link::after {
  content: "　";
  display: block;
  font-size: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%23F059A0'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%23F059A0'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%23F059A0'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 75%
}

.page-nav-breadcrumb {
  display: inline-block;
  padding: .25rem .75rem;
  border-radius: 6px;
  background-color: #f059a0;
  margin-top: 50px;
  margin-bottom: 3rem
}

.page-nav-breadcrumb .breadcrumb {
  margin-bottom: 0
}

.page-nav-breadcrumb .breadcrumb-item {
  color: rgba(255, 255, 255, .4)
}

.page-nav-breadcrumb .breadcrumb-item.active {
  color: #fff
}

.page-nav-breadcrumb .breadcrumb-item::after {
  float: right;
  padding-left: var(--bs-breadcrumb-item-padding-x);
  color: inherit;
  content: var(--bs-breadcrumb-divider, "/")
}

.page-nav-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  display: none
}

.page-nav-breadcrumb a {
  color: inherit;
  text-decoration: none
}

.page-recommended-navigation div:has(a):nth-child(4n) {
  --btn-color: #F059A0
}

.page-recommended-navigation div:has(a):nth-child(4n) a::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%23F059A0'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%23F059A0'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%23F059A0'/%3E%3C/g%3E%3C/svg%3E")
}

.page-recommended-navigation div:has(a):nth-child(4n+1) {
  --btn-color: #76A9E3
}

.page-recommended-navigation div:has(a):nth-child(4n+1) a::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%2376A9E3'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%2376A9E3'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%2376A9E3'/%3E%3C/g%3E%3C/svg%3E")
}

.page-recommended-navigation div:has(a):nth-child(4n+2) {
  --btn-color: #B568D6
}

.page-recommended-navigation div:has(a):nth-child(4n+2) a::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%23B568D6'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%23B568D6'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%23B568D6'/%3E%3C/g%3E%3C/svg%3E")
}

.page-recommended-navigation div:has(a):nth-child(4n+3) {
  --btn-color: #6DCFE0
}

.page-recommended-navigation div:has(a):nth-child(4n+3) a::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%236DCFE0'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%236DCFE0'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%236DCFE0'/%3E%3C/g%3E%3C/svg%3E")
}

.page-recommended-navigation a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  border-color: var(--btn-color);
  color: var(--btn-color);
  background-color: #fff;
  font-weight: 600
}

.page-recommended-navigation a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  color: inherit;
  background-repeat: no-repeat;
  background-position: center
}

.page-recommended-navigation a:hover {
  color: #fff;
  border-color: var(--btn-color);
  background-color: var(--btn-color)
}

.page-recommended-navigation a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cg transform='rotate(90 9 9)'/%3E%3Cpath d='M2.565 13.958 13.313 3.21l1.415 1.414L3.98 15.372a.8.8 0 0 1-1.132 0l-.283-.283a.8.8 0 0 1 0-1.13' fill='%23FFF'/%3E%3Cpath d='m3.996 4.745 10.379-.478.112-.037a.618.618 0 0 0 .241-1.023l-.097-.098c-.214-.214-.33-.309-.46-.39a1.4 1.4 0 0 0-.411-.17c-.15-.033-.299-.047-.601-.045l-7.264.033c-.386.002-.52.017-.667.051a1.3 1.3 0 0 0-.406.17c-.129.08-.233.165-.506.438l-.696.696a.5.5 0 0 0 .376.853' fill='%23FFF'/%3E%3Cpath d='m13.264 13.953.403-10.392.037-.112a.618.618 0 0 1 1.023-.242l.101.101c.216.216.31.33.39.458s.136.259.17.406c.035.148.05.295.05.6l.036 7.259c.001.389-.012.524-.046.673a1.3 1.3 0 0 1-.17.412c-.08.13-.166.235-.44.51l-.7.7a.5.5 0 0 1-.853-.373' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") !important
}

.tab-list .tag-btn {
  color: #fff
}

.tab-list .nav-item:nth-child(4n) .tag-btn {
  background-color: #f059a0
}

.tab-list .nav-item:nth-child(4n+1) .tag-btn {
  background-color: #b568d6
}

.tab-list .nav-item:nth-child(4n+2) .tag-btn {
  background-color: #76a9e3
}

.tab-list .nav-item:nth-child(4n+3) .tag-btn {
  background-color: #6dcfe0
}

.table-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.table-list li {
  list-style-type: none;
  border-bottom: 1px solid #fadcec
}

.table-list .list-item-wrapper {
  padding: .25rem .75rem
}

.table-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none
}

.table-list .table-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: left;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  border-bottom: 1px solid #fce1ee;
  color: #525252
}

.table-list .table-row.title-row {
  color: #f059a0;
  font-weight: 600;
  font-size: 1.25rem
}

@media(max-width: 767.98px) {
  .table-list .table-row.title-row {
    display: none
  }
}

.table-list .table-row:has(.column-header) {
  background-color: rgba(240, 89, 160, .3)
}

.table-list .table-row>div {
  padding: .5rem 1.25rem
}

.table-list .table-row:has(:not(.column-header)):hover {
  background-color: rgba(240, 89, 160, .08)
}

.table-list .table-row.title-row:hover {
  background-color: initial
}

.table-list .table-row .row-link {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 19rem);
  height: 100%;
  z-index: 1
}

@media(max-width: 767.98px) {
  .table-list .table-row .row-link {
    width: 100%
  }
}

.table-list .table-row .column-header {
  width: 100%;
  text-align: center;
  color: #f059a0;
  font-weight: 600;
  font-size: 1.25rem
}

.table-list .table-row .column-1 {
  width: 25%;
  max-width: 25%;
  font-size: 1.125rem
}

@media(max-width: 767.98px) {
  .table-list .table-row .column-1 {
    width: 100%;
    max-width: initial;
    padding: 0;
    margin-top: .5rem
  }
}

.table-list .table-row .column-2 {
  flex: 1
}

@media(max-width: 767.98px) {
  .table-list .table-row .column-2 {
    width: 100%;
    max-width: initial;
    min-width: 50%;
    padding: 0;
    margin-bottom: .5rem
  }
}

.table-list .table-row .column-3 {
  width: 19rem;
  z-index: 2
}

@media(max-width: 767.98px) {
  .table-list .table-row .column-3 {
    width: auto;
    padding: 0;
    margin-bottom: .5rem
  }
}

.table-list .email-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M20.309 3.692A11.67 11.67 0 0 0 12 .25a11.67 11.67 0 0 0-8.309 3.442A11.67 11.67 0 0 0 .25 12a11.67 11.67 0 0 0 3.442 8.309A11.67 11.67 0 0 0 12 23.75a11.8 11.8 0 0 0 5.579-1.406.707.707 0 1 0-.673-1.244A10.35 10.35 0 0 1 12 22.336C6.3 22.336 1.664 17.7 1.664 12S6.3 1.664 12 1.664 22.336 6.3 22.336 12c0 1.349-.327 2.954-.621 3.55-.261.53-1 1.275-1.826 1.275-1.07 0-1.94-.87-1.94-1.94V7.433a.707.707 0 0 0-1.414 0v.723A5.94 5.94 0 0 0 12 6.05 5.956 5.956 0 0 0 6.05 12c0 3.28 2.67 5.95 5.95 5.95a5.94 5.94 0 0 0 4.64-2.231 3.36 3.36 0 0 0 3.249 2.52c1.363 0 2.588-1.038 3.094-2.063.43-.874.767-2.708.767-4.176a11.67 11.67 0 0 0-3.441-8.308ZM12 16.536A4.54 4.54 0 0 1 7.465 12 4.54 4.54 0 0 1 12 7.465 4.54 4.54 0 0 1 16.535 12 4.54 4.54 0 0 1 12 16.536Z' stroke='%23F059A0' stroke-width='.6' fill='%23F059A0' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.table-list .website-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23F059A0' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='11.1'/%3E%3Cellipse cx='12' cy='12' rx='4.1' ry='11.1'/%3E%3Cpath d='M2 12h20' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E")
}

.table-list .behance-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.228 15.01H6V13h2.261c1.878 0 2.003 2.01-.033 2.01m6.758-2.677h3.018c-.117-1.715-2.73-1.977-3.018 0M8.182 9H6v2h2.389c1.673 0 1.937-2-.207-2M24 5v14a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5M14 8h5V7h-5zm-3.552 3.618c1.907-.974 1.837-4.55-1.813-4.604H4v9.978h4.311c4.522 0 4.445-4.534 2.137-5.374m9.487.602c-.274-1.763-1.528-2.95-3.583-2.95-2.094 0-3.352 1.34-3.352 3.947C13 15.848 14.367 17 16.416 17s3.106-1.135 3.4-2h-2.111c-.736.855-2.893.521-2.767-1.353h5.06c.01-.634-.012-1.089-.063-1.427' fill='%23F059A0' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.table-list .linkedin-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 0H5a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5M8 19H5V8h3zM6.5 6.732c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764M20 19h-3v-5.604c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.396-2.586 7-2.777 7 2.476z' fill='%23F059A0'/%3E%3C/svg%3E")
}

.table-list .instagram-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849s-.012 3.584-.069 4.849c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849s.013-3.583.07-4.849c.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069M12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12s.014 3.668.072 4.948c.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24s3.668-.014 4.948-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0m0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881' fill='%23F059A0'/%3E%3C/svg%3E")
}

.table-list .youtube-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.615.184c-3.604-.246-11.631-.245-15.23 0C.488.45.029 2.804 0 9c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 17.55 23.971 15.196 24 9c-.029-6.185-.484-8.549-4.385-8.816M9 13V5l8 3.993z' fill='%23F059A0'/%3E%3C/svg%3E")
}

html[lang=en] .directory-list-container .table-list .column-1 {
  font-weight: 500
}

.directory-list-container .table-list a {
  text-decoration: none
}

.directory-list-container .table-list .column-1 {
  font-weight: 600
}

.directory-list-container .table-list .column-3 a {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center
}

.directory-list-container .table-list .column-3 a[href=""],
.directory-list-container .table-list .column-3 a[href="mailto:"],
.directory-list-container .table-list .column-3 a:not([href]) {
  filter: grayscale(1);
  opacity: .4;
  cursor: initial;
  pointer-events: none
}

.directory-list-container .table-list .column-3 a:not(:last-child) {
  margin-inline-end: 1rem
}

.event-list-container .table-list .table-row {
  background-color: #fff
}

.event-list-container .table-list .table-row:has(.column-header) {
  background-color: #fadcec
}

.event-list-container .table-list .column-2 {
  flex-shrink: 0
}

@media(max-width: 767.98px) {
  .event-list-container .table-list .column-2 {
    min-width: 100% !important
  }
}

.tag-list li {
  margin-inline-end: 1rem;
  margin-bottom: 1rem
}

.tag-list li:nth-child(4n) .tag-btn {
  background-color: #f059a0
}

.tag-list li:nth-child(4n+1) .tag-btn {
  background-color: #b568d6
}

.tag-list li:nth-child(4n+2) .tag-btn {
  background-color: #76a9e3
}

.tag-list li:nth-child(4n+3) .tag-btn {
  background-color: #6dcfe0
}

.tag-list .tag-btn {
  color: #fff
}

.student-social-media-icon-container>a {
  display: inline-block;
  width: 1.5rem
}

.student-social-media-icon-container>a[href=""],
.student-social-media-icon-container>a[href="mailto:"],
.student-social-media-icon-container>a:not([href]) {
  filter: grayscale(1);
  opacity: .4;
  cursor: initial;
  pointer-events: none
}

.student-social-media-icon-container>a:not(:last-child) {
  margin-inline-end: 1rem
}

.directory-dropdown-container {
  font-size: 1.5rem;
  position: relative
}

.directory-dropdown-container .directory-dropdown-wrapper {
  position: relative
}

.directory-dropdown-container .directory-dropdown-wrapper.active {
  z-index: 100
}

.directory-dropdown-container .directory-dropdown-wrapper.active .directory-dropdown-options {
  max-height: 300px
}

.directory-dropdown-container .directory-dropdown-wrapper.active .dropdown-area {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.directory-dropdown-container .directory-dropdown-wrapper.selected .dropdown-area {
  color: #f059a0
}

.directory-dropdown-container .directory-dropdown-wrapper.selected .dropdown-area.blue {
  color: #76a9e3
}

.directory-dropdown-container .dropdown-area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #fff;
  color: rgba(240, 89, 160, .48);
  border: 2px solid #f059a0;
  border-radius: 8px;
  font-size: 1.125rem;
  text-overflow: ellipsis;
  cursor: pointer
}

.directory-dropdown-container .dropdown-area.blue {
  color: rgba(118, 169, 227, .48);
  border: 2px solid #76a9e3
}

.directory-dropdown-container .dropdown-display {
  flex-grow: 1;
  padding: .4rem .75rem
}

.directory-dropdown-container .dropdown-icon {
  padding: .4rem .75rem
}

.directory-dropdown-container .directory-dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 250px;
  max-height: 0;
  font-size: 1.25rem;
  overflow-y: auto;
  background-color: #fff;
  transition: max-height 300ms;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 99
}

.directory-dropdown-container .directory-dropdown-options .dropdown-item {
  padding: .4rem .75rem;
  cursor: pointer;
  white-space: initial
}

.directory-dropdown-container .directory-dropdown-options .dropdown-item:hover {
  color: #f059a0
}

.directory-dropdown-container .directory-dropdown-options::-webkit-scrollbar {
  width: 4px
}

.directory-dropdown-container .directory-dropdown-options::-webkit-scrollbar-track {
  box-shadow: none
}

.directory-dropdown-container .directory-dropdown-options::-webkit-scrollbar-thumb {
  background: rgba(240, 89, 160, .5)
}

.directory-dropdown-container .directory-dropdown-options::-webkit-scrollbar-thumb:hover {
  background: #f059a0
}

.directory-tag-container {
  position: relative;
  padding-inline-end: 45px
}

.directory-tag-container>button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px
}

.modal .modal-close-btn {
  color: #fff
}

.modal .modal-close-btn:hover {
  color: #f059a0
}

#menuNavbar .navbar-nav .nav-item:last-child,
#site-footer .navbar-nav .nav-item:last-child {
  display: none;
}