@font-face {
  font-family: "Basel Grotesk";
  src: url("../fonts/Basel-Grotesk-Light.otf") format("opentype");
}
@font-face {
  font-family: "Basel Grotesk";
  src: url("../fonts/Basel-Grotesk-Light-Italic.otf") format("opentype");
  font-style: italic;
}
@font-face {
  font-family: "Basel Grotesk";
  src: url("../fonts/Basel-Grotesk-Medium.otf") format("opentype");
  font-weight: 700;
}
body .dialog-off-canvas-main-canvas *,
body .node.node--type-homepage .employer .container h3,
body .node.node--type-homepage .kv .col-l .slide .intro h2,
body .intro h1,
body footer .bottom .copyright {
  font-family: "Basel Grotesk", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
}
body .hamburger:before {
  background-image: none;
  background-color: #FFFFFF;
}
body.menu-show .hamburger .line {
  background-color: #750F6D;
}
body header .col-r .group:not(:first-child):before {
  display: none;
}
body header .col-r .student-login .student-text,
body header .col-r .employer-login .info-text-container,
body header .col-r .user-dropdown-container .category,
body .mobile-menu .group .category > a,
body .mobile-menu .group.logout a,
body .mobile-menu .group .label {
  font-weight: 700;
}
body header .col-r .employer-login .info-text-container:after,
body header .col-r .employer-login .info-text-container:hover:after,
body header .col-r .user-dropdown-container .category:after,
body header .col-r .user-dropdown-container .category:hover:after,
body header .col-r .student-login .student-text:after {
  background-image: url(../assets/img/icon/menu-arrow-b.svg);
}
body header .col-r .student-login .student-text {
  padding-right: 28px;
}
body header .col-r .student-login .student-text:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  width: 16px;
  height: 10px;
}
body header .col-r .employer-login .info-text-container:hover:after,
body header .col-r .user-dropdown-container .category:hover:after {
  opacity: 0.65;
}
body .mobile-menu {
  width: auto;
  background-color: #750F6D;
  overflow: auto;
}
body .mobile-menu .wrapper {
  display: flex;
  gap: 40px;
  height: auto;
  overflow: auto;
}
body .mobile-menu .wrapper > div {
  max-width: 342px;
  width: 100%;
}
body .mobile-menu .group {
  padding: 0;
  border-top: none;
}
body .mobile-menu .group .category {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 342px;
}
body .mobile-menu .group .category a {
  color: #ffffff;
  font-size: 17px;
}
body .mobile-menu .group .category a:hover,
body .mobile-menu .group .category a.active {
  color: #F0AA23;
}
body .mobile-menu .group .category > a {
  font-size: 24px;
  line-height: 140%;
}
body .mobile-menu .group .category.hv-sub > a:hover:after,
body .mobile-menu .group .category.hv-sub > a:after {
  background-image: url(../assets/img/icon/menu-arrow-w.svg);
  width: 8px;
  height: 5px;
}
body .mobile-menu .group .category:first-child {
  padding-top: 0;
}
body .mobile-menu .group .label {
  font-size: 20px;
  color: #ffffff;
}
body .mobile-menu .group.logout {
  color: #ffffff;
}
body .mobile-menu .group.logout a:hover {
  color: #F0AA23;
}
body .mobile-menu .group + .group {
  margin-top: 30px;
}
body .system.system-main-block .submenu {
  font-size: 1.125em;
  line-height: 122.2%;
  background-color: #7D2882;
}
body .system.system-main-block .submenu .wrapper {
  margin: 0 auto;
}
body .system.system-main-block .submenu .wrapper > ul {
  display: flex;
  justify-content: center;
}
body .system.system-main-block .submenu .wrapper > ul > li {
  position: relative;
}
body .system.system-main-block .submenu .wrapper > ul > li:nth-child(odd) {
  color: #1b8191;
}
body .system.system-main-block .submenu .wrapper > ul > li:nth-child(odd):hover > a:before {
  background-color: #1b8191;
}
body .system.system-main-block .submenu .wrapper > ul > li:nth-child(even) {
  color: #4a45af;
}
body .system.system-main-block .submenu .wrapper > ul > li:nth-child(even):hover > a:before {
  background-color: #4a45af;
}
body .system.system-main-block .submenu .wrapper > ul > li.hv-sub:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 4px;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #711f69 transparent transparent transparent;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  transform-origin: center top;
  right: 9px;
  border-color: #FFFFFF transparent transparent transparent;
  width: 9px;
  height: 5px;
  right: 5px;
  border: none;
  background-image: url(../assets/img/icon/menu-arrow-w.svg);
}
body .system.system-main-block .submenu .wrapper > ul > li.hv-sub:hover:after {
  border-color: #fff transparent transparent transparent;
}
body .system.system-main-block .submenu .wrapper > ul > li.hv-sub:hover ul {
  display: block;
}
body .system.system-main-block .submenu .wrapper > ul > li:hover > a {
  color: #fff;
  opacity: 1;
}
body .system.system-main-block .submenu .wrapper > ul > li > a {
  padding: 23px 20px;
  display: inline-block;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
}
body .system.system-main-block .submenu .wrapper > ul > li > a:hover {
  background-color: #F0AA23;
}
body .system.system-main-block .submenu .wrapper > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  top: 10px;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
body .system.system-main-block .submenu .wrapper > ul > li > ul {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 10px;
  transform: translateY(100%);
  width: max-content;
  min-width: 180px;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  display: none;
  bottom: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  color: #7D2882;
  padding: 0;
}
body .system.system-main-block .submenu .wrapper > ul > li > ul > li a {
  font-size: 17px;
  padding: 14px 20px;
  display: block;
  font-size: 1.0625em;
  line-height: 140%;
}
body .system.system-main-block .submenu .wrapper > ul > li > ul > li a:hover {
  opacity: 1;
  background-color: #F4EEF4;
}
body .system.system-main-block .submenu + .node.node--type-homepage {
  margin-top: 18px;
}
body .form-type-date + .form-type-date {
  margin-left: 5px;
}
body .form-container .form-control.form-input-month input,
body .form-container .form-control.form-input-date input {
  line-height: 22px;
}
body .intro h1 {
  font-weight: 700;
}
body header .col-r .employer-login .info-text-container span,
body .intro h1,
body .intro h2,
body .intro a,
body .box .group h2,
body .ai-powered-message-container .ai-powered-message-block a,
body .content-wrap .tab-container .tab.active,
body .content-wrap .result-listing .item .col .title,
body .content-wrap .tab-container .tab:hover,
body .job-detail .col-detail .job-detail-wrap .job-header-wrap .job-info-wrap h1.job-title,
body .calendar-nav .month,
body .calendar-nav .year,
body .profile-container .form-container a.link-button,
body .profile .form-container button.btn-add,
body .profile .form-container button.upload-label,
body .profile .form-container button.enter-txt,
body .form-wrap[data-type="employer"] h1,
body .valid,
body .form-container button.btn-add,
body .form-wrap[data-type="employer"] .btn-container .btn-hollow,
body .calendar-detail .col-detail h1,
body .calendar-detail .col-related .wrap .related-events-wrap h2,
body .form-container .part-head,
body .form-btn-container.sty2 .sty-hollow,
body .form-btn-container.sty2 .sty-link,
body .profile-container .col-index .btn-container .sty-hollow,
body .collapse-panel .panel-details .tpl-btn-container button,
body .btn-container button.sty-w,
body .btn-container a.link-button.sty-w,
body .com-popup .form-container .text-purple,
body .form-container button.upload-label,
body .form-container button.enter-txt,
body .job-detail .col-related > .wrap .career-resources-wrap .wrap .group .subhead,
body .content-container .text-container .title,
body .profile-container .com-index.active {
  color: #7D2882;
}
body .com-index .sprite[data-icon=user-done] {
  width: 24px;
  height: 22px;
  background-position: -814px -10px;
}
body .profile-container .com-index.active .icon-sprite .sprite {
  background-position: center;
  background-repeat: no-repeat;
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=user] {
  background-image: url(../assets/img/icon/icon-user-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=board] {
  background-image: url(../assets/img/icon/icon-board-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=book] {
  background-image: url(../assets/img/icon/icon-book-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=bag] {
  background-image: url(../assets/img/icon/icon-bag-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=document] {
  background-image: url(../assets/img/icon/icon-document-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=flag] {
  background-image: url(../assets/img/icon/icon-flag-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=user-done] {
  background-image: url(../assets/img/icon/icon-user-done-p.svg);
}
body .profile-container .com-index.active .icon-sprite .sprite[data-icon=other] {
  background-image: url(../assets/img/icon/icon-other-p.svg);
}
body .job-search-filter .filter-container .form-group input,
body .job-search-filter .filter-container .form-group input::placeholder,
body .job-search-filter .filter-container .form-wrap .form-control .form-selected,
body .job-search-filter .popular .label,
body .job-search-filter .popular .keyword a,
body .filter-container input,
body .filter-container input::placeholder,
body .filter-container .group-label .select2-container--default .select2-selection--single .select2-selection__rendered,
body .form-control.group-checkbox .form-selected,
body .content-wrap .top-container .create-btn,
body .content-wrap .result-listing .item .col .status a,
body .profile-container .col-content .status-bar span,
body .profile .profile-preview .form-container .form-control .txt {
  font-size: 1.0625em;
  line-height: 140%;
}
body .collapse-panel .panel-header:after {
  background-image: url(../assets/img/icon/collapse-p.svg);
}
body .collapse-panel .panel-header.collapsed:after {
  background-image: url(../assets/img/icon/expand-p.svg);
}
body .calendar .calendar-nav {
  font-weight: 700;
  font-size: 2.875em;
}
body .calendar .calendar-nav .month {
  margin-left: 25px;
}
body .calendar .calendar-nav .year {
  margin-right: 25px;
}
body .calendar .calendar-nav .prev,
body .calendar .calendar-nav .next {
  background-image: url(../assets/img/icon/menu-arrow-p.svg);
}
body .calendar .calendar-nav .prev {
  transform: rotate(90deg);
}
body .calendar .calendar-nav .next {
  transform: rotate(-90deg);
}
body .calendar .calendar-nav .icon {
  width: 20px;
  height: 12px;
}
body .calendar .calendar-nav a {
  display: flex;
}
body .calendar .day-container .label {
  margin-left: 15px;
  border-color: #7D2882;
}
body .calendar .day-container .label .date,
body .calendar .day-container .label .day {
  color: #7D2882;
}
body .calendar .day-container .label .date {
  font-size: 3.75em;
}
body .calendar .day-container .label .date + .day {
  margin-left: 10px;
}
body .calendar .day-container .label .day {
  font-weight: 400;
  font-size: 0.9375em;
}
body .calendar .day-container.has-more {
  margin-bottom: 40px;
}
body .calendar .day-container .item {
  position: relative;
}
body .calendar .day-container .item .title {
  font-size: 1.0625em;
  border-bottom: none;
}
body .calendar .day-container .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 25px);
  height: 1px;
  background-color: #bbbbbb;
}
body .calendar > .calendar-nav-outer-container .calendar-nav-container {
  border-right: 1px solid #bbbbbb;
}
body .calendar .col-single-day {
  border-right: 1px solid #bbbbbb;
}
body .calendar .col-multi-day h2 {
  font-weight: 700;
}
body .calendar .col-multi-day h2,
body .calendar .col-multi-day .details .item .period .date {
  color: #7D2882;
  font-size: 2.1875em;
}
body .calendar .col-multi-day .details .item .period .day {
  font-weight: 400;
}
body .calendar .col-multi-day .details .item .title a {
  font-size: 1.0625em;
}
body .calendar .col-multi-day .category-list ul li .txt {
  font-size: 1.0625em;
}
body .job-search-filter .filter-container .form-group input,
body .job-search-filter .filter-container .form-group input::placeholder,
body .job-search-filter .filter-container .form-wrap .form-control .form-selected,
body .filter-container input,
body .filter-container input::placeholder,
body .filter-container .group-label .select2-container--default .select2-selection--single .select2-selection__rendered,
body .joblist-search-filter .filter-container .form-group input,
body .joblist-search-filter .filter-container .form-group input::placeholder,
body .joblist-search-filter .filter-container .form-wrap .form-selected {
  color: #000000;
}
body .job-search-filter .filter-container .form-group input,
body .view-frontend-calendar .filter-container .group-keywords,
body .joblist-search-filter .filter-container .form-group input {
  background-image: url("../assets/img/icon/search-p2.svg");
}
body .job-search-filter .advance {
  font-size: 0.9375em;
  line-height: 140%;
  color: #000000;
}
body .job-search-filter .advance:hover {
  opacity: 1;
  background-color: #F0AA23;
  color: #ffffff;
}
body .job-advanced-filter .top {
  background-image: none;
  background-color: #7D2882;
}
body .job-advanced-filter .top .title {
  color: #ffffff;
}
body .job-advanced-filter .top .btn-close {
  background-image: url("../assets/img/icon/close.svg");
}
body .job-advanced-filter .bottom .btn-container .btn-apply {
  background-color: #7D2882;
}
body .job-advanced-filter .bottom .btn-container .btn-clear {
  color: #7D2882;
}
body .job-detail .save-job-wrap button,
body .job-detail .save-job-wrap a.link-button {
  background-color: #ffebba;
  border-color: #ffebba;
}
body .job-detail .save-job-wrap button:hover,
body .job-detail .save-job-wrap a.link-button:hover,
body .job-detail .save-job-wrap button.active,
body .job-detail .save-job-wrap a.link-button.active,
body .job-detail .save-job-wrap button.active:hover,
body .job-detail .save-job-wrap a.link-button.active:hover {
  background-color: #ffffff;
  border-color: #F0AA23;
}
body .job-detail .save-job-wrap button .icon-save-job,
body .job-detail .save-job-wrap a.link-button .icon-save-job,
body .job-detail .save-job-wrap button.active .icon-save-job,
body .job-detail .save-job-wrap a.link-button.active .icon-save-job {
  background-image: url("../assets/img/icon/job/icon-save-job-b.svg");
}
body .job-detail .save-job-wrap button .icon-apply-job,
body .job-detail .save-job-wrap a.link-button .icon-apply-job {
  background-image: url("../assets/img/icon/job/icon-apply-job-b.svg");
}
body .form-container .form-control .form-input-group + .info-msg + .info-msg {
  margin-top: 10px;
}
body .box .group .highlight-group:before,
body .content-wrap .tab-container .tab.active:after,
body .view-frontend-calendar .btn-search-y,
body .profile-container .com-index .icon.checked,
body .profile-container .col-content .details .btn-container button,
body .btn-scroll,
body .job-search-filter,
body .profile-container .col-content .profile-pic .btn-upload,
body .form-container .form-control.form-input-text .group-checkbox + .selected-items > span,
body .btn-container button,
body .btn-container a.link-button,
body .form-btn-container .btn-save,
body .form-wrap[data-type="employer"] .btn-container .btn-solid,
body .joblist-search-filter,
body .content-wrap .top-container .create-btn,
body .form-btn-container.sty2 button,
body .form-container .form-control.form-input-text-multiple + .selected-items > span,
body .collapse-panel .panel-header:before,
body .content-container .apply-btn {
  background-color: #7D2882;
}
body .joblist-search-filter {
  background-image: none;
  top: 0;
}
body .profile .com-accordion .function-container a.active,
body .profile .com-accordion .function-container a:hover,
body .content-wrap .table-container table tr td .icon-container .icon-circle.icon-circle-y,
body #pop-application .msg,
body .reminder-wrapper {
  background-color: #FAE9CD;
}
body .profile .form-container button.btn-add,
body .form-container button.btn-add,
body .form-wrap[data-type="employer"] .btn-container .btn-hollow,
body .checkbox-container .checkmark:after,
body .form-btn-container.sty2 .sty-hollow,
body .collapse-panel .panel-details .tpl-btn-container button {
  border-color: #7D2882;
}
body .box .group table th {
  border-bottom-color: #7D2882;
}
body .job-search-filter .btn-search-y,
body .joblist-search-filter .filter-container .form-wrap .btn-search,
body .job-search-filter .filter-container button {
  background-color: #ffffff;
  background-image: url(../assets/img/icon/search-b2.svg);
}
body .view-frontend-calendar .btn-search-y {
  background-image: url(../assets/img/icon/search-w.svg);
}
body .btn-search-y:hover,
body .joblist-search-filter .filter-container .form-wrap .btn-search:hover,
body .job-search-filter .filter-container button:hover {
  opacity: 1;
  background-color: #F0AA23;
  background-image: url(../assets/img/icon/search-w.svg);
}
body .btn-container button.sty-g,
body .btn-container a.link-button.sty-g {
  background-color: #F0AA23;
  border-color: #F0AA23;
}
body .job-detail .col-related > .wrap .career-resources-wrap .wrap .group .swiper-container .nav {
  background-color: #BEBEBE;
  background-image: url(../assets/img/icon/menu-arrow-w.svg);
  width: 26px;
  height: 26px;
  background-size: 16px;
}
body .job-detail .col-related > .wrap .career-resources-wrap .wrap .group .swiper-container .nav.swiper-button-prev {
  transform: rotate(90deg);
  left: 10px;
}
body .job-detail .col-related > .wrap .career-resources-wrap .wrap .group .swiper-container .nav.swiper-button-next {
  transform: rotate(-90deg);
  right: 10px;
}
body .node.node--type-homepage .swiper-button-next,
body .node.node--type-mentorship .swiper-button-next,
body .node.node--type-homepage .swiper-button-prev,
body .node.node--type-mentorship .swiper-button-prev {
  background-color: #BEBEBE;
  background-size: 18px 10px;
  background-image: url(../assets/img/icon/menu-arrow-w.svg);
  border-radius: 100%;
}
body .node.node--type-homepage .swiper-button-prev,
body .node.node--type-mentorship .swiper-button-prev {
  opacity: 0.5;
  transform: rotate(90deg);
}
body .node.node--type-homepage .swiper-button-next,
body .node.node--type-mentorship .swiper-button-next {
  transform: rotate(-90deg);
}
body .node.node--type-homepage .alumni-story h3,
body .node.node--type-homepage .kv .col-r .job-search h3 {
  font-size: 1.5em;
  line-height: 140%;
  color: #7D2882;
  font-weight: 700;
}
body .node.node--type-homepage .alumni-story {
  background-color: #FFF5E6;
}
body .node.node--type-homepage .kv .col-l .slide .intro h2 {
  font-size: 2.1875em;
  font-weight: 500;
  color: #7D2882;
}
body .node.node--type-homepage .kv .col-l .slide .intro .wrapper {
  background-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .node.node--type-homepage .kv .col-l .slide .intro .poster {
  background-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .node.node--type-homepage .kv .col-l .slide:hover .intro h2 {
  color: #750F6D;
}
body .node.node--type-homepage .kv .col-r {
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-between;
}
body .node.node--type-homepage .kv .col-r .alumni-story,
body .node.node--type-homepage .kv .col-r .job-search {
  background-color: #FFF5E6;
  flex: 1;
}
body .node.node--type-homepage .kv .col-r .job-search {
  margin-bottom: 0;
}
body .node.node--type-homepage .kv .col-r .grid {
  box-shadow: none;
}
body .node.node--type-homepage .kv .col-r .form-group .form-control {
  box-shadow: none;
}
body .node.node--type-homepage .kv .col-r .form-group .group-checkbox .form-selected {
  border: 1px solid #D9D9D9;
}
body .node.node--type-homepage .kv .col-r .form-group .group-checkbox .form-selected:after {
  width: 9px;
  height: 5px;
  border: none;
  background: transparent url(../assets/img/icon/menu-arrow-p.svg) no-repeat center;
}
body .node.node--type-homepage .kv .col-r .form-group .group-checkbox .dropdown-list {
  box-shadow: none;
  border: 1px solid #D9D9D9;
}
body .node.node--type-homepage .kv .col-r .form-group.group-search .wrapper button {
  background-color: #7D2882;
  width: 47px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .node.node--type-homepage .kv .col-r .form-group.group-search.group-search-with-ai .wrapper button {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
body .node.node--type-homepage .kv .col-r .form-group.group-search.group-search-with-ai .wrapper .switch-toggle input:checked + .switch-toggle-slider {
  background-color: #7D2882;
}
body .node.node--type-homepage .calendar .container h3,
body .node.node--type-homepage .employer .container h3 {
  color: #7D2882;
  font-size: 2.875em;
  line-height: 140%;
}
body .node.node--type-homepage .employer .container h3 {
  font-weight: 700;
}
body .node.node--type-homepage .calendar .content .full a {
  font-size: 1em;
  line-height: 140%;
  color: #000000;
  border-color: rgba(214, 214, 214, 0.84);
}
body .node.node--type-homepage .calendar .content .full a:hover {
  color: #ffffff;
  background-color: #7D2882;
}
body .node.node--type-homepage .calendar .content .highlight-calendar .item .details a {
  border-bottom: 0.3px solid #750F6D;
}
body .node.node--type-homepage .calendar .content .highlight-calendar .item .details a:hover {
  color: #7D2882;
}
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-blue .label,
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-green .label,
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-blue .day,
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-green .day {
  color: #7D2882;
}
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-blue:before,
body .node.node--type-homepage .calendar .content .highlight-calendar .item.theme-green:before {
  background-image: none;
  background-color: #750F6D;
  width: 100%;
}
body .node.node--type-about-us .box-mentoring .group .title,
body .node.node--type-mentorship .box-mentoring .group .title,
body .node.node--type-self-discovery .sect-banner .box h1,
body .node.node--type-self-discovery .sect-skill .intro h2,
body .node.node--type-self-discovery .sect-workshop .box h2,
body .node.node--type-resources-and-useful-statistics .sect-row .col-desc h2,
body .node.node--type-resources-and-useful-statistics .sect-event .col-desc h2,
body .node.node--type-resources-and-useful-statistics .sect-portal .desc h2,
body .node.node--type-video-library .box-listing .item .details h2,
body .node.node--type-individual-advisory .box .col-l h2,
body .node.node--type-individual-advisory .enquiries .head,
body .node.node--type-individual-advisory .reminder-wrapper .head,
body .node.node--type-careers-fair .info .desc h2,
body .node.node--type-careers-fair .listing .item .details table td:nth-child(3),
body .node.node--type-human-library.human-library .listing .item:nth-child(odd) .banner .row .col-desc p:before,
body .node.node--type-human-library.human-library .listing .item:nth-child(odd) .banner .row .col-desc p:after,
body .node.node--type-human-library.human-library .listing .item:nth-child(even) .banner .row .col-desc p:before,
body .node.node--type-human-library.human-library .listing .item:nth-child(even) .banner .row .col-desc p:after,
body .node.node--type-human-library-record.human-library .content-container .col-l .card-quote p,
body .node.node--type-human-library-record.human-library .content-container .col-r .card-interested .subhead,
body .node.node--type-contact-us.page-contact-us .group h2,
body .node.node--type-employer-and-recruitment-service .listing .item .banner .row .col-desc h2,
body .node.node--type-event .calendar-detail .col-related .wrap .related-jobs-wrap h2 {
  color: #7D2882;
}
body .node.node--type-mentorship .box-mentoring .programme-list .item .desc,
body .node.node--type-careers-fair .info .col-l .table-txt a,
body .node.node--type-self-discovery .sect-skill .intro p a,
body .node.node--type-self-discovery .sect-workshop .box p a,
body .node.node--type-resources-and-useful-statistics .sect-row .col-desc .txt-wrap a,
body .node.node--type-resources-and-useful-statistics .sect-event .col-desc .txt-wrap a,
body .node.node--type-resources-and-useful-statistics .sect-event .redirect,
body .node.node--type-individual-advisory .box .col-l p a,
body .node.node--type-employer-and-recruitment-service .listing .item a,
body .node.node--type-mentorship-programme .details table a,
body .node.node--type-mentorship-programme .details .remark a {
  color: #056BBB;
}
body .node.node--type-careers-fair .listing .item .read-more .bg-circle,
body .node.node--type-human-library.human-library .listing .item:nth-child(odd) .banner .row .col-desc .btn-container a,
body .node.node--type-human-library.human-library .listing .item:nth-child(even) .banner .row .col-desc .btn-container a,
body .node.node--type-human-library-record.human-library .content-container .col-l .card-quote .wrapper:before,
body .node.node--type-human-library-record.human-library .content-container .col-l .card-quote .wrapper:after,
body .node.node--type-employer-and-recruitment-service .listing .item .read-more .bg-circle {
  background-color: #7D2882;
}
body .node.node--type-resources-and-useful-statistics .sect-event .table-responsive th {
  background-color: #FFF5E6;
}
body .node.node--type-careers-fair .listing .item .details table th {
  border-bottom-color: #7D2882;
}
body .node.node--type-video-library .filter-container .group-label .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
}
body .node.node--type-event .calendar.calendar-detail .col-detail a.btn-download,
body .node.node--type-event .calendar.calendar-detail .col-detail a.btn-register {
  color: #056BBB;
  border-color: #056BBB;
}
body .node.node--type-event .calendar.calendar-detail h1 {
  font-size: 1.25em;
}
body .form-wrap[data-type="employer"] .form-group.password-group .row a,
body .form-wrap[data-type="employer"] .forget-password,
body .calendar-detail .col-detail a,
body .calendar-detail .col-detail .download-wrap span.pdf,
body .form-wrap[data-type="employer"] .group-dashed .sty-dashed a,
body .form-container .form-control.form-input-text-multiple button.enter-txt,
body .alert-row .alert-msg a,
body .settings-form[data-type='employer'] .btn-container .btn-noborder,
body #pop-application .msg a,
body .box .group a,
body .content-container .table-container .left-table td a,
body .content-container .table-container .right-table td a,
body .content-container .text-container .text-content a {
  color: #056BBB;
}
body .group-checkbox .form-input input ~ .checkmark ~ .child-arrow,
body .job-advanced-filter .bottom .col .form-input input ~ .checkmark ~ .child-arrow {
  background: transparent url(../assets/img/icon/menu-arrow-p.svg) no-repeat center;
}
body .group-checkbox .form-input input:checked ~ .checkmark,
body .job-advanced-filter .bottom .col .form-input input:checked ~ .checkmark {
  background-color: #7D2882;
  border: 3px solid rgba(126, 40, 130, 0.56);
}
body .group-checkbox .form-input input ~ .checkmark ~ .child-arrow {
  width: 9px;
  height: 5px;
  border: none;
  background: transparent url(../assets/img/icon/menu-arrow-p.svg) no-repeat center;
}
body .group-checkbox .form-input input:checked ~ .checkmark {
  background-color: #7D2882;
  border: 3px solid rgba(126, 40, 130, 0.56);
}
body .group-checkbox .form-selected::after,
body .view-frontend-calendar .filter-container .group-label .select2-container--default .select2-selection--single .select2-selection__arrow b,
body .form-container .form-control.form-input-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(../assets/img/icon/menu-arrow-b.svg);
}
body .swiper-pagination-bullet {
  background-color: #BEBEBE;
  opacity: 0.5;
}
body .swiper-pagination-bullet-active {
  opacity: 1;
}
body .filter-container .wrapper .form-group {
  width: calc((100% - 20px) / 5);
}
body .filter-container .wrapper .form-group.group-label.group-label-xlarge {
  flex-grow: 1;
  width: calc((100% - 20px) / 3);
}
body .filter-container .wrapper .form-group.group-label .select2-container .select2-selection--single {
  height: auto;
}
body .filter-container .wrapper .form-group.form-group-full {
  width: 100%;
}
body footer .top .group,
body footer .top .group .group-title {
  font-weight: 500;
}
@media (min-width: 1400px) {
  body .system.system-main-block .submenu .wrapper {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  body .system.system-main-block .submenu .wrapper > ul > li.hv-sub:after {
    right: 2px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  body .system.system-main-block .submenu .wrapper > ul > li > a {
    padding-left: 8px;
    padding-right: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  body .system.system-main-block .submenu .wrapper > ul > li > a {
    font-size: 0.88em;
  }
  body .system.system-main-block .submenu .wrapper > ul > li > ul {
    padding: 0;
  }
  body .system.system-main-block .submenu .wrapper > ul > li > ul > li a {
    font-size: 0.88em;
  }
}
@media (min-width: 992px) {
  body .node.node--type-homepage .kv .swiper-navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  body .node.node--type-homepage .kv .swiper-navigation .swiper-button-prev,
  body .node.node--type-homepage .kv .swiper-navigation .swiper-button-next,
  body .node.node--type-homepage .kv .swiper-navigation .swiper-pagination {
    position: static;
  }
  body .node.node--type-homepage .kv .swiper-navigation .swiper-button-prev,
  body .node.node--type-homepage .kv .swiper-navigation .swiper-button-next {
    margin-top: 0;
    width: 24px;
    height: 24px;
  }
  body .node.node--type-homepage .kv .swiper-navigation .swiper-pagination {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  body .node.node--type-homepage .kv .col-l .swiper-container {
    display: flex;
    flex-direction: column;
  }
  body .node.node--type-homepage .kv .col-l .swiper-container .swiper-wrapper {
    flex: 1;
  }
  body .node.node--type-homepage .kv .col-l .swiper-container .swiper-navigation {
    margin-left: 12px;
    max-width: 48%;
    margin-top: 10px;
  }
  body .node.node--type-homepage .kv .col-r .swiper-navigation {
    margin-top: -15px;
  }
  body .node.node--type-individual-advisory .reminder-wrapper {
    border-left-color: #7D2882;
  }
  body.menu-show .hamburger:hover:before {
    opacity: 1;
    background-color: #F0AA23;
  }
  body.menu-show .hamburger:hover .line {
    background-color: #ffffff;
  }
  body .job-detail .save-job-wrap button.active,
  body .job-detail .save-job-wrap a.link-button.active {
    background-color: #ffffff;
    border-color: #F0AA23;
  }
  body .job-detail .save-job-wrap button:hover .icon-save-job,
  body .job-detail .save-job-wrap a.link-button:hover .icon-save-job {
    background-image: url("../assets/img/icon/job/icon-save-job-b.svg");
  }
  body .calendar .day-container {
    margin-right: 0;
    padding-right: 15px;
    border-bottom: 0;
    position: relative;
  }
  body .calendar .day-container::after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #bbbbbb;
    position: absolute;
    bottom: 0;
  }
  body .calendar .day-container:nth-child(3n) {
    padding-right: 0;
  }
  body .calendar .day-container:nth-child(3n)::after {
    width: calc(100% - 20px);
  }
  body .calendar .day-container:nth-child(3n+1)::after {
    margin-left: 20px;
  }
  body .calendar .col-multi-day {
    padding-left: 30px;
  }
  body .form-wrap[data-type="employer"]:before {
    border-color: #7D2882;
  }
}
@media (max-width: 991px) {
  body .mobile-menu:before {
    background-color: #750F6D;
  }
  body .filter-container .wrapper .form-group {
    width: 100%;
    margin-bottom: 12px;
  }
  body .filter-container .wrapper .form-group.group-keywords {
    background-image: none;
  }
  body .filter-container .wrapper .form-group.group-label.group-label-xlarge {
    width: 100%;
  }
  body .filter-container .wrapper .form-group.group-label:nth-child(2) {
    margin-right: 0;
  }
  body .filter-container .wrapper .form-group.group-label:not(.group-label-xlarge) {
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
  }
  body .filter-container .wrapper .form-group.group-label:not(.group-label-xlarge):last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  body .mobile-menu .wrapper {
    flex-direction: column;
  }
  body .mobile-menu .group .category {
    max-width: 342px;
    width: 100%;
  }
  body .node.node--type-homepage .calendar .container h3,
  body .node.node--type-homepage .employer .container h3 {
    font-size: 1.5em;
    line-height: 125%;
  }
}
@media (min-width: 768px) {
  body .box .group table td:first-child {
    color: #7D2882;
  }
  body .node.node--type-highlight-jobs-postings .wrapper table th {
    border-bottom-color: #7D2882;
  }
  body .node.node--type-highlight-jobs-postings .wrapper table td:first-child {
    color: #056BBB;
  }
  body .node.node--type-careers-fair .listing .item .details table td:last-child {
    color: #056BBB;
  }
}