@charset "utf-8";
:root {
  --bs-primary: rgb(1, 5, 68);
  --xjtlu-secondary: rgba(206, 87, 193, 1);
  --xjtlu-main-vertical: linear-gradient(180deg, #010544 0%, #ce57c1 100%);
  --xjtlu-main-horizontal: linear-gradient(90deg, #010544 0%, #ce57c1 100%);
  --xjtlu-main-cover-down: linear-gradient(109.22deg,
          #010544 0%,
          rgba(206, 87, 193, 0) 100%,
          rgba(206, 87, 193, 0.5) 100%);
  --xjtlu-main-cover-up: linear-gradient(70.78deg, #010154 0%, rgba(206, 87, 193, 0.5) 100%);
  --xjtlu-main-radial: radial-gradient(148.59% 100% at 50% 0%, #ce57c1 0%, #010544 46.54%);
  --xjtlu-navy5: rgba(1, 5, 68, 0.05);
  --xjtlu-cyan: rgba(37, 197, 249, 1);
  --xjtlu-green: rgba(167, 213, 0, 1);
  --xjtlu-aqua: rgba(34, 189, 173, 1);
  --xjtlu-orange: rgba(251, 120, 49, 1);
  --xjtlu-cyan-gradient: radial-gradient(100% 62.18% at 100% 75.94%, #28f8f8 0%, #25c5f9 100%);
  --xjtlu-cyan-gradient-radial: radial-gradient(100% 62.18% at 100% 75.94%, #25c5f9 0%, #28f8f8 100%);
  --xjtlu-green-gradient: radial-gradient(100% 100% at 100% 75.62%, #dfff6b 0%, #a7d500 100%);
  --xjtlu-green-gradient-radial: radial-gradient(100% 100% at 100% 75.62%, #a7d500 0%, #dfff6b 100%)
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */ ;
  --xjtlu-aqua-gradient: radial-gradient(100% 100% at 100% 74.06%, #77fbed 0%, #22bdad 100%);
  --xjtlu-aqua-gradient-radial: radial-gradient(100% 100% at 100% 74.06%, #22bdad 0%, #77fbed 100%);
  --xjtlu-orange-gradient: radial-gradient(100% 100% at 100% 65.31%, #f7c74c 0%, #fb7831 100%);
  --xjtlu-orange-gradient-radial: radial-gradient(100% 100% at 100% 65.31%, #fb7831 0%, #f7c74c 100%);
  --bs-success: rgba(167, 213, 0, 1);
  --bs-danger: rgba(224, 0, 77, 1);
  --xjtlu-background-overlay: linear-gradient(180deg, rgba(27, 27, 35, 0) 0%, rgba(27, 27, 35, 0.54) 100%);
  --xjtlu-dark-black: rgb(27, 27, 35);
  --xjtlu-dark-secondary: rgba(71, 71, 88, 1);
  --xjtlu-dark-tertiary: rgb(117, 117, 137);
  --xjtlu-dark-quaternary: rgba(172, 172, 191, 1);
  --xjtlu-dark-black15: rgba(27, 27, 35, 0.15);
  --xjtlu-dark-black10: rgba(27, 27, 35, 0.1);
  --xjtlu-light-white: rgba(255, 255, 255, 1);
  --xjtlu-light-secondary: rgba(242, 242, 249, 1);
  --xjtlu-light-tertiary: rgba(224, 224, 236, 1);
  --xjtlu-light-quaternary: rgba(210, 210, 223, 1);
  --xjtlu-light-white20: rgba(255, 255, 255, 0.2);
  --xjtlu-light-white40: rgba(255, 255, 255, 0.4);
  --xjtlu-light-white60: rgba(255, 255, 255, 0.6);
  --xjtlu-light-white80: rgba(255, 255, 255, 0.8);
  --xjtlu-shadow-15: rgba(0, 0, 0, 0.15);
  --xjtlu-shadow-10: rgba(0, 0, 0, 0.1);
  --xjtlu-accordion-btn-icon: url("../images/plus_icon.svg");
  --xjtlu-accordion-btn-active-icon: url("../images/minus_icon.svg");
  --bs-breadcrumb-dividers: url("../images/mutation1_right.svg");
  --bs-breadcrumb-dividers-light: url("../images/mutation1_right_light.svg");
  --bs-breadcrumb-dividers-small: url("../images/mutation1_right_small.svg");
  --bs-breadcrumb-dividers-light-small: url("../images/mutation1_right_light_small.svg");
  --xjtlu-blue-linear-gradient: linear-gradient(180deg, rgba(37, 197, 249, 0.2) 0%, rgba(37, 197, 249, 0) 100%);
  --xjtlu-green-linear-gradient: linear-gradient(180deg, rgba(34, 189, 173, 0.2) 0%, rgba(34, 189, 173, 0) 100%);
  --xjtlu-yellow-linear-gradient: linear-gradient(180deg, rgba(167, 213, 0, 0.2) 0%, rgba(167, 213, 0, 0) 100%);
  --xjtlu-card-bg-gradient: linear-gradient(265.75deg, #EEF0F4 1.66%, #F9F9F9 98.42%);
  --xjtlu-purple-linear-gradient: linear-gradient(168.88deg, rgba(1, 1, 84, 0.2) 8.22%, rgba(206, 87, 193, 0) 91.78%);
  --xjtlu-white-linear-gradient: linear-gradient(265.75deg, #EEF0F4 1.66%, #F9F9F9 98.42%);
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  src: url(../font/Gilroy-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  src: url(../font/Gilroy-SemiBold.woff2) format("woff2");
}
.t1 {
  transition-delay: 0.1s !important;
}

.t2 {
  transition-delay: 0.2s !important;
}

.t3 {
  transition-delay: 0.3s !important;
}

.t4 {
  transition-delay: 0.4s !important;
}

.t5 {
  transition-delay: 0.5s !important;
}

.t6 {
  transition-delay: 0.6s !important;
}

.t7 {
  transition-delay: 0.7s !important;
}

.t8 {
  transition-delay: 0.8s !important;
}

.visible-invisible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.scaleup {
  transform: scaleY(0);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideleft {
  opacity: 0;
  transform: translateX(60px);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideright {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideup {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fade {
  opacity: 0;
  transition: opacity 1s linear;
}

.init .scaleup {
  transform: scaleY(1);
}

.init .slideleft,
.init .slideright {
  opacity: 1;
  transform: translateX(0px);
}

.init .fade {
  opacity: 1;
}

.init .slideup,
.init .sliderightin {
  opacity: 1;
  transform: translateY(0px);
}

.init .sliderightin,
.init .slideup {
  opacity: 1;
  transform: translateY(0px) !important;
  transform: scaleY(1);
}

@keyframes submenu_animation {
  from {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
em {
  font-style: italic;
  color: var(--xjtlu-dark-black);
}

em.highlight {
  color: var(--xjtlu-secondary);
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: var(--xjtlu-light-secondary) !important;
}

.xjtlu-blue-linear {
  background: var(--xjtlu-blue-linear-gradient) !important;
}

.xjtlu-green-linear {
  background: var(--xjtlu-green-linear-gradient) !important;
}

.xjtlu-yellow-linear {
  background: var(--xjtlu-yellow-linear-gradient) !important;
}

.xjtlu-card-bg {
  background: var(--xjtlu-card-bg-gradient) !important;
}

.xjtlu-purple-linear {
  background: var(--xjtlu-purple-linear-gradient) !important;
}

.xjtlu-while-linear {
  background: var(--xjtlu-light-white) !important;
}

.xjtlu-white-linear-gradients {
  background: var(--xjtlu-white-linear-gradient) !important;
}

.bs-primary {
  background: var(--bs-primary) !important;
}

.xjtlu-secondary {
  background: var(--xjtlu-secondary) !important;
}

.xjtlu-main-vertical {
  background: var(--xjtlu-main-vertical) !important;
}

.xjtlu-main-horizontal {
  background: var(--xjtlu-main-horizontal) !important;
}

.xjtlu-main-cover-down {
  background: var(--xjtlu-main-cover-down) !important;
}

.xjtlu-main-cover-up {
  background: var(--xjtlu-main-cover-up) !important;
}

.xjtlu-main-radial {
  background: var(--xjtlu-main-radial) !important;
}

.xjtlu-navy5 {
  background: var(--xjtlu-navy5) !important;
}

.xjtlu-cyan {
  background: var(--xjtlu-cyan) !important;
}

.xjtlu-green {
  background: var(--xjtlu-green) !important;
}

.xjtlu-aqua {
  background: var(--xjtlu-aqua) !important;
}

.xjtlu-orange {
  background: var(--xjtlu-orange) !important;
}

.xjtlu-cyan-gradient {
  background: var(--xjtlu-cyan-gradient) !important;
}

.xjtlu-green-gradient {
  background: var(--xjtlu-green-gradient) !important;
}

.xjtlu-aqua-gradient {
  background: var(--xjtlu-aqua-gradient) !important;
}

.xjtlu-orange-gradient {
  background: var(--xjtlu-orange-gradient) !important;
}

.bs-success {
  background: var(--bs-success) !important;
}

.bs-danger {
  background: var(--bs-danger) !important;
}

.xjtlu-background-overlay {
  background: var(--xjtlu-background-overlay) !important;
}

.xjtlu-dark-balck {
  background: var(--xjtlu-dark-black) !important;
}

.xjtlu-dark-secondary {
  background: var(--xjtlu-dark-secondary) !important;
}

.xjtlu-dark-tertiary {
  background: var(--xjtlu-dark-tertiary) !important;
}

.xjtlu-dark-quaternary {
  background: var(--xjtlu-dark-quaternary) !important;
}

.xjtlu-dark-black20 {
  background: var(--xjtlu-dark-black20) !important;
}

.xjtlu-dark-black10 {
  background: var(--xjtlu-dark-black10) !important;
}

.xjtlu-light-white {
  background: var(--xjtlu-light-white) !important;
}

.xjtlu-light-secondary {
  background: var(--xjtlu-light-secondary) !important;
}

.xjtlu-light-tertiary {
  background: var(--xjtlu-light-tertiary) !important;
}

.xjtlu-light-quaternary {
  background: var(--xjtlu-light-quaternary) !important;
}

.xjtlu-light-white20 {
  background: var(--xjtlu-light-white20) !important;
}

.xjtlu-light-white40 {
  background: var(--xjtlu-light-white40) !important;
}

.xjtlu-light-white60 {
  background: var(--xjtlu-light-white60) !important;
}

.xjtlu-light-white80 {
  background: var(--xjtlu-light-white80) !important;
}

.xjtlu-gradient-alt {
  background: radial-gradient(100% 100% at 100% 74.06%, #67d293 0%, #0fa393 100%) !important;
}

.xjtlu-grey-gradient {
  background: radial-gradient(100% 100% at 100% 74.06%, #e0e0ec 0%, #acacbf 100%) !important;
}

.xjtlu-shadow-level1 {
  box-shadow: 0px 12px 40px 0px var(--xjtlu-shadow-15);
}

.xjtlu-shadow-level2 {
  box-shadow: 0px 8px 26px 0px var(--xjtlu-shadow-15);
}

.xjtlu-shadow-level3 {
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}

.xjtlu-shadow-level4 {
  box-shadow: 0px 2px 4px 0px var(--xjtlu-shadow-10);
}

.xjtlu-background-blur-level2 {
  filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
}

.xjtlu-background-blur-level1 {
  filter: blur(25px);
  background: rgba(255, 255, 255, 0.1);
}

.color-bs-primary {
  color: var(--bs-primary) !important;
}

.color-xjtlu-secondary {
  color: var(--xjtlu-secondary) !important;
}

.color-xjtlu-main-vertical {
  color: var(--xjtlu-main-vertical) !important;
}

.light-background {
  background: linear-gradient(70.78deg, rgba(1, 1, 84, 0.1) 0%, rgba(206, 87, 193, 0.1) 100%);
}

.dark-background {
  background: linear-gradient(109.22deg, rgba(1, 5, 68, 0.3) 0%, rgba(206, 87, 193, 0.2) 100%, rgb(206, 87, 193) 100%);
}

body {
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: unset;
}

body::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  display: none;
}

body.single::-webkit-scrollbar {
  display: inline;
  width: 8px;
}

body.single::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

body.single {
  scrollbar-width: initial;
  -ms-overflow-style: initial;
}

img {
  border-radius: 12px;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

input {
  outline: none;
  color: var(--xjtlu-dark-tertiary);
  font-weight: 400;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
}

input.light {
  background: transparent;
}

input.light-secondary {
  background: var(--xjtlu-light-secondary);
}

a {
  color: var(--xjtlu-dark-black);
  font-size: 16px;
  font-weight: 400;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.link {
  font-weight: 600;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.link-small {
  font-size: 14px;
}

.link-extra-small {
  font-size: 12px;
}

.inline-link {
  text-decoration: underline;
}

.inline-link-small {
  font-size: 14px;
}

.inline-link-extra-small {
  font-size: 12px;
}

p {
  font-weight: 400;
  font-size: 18px;
  color: var(--xjtlu-dark-black);
  line-height: 26.1px;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 12px 0;
}

p.small {
  font-size: 14px;
  line-height: 20.3px;
}

p.extra-small {
  font-size: 12px;
  line-height: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--bs-primary);
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: 600;
  color: var(--bs-primary);
  padding: 0 !important;
}

h1 {
  font-size: 72px;
  letter-spacing: -0.03em;
}
h1 a {
  font-size: 72px;
}

h2 {
  font-size: 48px;
  letter-spacing: -0.03em;
}
h2 a {
  font-size: 48px;
}

h3 {
  font-size: 32px;
  letter-spacing: -0.02em;
}
h3 a {
  font-size: 32px;
}

h4 {
  font-size: 24px;
  letter-spacing: -0.02em;
}
h4 a {
  font-size: 24px;
}

h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
}
h5 a {
  font-size: 20px;
}

h6 {
  font-size: 16px;
  letter-spacing: -0.01em;
}
h6 a {
  font-size: 16px;
}

.page-content .page-detail {
  position: relative;
  width: 86%;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 24px;
}
.page-content .page-detail .content {
  overflow-x: clip;
  width: 100%;
  min-width: 0;
}
.page-content .page-detail .content > .posters {
  height: 500px;
}
.page-content .page-detail .content > .posters img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-content .page-detail .sidebar {
  border-radius: 0;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 85px;
  overflow-x: hidden;
}
.page-content .page-detail .info-box {
  width: 403px;
  position: sticky;
  top: 85px;
  z-index: 10;
}
.page-content p a {
  font-size: 18px;
  line-height: 26.1px;
}
.page-content p:empty {
  height: 25px;
  margin: 0;
}
.page-content hr {
  margin: 60px 0;
}

.page-detail .content h3 {
  margin: 16px 0;
}
.page-detail .content h4 {
  margin: 16px 0;
}
.page-detail .content h5 {
  margin: 12px 0;
}
.page-detail .condition-content {
  padding-top: 0;
}
.page-detail .xjtlu-video {
  aspect-ratio: 877/527;
}
.page-detail .portal-card .card_img {
  aspect-ratio: 426/300;
}
.page-detail .card-group-2 .portal-card .card_img {
  aspect-ratio: 486/280;
}

.content {
  width: 100%;
  position: relative;
}
.content h2 {
  margin: 20px 0;
}
.content strong {
  margin: 16px 0;
}
.content strong a {
  font-weight: bolder;
}
.content ul {
  padding-left: 24px;
  margin-bottom: 10px;
}
.content ul li {
  list-style-type: disc;
  font-size: 18px;
}
.content ul li a {
  font-size: 18px;
}
.content ul li p {
  margin-bottom: 0;
}
.content ol {
  padding-left: 35px;
  margin-bottom: 10px;
}
.content ol li {
  list-style-type: decimal;
  font-size: 18px;
}
.content ol li a {
  font-size: 18px;
}
.content .title {
  margin-top: 60px;
  margin-bottom: 24px;
  line-height: 55.2px;
  color: var(--bs-primary);
}
.content .title a {
  color: var(--bs-primary);
}
.content .title span {
  color: var(--bs-primary);
}
.content a:not([class]) {
  text-decoration: underline;
}
.content .business-card a,
.content .info-list a {
  text-decoration: none;
}

.content > :first-child {
  margin-top: 0 !important;
}

.spacer-100 {
  width: 100%;
  height: 100px;
}

.spacer-80 {
  width: 100%;
  height: 80px;
}

.spacer-60 {
  width: 100%;
  height: 60px;
}

.spacer-50 {
  width: 100%;
  height: 50px;
}

.spacer-40 {
  width: 100%;
  height: 40px;
}

.spacer-32 {
  width: 100%;
  height: 32px;
}

.spacer-24 {
  width: 100%;
  height: 24px;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.spacer-16 {
  width: 100%;
  height: 16px;
}

.spacer-12 {
  width: 100%;
  height: 12px;
}

.spacer-10 {
  width: 100%;
  height: 10px;
}

.spacer-8 {
  width: 100%;
  height: 8px;
}

.spacer-6 {
  width: 100%;
  height: 6px;
}

.spacer-4 {
  width: 100%;
  height: 4px;
}

.spacer-2 {
  width: 100%;
  height: 2px;
}

.spacer-1 {
  width: 100%;
  height: 1px;
}

hr.default {
  background: var(--xjtlu-light-white20);
  height: 1px;
  border: none;
}

hr.dark {
  background: var(--xjtlu-dark-black15);
  height: 1px;
  border: none;
  opacity: 1;
}

hr.lighte {
  background: var(--xjtlu-light-secondary);
  height: 1px;
  border: none;
}

.tag {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 24px;
  border: 1px solid rgb(1, 5, 68);
  display: flex;
  align-items: center;
}
.tag img {
  width: 16px;
  height: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.tag .text {
  margin: 0 4px;
  color: var(--bs-primary);
}

.tag.small img {
  width: 12px;
  height: 12px;
}

table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid var(--xjtlu-light-tertiary);
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 8px;
  overflow: hidden;
}
table tbody {
  transform: translate(-1px, -1px);
}
table td,
table th {
  border: 1px solid var(--xjtlu-light-tertiary);
  border-right: none;
  border-bottom: none;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  color: var(--bs-primary);
  vertical-align: top;
  color: var(--xjtlu-dark-black);
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  word-break: normal;
}
table a {
  font-size: 14px;
}
table th {
  border-top: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--bs-primary);
}

video::-webkit-media-controls-enclosure {
  display: none;
}

video:hover::-webkit-media-controls-enclosure {
  position: absolute;
  display: block;
}

.calendar {
  width: 88px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--xjtlu-light-white);
  padding-bottom: 8px;
}
.calendar .calendar-title {
  padding: 6px 8px;
  background: var(--xjtlu-main-vertical);
}
.calendar .calendar-title h6 {
  margin: 0;
  text-align: center;
  color: var(--xjtlu-light-white);
}
.calendar .calendar-date {
  text-align: center;
}
.calendar .calendar-date h3 {
  margin: 0;
  background-image: var(--xjtlu-main-vertical);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.calendar .calendar-date .link {
  color: var(--xjtlu-dark-tertiary);
}

.swiper.xjtlu-swiper {
  width: 70px;
  height: 48px;
  margin: 0;
}

.swiper.xjtlu-swiper-large,
.swiper.xjtlu-swiper-small {
  width: 160px;
  height: 140px;
  margin: 0;
}

.swiper-pagination .swiper-pagination-bullet {
  background: var(--xjtlu-light-quaternary);
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--xjtlu-dark-black);
  opacity: 1;
}

.swiper-pagination-small .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
}

.pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 !important;
}
.pagination .page-numbers {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .numbers-list {
  display: flex;
  gap: 2px;
}
.pagination .current {
  border-radius: 8px;
  border: 1px solid var(--xjtlu-secondary);
}

.page-handoff-btn {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
  color: var(--xjtlu-dark-tertiary);
  overflow: hidden;
  cursor: pointer;
}
.page-handoff-btn img, .page-handoff-btn svg {
  width: 20px;
  height: 20px;
}
.page-handoff-btn .pre {
  filter: invert(45%) sepia(23%) saturate(256%) hue-rotate(201deg) brightness(98%) contrast(90%);
}
.page-handoff-btn .next {
  filter: invert(45%) sepia(23%) saturate(256%) hue-rotate(201deg) brightness(98%) contrast(90%);
}

.timeline {
  display: flex;
}
.timeline .date {
  width: 80px;
  padding-top: 32px;
}
.timeline .date h5 {
  color: var(--xjtlu-secondary);
  margin: 0;
}
.timeline .dividing-line {
  width: 3px;
  height: auto;
  background: var(--bs-primary);
  margin: 0 24px;
}
.timeline .month-list {
  width: 666px;
  padding: 32px 24px;
  box-sizing: border-box;
}
.timeline .month-list h4 {
  margin: 0;
}

.stepper .step {
  display: flex;
  width: 271px;
  height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 40px 7px 24px;
  background: url("../images/stepper_initial_bg1.svg") no-repeat;
  background-size: 100%;
}
.stepper .step h6 {
  margin: 0;
  color: var(--bs-primary);
}
.stepper .step p {
  color: var(--xjtlu-dark-tertiary);
}
.stepper .step img {
  width: 20px;
  height: 20px;
}
.stepper .initial-2 {
  background: url("../images/stepper_initial_bg2.svg") no-repeat;
  background-size: 100%;
}
.stepper .initial-2 h6,
.stepper .initial-2 p {
  color: var(--xjtlu-light-white);
}
.stepper .initial-3 {
  background: url("../images/stepper_initial_bg3.svg") no-repeat;
  background-size: 100%;
}
.stepper .initial-3 p {
  color: var(--bs-primary);
}
.stepper .middle-1 {
  background: url("../images/stepper_middle_bg1.svg") no-repeat;
  width: 275px;
}
.stepper .middle-2 {
  background: url("../images/stepper_middle_bg2.svg") no-repeat;
  background-size: 100%;
  width: 275px;
}
.stepper .middle-2 h6,
.stepper .middle-2 p {
  color: var(--xjtlu-light-white);
}
.stepper .middle-3 {
  background: url("../images/stepper_middle_bg3.svg") no-repeat;
  background-size: 100%;
  width: 275px;
}
.stepper .middle-3 p {
  color: var(--bs-primary);
}
.stepper .inactive-1 {
  background: url("../images/stepper_inactive_bg1.svg") no-repeat;
  width: 259px;
}
.stepper .inactive-2 {
  background: url("../images/stepper_inactive_bg2.svg") no-repeat;
  width: 259px;
}
.stepper .inactive-2 {
  background: url("../images/stepper_inactive_bg3.svg") no-repeat;
  width: 259px;
}

.overlay {
  width: 472px;
  height: 239px;
  background: var(--xjtlu-main-cover-up);
}

.text-field {
  border: 1px solid var(--xjtlu-light-secondary);
  background: var(--xjtlu-light-secondary);
  width: 100%;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  position: relative;
}
.text-field img {
  width: 24px;
  height: 24px;
}
.text-field input {
  width: 100%;
  font-size: 16px;
}
.text-field:focus-within {
  border: 1px solid var(--xjtlu-secondary);
}
.text-field .search-data-list {
  border-radius: 12px;
  position: absolute;
  text-align: left;
  left: 0;
  top: calc(100% + 10px);
  border: 1px solid var(--xjtlu-dark-black10);
  box-shadow: 0px 8px 26px 0px var(--xjtlu-shadow-15);
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.text-field .search-data-list li {
  border-radius: 12px;
  padding: 12px 0 12px 16px;
}
.text-field .search-data-list li:active {
  background: var(--xjtlu-light-secondary);
}
.text-field .search-data-list a {
  width: 237px;
  display: block;
}
.text-field .connect {
  width: 100%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 0;
}

.text-field.light-white {
  background: var(--xjtlu-light-white60);
}

.text-field.little-input {
  width: 332px;
}

.subheading {
  text-align: left;
  width: 100%;
}
.subheading h5,
.subheading h2 {
  margin: 0;
}
.subheading h5 {
  margin-bottom: 6px;
  color: var(--xjtlu-secondary);
}
.subheading h3 {
  margin-bottom: 12px;
}
.subheading p {
  margin: 12px auto;
}
.subheading p:last-of-type {
  margin-bottom: 0;
}
.subheading .right p {
  margin: 0;
}
.subheading .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.subheading2 {
  text-align: left;
  width: 100%;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
}
.subheading2 h5,
.subheading2 h2 {
  margin: 0;
}
.subheading2 h5 {
  margin-bottom: 6px;
}
.subheading2 h3 {
  margin-bottom: 12px;
}
.subheading2 p {
  color: var(--bs-primary);
  margin: 12px auto;
}
.subheading2 p:last-of-type {
  margin-bottom: 0;
}
.subheading2 .left,
.subheading2 .right {
  flex: 1;
}
.subheading2 .right {
  display: flex;
  justify-content: flex-end;
}
.subheading2 .right p {
  margin: 0;
}
.subheading2 .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
.subheading2 a {
  padding: 8px 12px;
}

.subheading3 {
  text-align: center;
  width: 100%;
}
.subheading3 h5,
.subheading3 h2 {
  margin: 0;
}
.subheading3 h5 {
  margin-bottom: 6px;
  color: var(--xjtlu-secondary);
}
.subheading3 h3 {
  margin-bottom: 12px;
}
.subheading3 p {
  margin: 12px auto;
}
.subheading3 p:last-of-type {
  margin-bottom: 0;
}
.subheading3 .right p {
  margin: 0;
}
.subheading3 .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.subheading.align-left .btns {
  justify-content: left;
}
.subheading.align-left p {
  width: 100%;
  margin: 0;
  color: var(--xjtlu-dark-secondary);
}

.subheading.both-sides {
  width: 100%;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
}
.subheading.both-sides .left,
.subheading.both-sides .right {
  flex: 1;
}
.subheading.both-sides .right {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.subheading.both-sides p {
  color: var(--bs-primary);
}
.subheading.both-sides a {
  padding: 8px 12px;
}

.subheading.datepicker-subheading {
  margin-bottom: 24px;
}
.subheading.datepicker-subheading .right {
  flex: none;
  flex-shrink: 0;
}
.subheading.datepicker-subheading .left {
  flex: 1 1 100%;
  text-align: left;
}

.subheading.dateline-subheading {
  margin-bottom: 24px;
}
.subheading.dateline-subheading .right {
  flex: 1 1 100%;
}
.subheading.dateline-subheading .right .line {
  width: 100%;
  height: 2px;
  background: var(--xjtlu-secondary);
}
.subheading.dateline-subheading .left {
  flex-shrink: 0;
  flex: none;
  width: 213px;
  text-align: left;
}
.subheading.dateline-subheading .left h5 {
  color: var(--bs-primary);
}
.subheading.dateline-subheading .left h3 {
  margin-bottom: 4px;
}

.side-nav {
  display: block;
  border: 1px solid var(--xjtlu-dark-black10);
  width: 332px;
  border-radius: 12px;
}
.side-nav hr {
  margin: 12px 0;
}
.side-nav .top {
  padding: 14px 47px 14px 16px;
  border-bottom: 1px solid var(--xjtlu-dark-black10);
}
.side-nav .top h5 {
  margin: 0;
}
.side-nav .nav-item {
  padding: 12px 16px;
}
.side-nav .nav-item .accordion {
  padding: 12px 16px;
}
.side-nav .nav-item li {
  display: flex;
  align-items: center;
  border-radius: 12px;
  letter-spacing: 0.02em;
}
.side-nav .nav-item li a {
  padding: 12px 16px;
  width: 100%;
  color: var(--bs-primary);
}
.side-nav .nav-item .active {
  background: var(--bs-primary);
}
.side-nav .nav-item .active .link {
  color: var(--xjtlu-light-white);
}
.side-nav .nav-item .active .accordion-item .accordion-button {
  background: var(--bs-primary) !important;
}
.side-nav .nav-item .active .accordion-item .accordion-button .link {
  color: var(--xjtlu-light-white);
}
.side-nav .nav-item .xjtlu-accordion .accordion-item {
  width: 100%;
}
.side-nav .nav-item .xjtlu-accordion .accordion-item .accordion-button {
  padding: 0;
}
.side-nav .nav-item .xjtlu-accordion .accordion-item .accordion-button .link {
  letter-spacing: 0.02em;
}
.side-nav .nav-item .xjtlu-accordion .accordion-body {
  margin-top: 14px;
}
.side-nav .nav-item .xjtlu-accordion .accordion-body a {
  text-decoration: none !important;
}
.side-nav .nav.no-top-title {
  font-size: 20px;
}

.text-bigger .nav-item .link {
  font-size: 20px;
  line-height: 25px;
}

.logo-icon {
  border-radius: 0;
}

.revert {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.pole {
  width: 4px;
  height: 128px;
  background-color: #ffffff;
}

.btn-primary {
  overflow: hidden;
  border: 1px solid var(--xjtlu-secondary);
  background: rgba(0, 0, 0, 0);
  border-radius: 28px;
  color: var(--xjtlu-dark-black);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}
.btn-primary:hover {
  background-color: var(--xjtlu-light-white);
  color: #010544;
  border: 1px solid var(--bs-primary);
}
.btn-primary:active {
  background: var(--xjtlu-light-tertiary);
  color: #010544;
  border: 1px solid var(--bs-primary);
}
.btn-primary:focus {
  background-color: var(--xjtlu-light-white);
}
.btn-primary img, .btn-primary svg {
  width: 15px;
  height: 15px;
}

a.dark-border {
  border: 1px solid var(--xjtlu-dark-tertiary);
}
a.dark-border:focus {
  color: var(--xjtlu-dark-tertiary);
}
a.dark-border:focus .pre {
  filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
}
a.dark-border:focus .next {
  filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
}

a.no-border {
  background: var(--xjtlu-light-white40);
  border: 1px solid var(--xjtlu-light-white40);
  color: var(--xjtlu-light-white);
}
a.no-border:hover, a.no-border:focus {
  background: var(--xjtlu-light-white40);
  border: 1px solid var(--xjtlu-light-white);
  color: var(--xjtlu-light-white);
}
a.no-border:active {
  background: var(--xjtlu-light-white20);
  color: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white40);
}
a.no-border .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
a.no-border .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.light-border {
  color: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white);
}
a.light-border:hover, a.light-border:focus {
  background: var(--xjtlu-light-white40);
  border: 1px solid var(--xjtlu-light-white);
  color: var(--xjtlu-light-white);
}
a.light-border:active {
  background: var(--xjtlu-light-white20);
  color: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white40);
}
a.light-border .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
a.light-border .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.no-bg {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 12px;
}
a.no-bg:hover, a.no-bg:active {
  border: 1px solid rgba(0, 0, 0, 0);
  background: var(--xjtlu-navy5);
}
a.no-bg:focus {
  border: 1px solid var(--xjtlu-secondary);
  background: rgba(0, 0, 0, 0);
}

a.no-bg-arrowhead {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 8px;
}
a.no-bg-arrowhead:hover {
  border: 1px solid rgba(0, 0, 0, 0);
}
a.no-bg-arrowhead:hover img .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
a.no-bg-arrowhead:hover.light-icon {
  background: var(--xjtlu-light-white20);
}
a.no-bg-arrowhead:hover.dark-icon {
  background: var(--xjtlu-dark-black10);
}
a.no-bg-arrowhead img, a.no-bg-arrowhead svg {
  width: 20px;
  height: 20px;
}
a.no-bg-arrowhead .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.light-bg {
  background: var(--xjtlu-light-white);
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
  padding: 12px;
  border: 1px solid var(--xjtlu-light-white);
  border-radius: 50%;
}
a.light-bg:hover {
  box-shadow: 0px 2px 4px 0px var(--xjtlu-shadow-10);
  border: 1px solid var(--xjtlu-light-white);
}
a.light-bg:active {
  box-shadow: none;
  border: 1px solid var(--xjtlu-light-white);
  background: var(--xjtlu-light-white);
}
a.light-bg:focus {
  box-shadow: none;
  border: 1px solid var(--xjtlu-secondary);
  background: var(--xjtlu-light-white);
}
a.light-bg img {
  width: 20px;
  height: 20px;
}

a.paly-m {
  padding: 20px;
  background: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white);
}
a.paly-m img {
  width: 46px;
  height: 46px;
}

a.big-btn {
  font-size: 24px;
  padding: 24px 36px;
  border-radius: 48px;
}
a.big-btn img {
  width: 24px;
  height: 24px;
}

.btn-secondary {
  background: rgba(0, 0, 0, 0);
  border-radius: 25px;
  border: none;
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  overflow: hidden;
  color: var(--xjtlu-dark-black);
}
.btn-secondary:hover {
  background-color: var(--xjtlu-light-secondary);
}
.btn-secondary:active {
  background-color: var(--xjtlu-light-secondary);
  color: var(--xjtlu-secondary);
}
.btn-secondary:active img.pre {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}
.btn-secondary:active img.next {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}
.btn-secondary img {
  width: 15px;
  height: 15px;
  filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
}
.btn-secondary svg.pre, .btn-secondary svg.next {
  filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
}

.btn-secondary.light-white {
  color: var(--xjtlu-light-white);
}
.btn-secondary.light-white:hover {
  background-color: var(--xjtlu-light-white20);
}
.btn-secondary.light-white:active {
  background-color: var(--xjtlu-light-white20);
}
.btn-secondary.light-white:active .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.btn-secondary.light-white:active .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.btn-secondary.light-white .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.btn-secondary.light-white .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.breadcrumb {
  color: var(--xjtlu-dark-black);
}
.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: flex-start;
}
.breadcrumb .breadcrumb-item.active {
  color: var(--xjtlu-secondary);
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-dividers, "/");
}

.breadcrumb.light-white .breadcrumb-item a {
  color: var(--xjtlu-light-white);
}
.breadcrumb.light-white .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb.light-white .breadcrumb-item.active {
  color: var(--xjtlu-light-white);
}
.breadcrumb.light-white .breadcrumb-item.active .link {
  color: var(--xjtlu-light-white80);
}
.breadcrumb.light-white .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-dividers-light, "/");
}

.cd-top-wrap {
  position: absolute;
  height: 0;
  z-index: 999;
}
.cd-top-wrap a.cd-top {
  position: fixed;
  bottom: 450px;
  left: 92%;
  display: block;
  overflow: hidden;
  padding: 0;
  width: 70px;
  height: 70px;
  box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.15);
  background-color: var(--xjtlu-light-white);
  border-radius: 50%;
  opacity: 0.8;
  font-weight: normal;
  font-style: normal;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s, background-color 0.3s;
  border-bottom: none;
}
.cd-top-wrap a.cd-top .cd-top-icon:before {
  position: absolute;
  text-align: center;
  content: url(../images/back-to-top.svg);
  transform: translate(-50%, -36%);
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
}
.cd-top-wrap a.cd-top--is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top-wrap a.cd-top--fade-out {
  opacity: 0.5;
}
.cd-top-wrap a.cd-top:hover {
  opacity: 1;
}

.card {
  border: none;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
}
.card .tag {
  color: var(--bs-primary);
  font-size: 14px;
  font-weight: 600;
}
.card .tags {
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
}
.card .desc {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  margin-bottom: 0;
}
.card .date {
  font-size: 12px;
  margin-top: 6px;
  color: #474758;
}
.card .card_img {
  max-height: 417px;
}
.card .card_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 24px;
}
.card .card-body .card-title {
  line-height: 38.4px;
  text-align: left;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 16px 0 12px 0;
  color: var(--bs-primary);
}
.card .card-body p {
  color: var(--xjtlu-dark-secondary);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card .card-body .card-date {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
}
.card .btn-primary {
  font-weight: 600;
}
.card .btn-secondary {
  font-weight: 600;
  color: var(--xjtlu-secondary);
  padding: 0;
}
.card .btn-secondary img {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}
.card .btn-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
}

.card.pdf-card.xjtlu-white-linear-gradients .card-body .card-title {
  color: var(--bs-primary);
}
.card.pdf-card.xjtlu-white-linear-gradients .card-body .btn-primary {
  border: 1px solid var(--xjtlu-secondary);
  color: var(--xjtlu-dark-black);
}
.card.pdf-card.xjtlu-white-linear-gradients .card-body .btn-primary img {
  filter: none;
}

.card.up-down {
  width: 100%;
}
.card.up-down .card_img {
  flex: 1 1 100%;
  max-height: 458px;
  overflow: hidden;
}
.card.up-down .tag {
  color: var(--bs-primary);
}
.card.up-down .card-body .btn-secondary {
  font-weight: 400;
  color: var(--xjtlu-dark-secondary);
}

.card.card-img-bg {
  max-height: 569px;
  height: 569px;
}
.card.card-img-bg .card-overlay {
  padding: 0 24px 24px 24px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.card.card-img-bg .card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.card-img-bg h3,
.card.card-img-bg p,
.card.card-img-bg a.link {
  color: var(--xjtlu-light-white);
}
.card.card-img-bg a.link .revert {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.card.card-img-bg:hover {
  background: linear-gradient(180deg, rgba(2, 6, 69, 0) 50.52%, rgba(2, 6, 69, 0.5) 100%);
  box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
}

.card.medium {
  width: 100%;
}
.card.medium .card-body {
  padding: 36px 24px;
}
.card.medium .card-body h3 {
  font-size: 24px;
  line-height: 30px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card.medium .card-body p {
  -webkit-line-clamp: 2;
}

.up-down.small .card-body {
  flex: 0;
  padding: 24px;
}
.up-down.small .card-body h3 {
  font-size: 24px;
  line-height: 30px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.up-down.small .card-body p {
  font-size: 16px;
  line-height: 23.2px;
  margin-bottom: 12px;
}
.up-down.small .card-body a {
  margin: 0;
}
.up-down.small .card-body .tag {
  color: var(--bs-primary);
  margin-bottom: 16px;
}

.card.up-down-card p {
  display: none;
}
.card.up-down-card .card_img {
  overflow: hidden;
}
.card.up-down-card .card_img img {
  aspect-ratio: 450/275;
}
.card.up-down-card .card-body {
  padding: 24px;
}
.card.up-down-card .card-body .btn-secondary {
  margin: 4px 0;
  font-weight: 400;
  color: var(--xjtlu-dark-secondary);
}

.card.across-medium {
  width: 100%;
  transition: all 0.5s linear;
}
.card.across-medium .card_img {
  max-height: 236px;
  overflow: hidden;
}
.card.across-medium .col-5,
.card.across-medium .col-7,
.card.across-medium .col-6 {
  padding-left: 0;
  padding-right: 0;
}
.card.across-medium .col-7 {
  height: 100%;
  align-self: center;
}
.card.across-medium .card-body {
  padding: 24px;
  height: 100%;
}
.card.across-medium .card-body .card-title {
  -webkit-line-clamp: 2;
  line-height: 30px;
  margin: 8px 0;
}
.card.across-medium .card-body p {
  -webkit-line-clamp: 2;
  line-height: 20.3px;
}
.card.across-medium .card-body .btn-secondary {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
}
.card.across-medium:hover {
  box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}

.across-medium.small .row {
  height: 100%;
}
.across-medium.small .card_img {
  width: 40%;
  height: 100%;
  max-height: 180px;
  overflow: hidden;
}
.across-medium.small .card-body {
  width: auto;
  padding: 0 24px 0 16px;
  height: 100%;
}
.across-medium.small .card-body h4 {
  font-size: 20px;
  line-height: 25px;
}
.across-medium.small .card-body .btn-secondary {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
}

header .across-medium.small .card-body h4 {
  font-size: 12px;
  line-height: 16.8px;
}
header .no-border,
header .revert {
  display: none;
}

header.stick {
  position: fixed;
  top: -46px;
}

header.dark {
  position: fixed;
}

.up-down.no-link-btn .card_img {
  height: 399px;
}
.up-down.no-link-btn .card-body .card-title {
  -webkit-line-clamp: 1;
  line-height: 30px;
}

.card.no-img-card .card-body {
  padding: 24px;
}
.card.no-img-card .card-body .card-title {
  font-size: 32px;
  line-height: 38.4px;
}
.card.no-img-card .card-body .btn-secondary {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
  font-size: 16px;
}
.card.no-img-card p {
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 23.2px;
}
.card.no-img-card p a {
  font-size: 16px;
}

.card.overlap .tags,
.card.overlap .small-date-card,
.card.overlap .btns {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 16px 0;
  flex-wrap: wrap;
}
.card.overlap .card-text {
  margin: 0 0 16px 0;
}
.card.overlap .btns {
  margin: 0;
}
.card.overlap .btns a.link {
  margin: 0;
  color: var(--bs-primary);
}
.card.overlap .card-body {
  padding: 24px;
}
.card.overlap .card-body .card-title {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 16px 0;
}
.card.overlap .small-date-card {
  gap: 0px 16px;
}
.card.overlap .small-date-card div {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.card.overlap .small-date-card div img {
  width: 20px;
  height: 20px;
}
.card.overlap .small-date-card p {
  font-size: 14px;
  line-height: 20.3px;
}
.card.overlap .btns {
  gap: 12px;
}
.card.overlap .btns a.link {
  padding: 12px 20px;
}

.card.programme {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: var(--xjtlu-cyan-gradient);
  height: 233px;
}
.card.programme .card-body {
  padding: 24px;
  height: 100%;
  justify-content: space-between;
}
.card.programme .card-body .link {
  color: var(--xjtlu-dark-black);
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
}
.card.programme .card-body .link img {
  width: 15px;
  height: 15px;
}
.card.programme .card-body .card-title {
  margin: 0;
}
.card.programme::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--xjtlu-cyan-gradient-radial);
  opacity: 0;
  transition: opacity 0.5s;
  z-index: -1;
}
.card.programme:hover::before {
  opacity: 1;
}
.card.programme:hover {
  -webkit-transform: scale(1.05);
}

.card.xjtlu-aqua-gradient::before {
  background: var(--xjtlu-aqua-gradient-radial);
}

.card.xjtlu-green-gradient::before {
  background: var(--xjtlu-green-gradient-radial);
}

.card.xjtlu-orange-gradient::before {
  background: var(--xjtlu-orange-gradient-radial);
}

.card.xjtlu-grey-gradient::before {
  background: radial-gradient(100% 100% at 100% 74.06%, #acacbf 0%, #e0e0ec 100%) !important;
}

.card.vertical {
  flex: 0 0 calc((100% - 72px) / 4);
  aspect-ratio: 332/300;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  background: var(--xjtlu-background-overlay);
  text-decoration: none;
}
.card.vertical .left {
  display: none;
}
.card.vertical .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.card.vertical .card-overlay {
  padding: 0 16px;
}
.card.vertical .card-overlay h4 {
  color: var(--xjtlu-light-white);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card.vertical .card-overlay h6 {
  color: var(--xjtlu-light-white80);
  margin: 4px 0 20px 0;
}
.card.vertical .bottom {
  width: 100%;
  height: 4px;
}

.card.horizontal {
  flex: 0 0 calc((100% - 24px) / 2);
  display: flex;
  gap: 20px;
  flex-direction: row;
  text-decoration: none !important;
}
.card.horizontal .bottom,
.card.horizontal .bg {
  display: none;
}
.card.horizontal .left {
  flex: 0 0 4px;
  height: auto;
}
.card.horizontal .card-overlay {
  padding: 16px 16px 16px 0;
}
.card.horizontal .card-overlay h4 {
  color: var(--bs-primary);
  margin-bottom: 4px;
  margin-top: 0;
}
.card.horizontal h6 {
  color: var(--xjtlu-dark-tertiary);
}

.card.event-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px 0 16px;
}
.card.event-card .calendar {
  flex: 0 0 88px;
}
.card.event-card .calendar .calendar-title h6 {
  color: var(--xjtlu-light-white);
}
.card.event-card .card-body {
  padding: 24px 0 24px 16px;
}
.card.event-card .card-body .card-title {
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 6px 0;
}
.card.event-card .card-body p {
  font-size: 16px;
  line-height: 23.2px;
}
.card.event-card .card-body .address {
  display: flex;
  gap: 2px;
  align-items: flex-start;
}
.card.event-card .card-body .address img {
  width: 20px;
  height: 20px;
}
.card.event-card .card-body .address p {
  -webkit-line-clamp: 1;
  margin-bottom: 0;
}
.card.event-card .card-body .address.calendars {
  display: none;
}

.large-event-card {
  padding: 0 24px;
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  position: relative;
  align-items: stretch;
  justify-content: space-around;
  height: auto !important;
}
.large-event-card .event-card.large {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  z-index: 1;
}
.large-event-card .event-card.large .card-body .card-title {
  font-size: 24px;
  line-height: 30px;
}
.large-event-card .event-card.large .card-body .address {
  gap: 8px;
  margin-bottom: 4px;
}
.large-event-card .event-card.large .card-body .address p {
  color: var(--xjtlu-dark-black);
}
.large-event-card .event-card.large .card-body .address:last-child {
  margin-bottom: 0;
}
.large-event-card .dark {
  margin: 0;
}
.large-event-card .btns {
  display: flex;
  justify-content: space-between;
}
.large-event-card .btns .btn-secondary {
  position: relative;
  overflow: visible;
  z-index: 2;
}
.large-event-card .btns .link-menu {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--bs-primary);
}
.large-event-card .btns .link-box {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  padding: 12px;
  background: var(--xjtlu-light-white);
  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  min-width: 156px;
  flex-direction: column;
  gap: 25px;
}
.large-event-card .btns .link-box a {
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.large-event-card .btns .link-box a img {
  width: 24px;
  height: 24px;
}
.large-event-card .btns .link-box a:hover {
  color: var(--xjtlu-secondary);
}
.large-event-card .btns .link-box a:hover img {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}
.large-event-card .btns .link-box-open {
  color: var(--xjtlu-secondary);
}
.large-event-card .btns .link-box-open > img {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}
.large-event-card .btns .link-box-open .link-box {
  display: flex;
}

.event-card.small {
  width: 248px;
  padding: 12px 16px;
}
.event-card.small .card-body {
  padding: 0;
}
.event-card.small .card-body .card-title {
  font-size: 16px;
  line-height: 20.8px;
}
.event-card.small .address img {
  width: 18px;
  height: 18px;
}

.card.icon-card {
  align-items: center;
  padding: 24px;
}
.card.icon-card .card_img {
  width: 120px;
  height: 120px;
  flex: none;
  margin-bottom: 12px;
}
.card.icon-card .card-body {
  padding: 0 24px;
  align-items: center;
}
.card.icon-card .card-body .card-title {
  text-align: center;
  margin: 0 0 8px 0;
}
.card.icon-card .card-body h4 {
  text-align: center;
}
.card.icon-card .card-body p {
  text-align: center;
  font-size: 16px;
  line-height: 23.2px;
}
.card.icon-card .card-body p a {
  font-size: 16px;
}
.card.icon-card .card-body a {
  margin-top: 12px;
}
.card.icon-card .card-body .btn-secondary {
  display: flex;
}

.card.white-bg-card {
  background: var(--xjtlu-light-white);
}
.card.white-bg-card .card-body p {
  font-size: 18px;
  line-height: 26.1px;
}

.info-list-box .info-list {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}
.info-list-box .info-list .left-icon {
  width: 20px;
  height: 21px;
  flex-shrink: 0;
}
.info-list-box .info-list .left-icon img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.info-list-box .info-list p {
  font-size: 16px;
  line-height: 23.2px;
  margin-bottom: 0;
}
.info-list-box .info-list a {
  font-size: 16px;
}
.info-list-box .info-list .right-info-item a {
  padding: 0;
}
.info-list-box .email-a {
  text-decoration: underline;
  padding: 0;
}
.info-list-box a {
  padding: 12px 20px;
}

.card.pdf-card {
  padding: 0 33px;
  flex-direction: row;
  align-items: center;
  max-width: 800px;
  background: radial-gradient(100% 100% at 100% 74.06%, #67d293 0%, #0fa393 100%);
  margin: 60px auto;
}
.card.pdf-card a {
  border: 1px solid var(--xjtlu-light-white);
  border-radius: 28px;
  color: var(--xjtlu-light-white);
}
.card.pdf-card a img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.card.pdf-card a:hover {
  background-color: var(--xjtlu-light-white40);
}
.card.pdf-card .btn-primary {
  padding: 16px 32px;
  font-size: 16px;
  line-height: 19.09px;
}
.card.pdf-card .btn-secondary {
  padding: 12px;
  font-size: 12px;
  display: flex;
}
.card.pdf-card .card_img {
  flex-shrink: 0;
  height: 207px;
  max-width: 164px;
  max-height: 207px;
  border-radius: 6px;
  overflow: hidden;
  margin: 24px 0;
}
.card.pdf-card .card_img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card.pdf-card .card-body {
  padding: 30px;
}
.card.pdf-card .card-body .card-title,
.card.pdf-card .card-body a.link {
  color: var(--xjtlu-light-white);
  margin-top: 0;
}
.card.pdf-card .card-body .card-title {
  margin-bottom: 24px;
}
.card.pdf-card .card-body .btns {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}

.subscribe-module {
  padding: 100px 140px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.subscribe-module .bg {
  width: 100%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: -80px;
  z-index: -1;
  border-radius: 0;
}
.subscribe-module .subscribe-box {
  width: 569px;
  padding: 24px 36px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 12px;
}
.subscribe-module .subscribe-box .subscribe-logo {
  width: 64px;
  height: 64px;
}
.subscribe-module .subscribe-box .subscribe-submit {
  display: flex;
  gap: 12px;
}
.subscribe-module .subscribe-box h3,
.subscribe-module .subscribe-box p,
.subscribe-module .subscribe-box a {
  color: var(--bs-primary);
}
.subscribe-module .subscribe-box a {
  border-radius: 28px;
  flex-shrink: 0;
}

.subscribe-module.img-bg-module .text-field {
  display: none;
}

.card-swiper {
  width: 100%;
}
.card-swiper .card {
  width: 100%;
}
.card-swiper .card .card_img {
  aspect-ratio: 688/320;
  overflow: hidden;
  flex: none;
}
.card-swiper .card .card-body {
  padding: 32px;
}
.card-swiper .card .card-body .card-text {
  -webkit-line-clamp: 2;
  margin: 12px 0 68px 0;
}
.card-swiper .card .card-body .card-title {
  margin: 0;
}
.card-swiper .card.up-down .card-body {
  min-height: 235px;
}
.card-swiper .swiper-horizontal > .swiper-pagination-bullets,
.card-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.card-swiper .swiper-pagination-custom,
.card-swiper .swiper-pagination-fraction {
  left: 32px;
  bottom: 32px;
  top: auto;
  width: auto;
}
.card-swiper .change-btn {
  position: absolute;
  z-index: 10;
  right: 32px;
  bottom: 32px;
  top: auto;
  width: auto;
  display: flex;
  gap: 16px;
}

.data-block img {
  width: 72px;
  height: 72px;
  border-radius: 0;
}
.data-block .title {
  margin: 0;
}

.data-block.extra-large {
  text-align: center;
}
.data-block.extra-large .phone {
  display: none;
}
.data-block.extra-large img {
  width: 100px;
  height: 100px;
  margin-bottom: 16px;
}

.data-block.large {
  width: 280px;
  text-align: center;
}
.data-block.large .phone {
  display: none;
}

.data-block.light h2 {
  color: var(--xjtlu-light-white);
}
.data-block.light h4 {
  color: var(--xjtlu-light-white60);
}

.selected:active {
  color: var(--xjtlu-secondary);
}

.stepper-module ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-left: 0 !important;
}
.stepper-module ul li {
  width: 344px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17.5px 24px;
  border: 1px solid #ce57c1;
  box-shadow: 0px 1px 2px 0px rgba(55, 65, 81, 0.08);
  border-radius: 4px;
  position: relative;
  flex-grow: 1;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  cursor: pointer;
}
.stepper-module ul li a {
  width: 100%;
  font-style: normal;
  border: none;
  text-decoration: none;
  color: var(--bs-primary);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.stepper-module ul li p {
  margin: 0;
  font-size: 14px;
  line-height: 20.3px;
  color: var(--xjtlu-dark-tertiary);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.stepper-module ul li::before {
  content: " ";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border-top: 26px solid #fff;
  border-left: 10px solid var(--xjtlu-secondary);
  border-bottom: 26px solid #fff;
}
.stepper-module ul li::after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  right: -20px;
  border-top: 27px solid #fff;
  border-left: 10px solid var(--xjtlu-secondary);
  border-bottom: 27px solid #fff;
}
.stepper-module ul li:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.stepper-module ul li:first-child::before {
  display: none;
}
.stepper-module ul li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.stepper-module ul li:last-child::after {
  display: none;
}
.stepper-module ul li span {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: auto;
  z-index: 999;
  border-top: 28px solid transparent;
  border-left: 11px solid #fff;
  border-bottom: 28px solid transparent;
}
.stepper-module ul li .top {
  left: -2px;
}
.stepper-module ul li .bottom {
  right: -18px;
}
.stepper-module ul .dark-step {
  background: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  color: var(--xjtlu-light-white);
}
.stepper-module ul .dark-step a {
  color: var(--xjtlu-light-white);
}
.stepper-module ul .dark-step p {
  color: var(--xjtlu-light-white);
}
.stepper-module ul .dark-step::before {
  border-top: 27px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 27px solid transparent;
  left: -2px;
}
.stepper-module ul .dark-step::after {
  border-top: 27px solid #fff;
  border-left: 10px solid var(--bs-primary);
  border-bottom: 27px solid #fff;
}
.stepper-module ul .dark-step .top {
  display: none;
}
.stepper-module ul .dark-step .bottom {
  display: none;
}
.stepper-module ul .purple-step {
  background: rgba(206, 87, 193, 0.2);
}
.stepper-module ul .purple-step img {
  width: 20px;
  height: 20px;
}
.stepper-module ul .purple-step span {
  border-left: 11px solid #f5ddf3;
}
.stepper-module ul .purple-step .top {
  background: rgba(206, 87, 193, 0.2);
  border-left: 11px solid #fff;
}
.stepper-module ul .purple-step::before {
  width: 18px;
}
.stepper-module ul .active {
  background: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  color: var(--xjtlu-light-white);
}
.stepper-module ul .active a {
  color: var(--xjtlu-light-white);
}
.stepper-module ul .active p {
  color: var(--xjtlu-light-white);
}
.stepper-module ul .active::before {
  border-top: 27px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 27px solid transparent;
  left: -2px;
}
.stepper-module ul .active::after {
  border-top: 27px solid #fff;
  border-left: 10px solid var(--bs-primary);
  border-bottom: 27px solid #fff;
}
.stepper-module ul .active .top {
  display: none;
}
.stepper-module ul .active .bottom {
  display: none;
}

.section-title {
  background: rgba(0, 0, 0, 0);
}

.header-section-navigation {
  position: relative;
  padding: 280px 140px 60px 140px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(70.78deg, rgba(1, 1, 84, 0.4) 0%, rgba(206, 87, 193, 0.3) 100%);
  background-size: 100% 100%;
  margin-bottom: 100px;
}
.header-section-navigation img {
  border-radius: 0;
}
.header-section-navigation a,
.header-section-navigation h1,
.header-section-navigation p {
  color: var(--xjtlu-light-white);
}
.header-section-navigation p {
  max-width: 925px;
  margin-top: 16px;
  font-size: 18px;
  line-height: 26.1px;
}
.header-section-navigation h1,
.header-section-navigation h3 {
  margin-bottom: 0;
}
.header-section-navigation h1 {
  margin: 24px 0 0 0;
  line-height: 75.6px;
}
.header-section-navigation .title-pole {
  position: relative;
}
.header-section-navigation .pole {
  width: 105px;
  height: 4px;
  position: absolute;
  left: -140px;
  top: 35px;
}
.header-section-navigation .ipad,
.header-section-navigation .phone {
  display: none;
}
.header-section-navigation .breadcrumb {
  margin-bottom: 0;
}
.header-section-navigation .bg {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.header-section-navigation .tag-group {
  margin-top: 24px;
}

.header-section-navigation.no-cover {
  background: linear-gradient(180deg, rgba(1, 5, 68, 0.2) 34%, rgba(206, 87, 193, 0) 100%);
  padding: 200px 140px 60px 140px;
  margin-bottom: 0;
}
.header-section-navigation.no-cover a,
.header-section-navigation.no-cover h1,
.header-section-navigation.no-cover p,
.header-section-navigation.no-cover h2 {
  color: var(--bs-primary);
}
.header-section-navigation.no-cover h2 {
  margin-top: 8px;
  font-size: 32px;
  line-height: 38.4px;
}
.header-section-navigation.no-cover .breadcrumb .breadcrumb-item.active .link {
  color: var(--xjtlu-secondary);
}
.header-section-navigation.no-cover .pole {
  background: var(--xjtlu-main-horizontal);
}

.posters {
  text-align: center;
  display: inline-block;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.posters img {
  width: 100%;
  margin-bottom: 12px;
}

.shadow-picture {
  width: 890px;
  height: 720px;
  position: relative;
}
.shadow-picture .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.shadow-picture img {
  border-radius: 12px;
}

.shadow-picture.no-bg {
  background: none;
}

.shadow-picture-swiper {
  position: relative;
}
.shadow-picture-swiper .swiper-horizontal > .swiper-pagination-bullets,
.shadow-picture-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.shadow-picture-swiper .swiper-pagination-custom,
.shadow-picture-swiper .swiper-pagination-fraction {
  bottom: 24px;
  top: auto;
}
.shadow-picture-swiper .btn-left,
.shadow-picture-swiper .btn-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 24px;
}
.shadow-picture-swiper .btn-right {
  right: 24px;
  left: auto;
}
.shadow-picture-swiper .card-img-bg {
  max-height: 720px;
  height: 720px;
}
.shadow-picture-swiper .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
}

.captions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 16px 16px 16px;
  border-radius: 12px;
  overflow: hidden;
}
.captions .caption {
  background: var(--xjtlu-light-white80);
  padding: 12px 0;
  text-align: center;
  border-radius: 12px;
  color: var(--bs-primary);
}

.captions.small {
  width: auto;
  height: auto;
  aspect-ratio: 332/332;
}

.xjtlu-accordion {
  width: 100%;
}
.xjtlu-accordion .accordion-item {
  background: var(--xjtlu-light-secondary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.xjtlu-accordion .accordion-item .accordion-button,
.xjtlu-accordion .accordion-item .accordion-button:not(.collapsed) {
  background: var(--xjtlu-light-secondary);
  box-shadow: none;
}
.xjtlu-accordion .accordion-item .accordion-button::after,
.xjtlu-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: var(--xjtlu-accordion-btn-icon);
}
.xjtlu-accordion .accordion-item .accordion-button:not(.collapsed)::after,
.xjtlu-accordion .accordion-item .accordion-button:not(.collapsed):not(.collapsed)::after {
  background-image: var(--xjtlu-accordion-btn-active-icon);
}
.xjtlu-accordion .accordion-item .accordion-button:focus,
.xjtlu-accordion .accordion-item .accordion-button:not(.collapsed):focus {
  border: none;
}
.xjtlu-accordion .accordion-item .accordion-header {
  margin: 0;
}
.xjtlu-accordion .accordion-item .accordion-header h4 {
  margin-bottom: 0;
}
.xjtlu-accordion .accordion-item .accordion-button {
  padding: 14px 24px;
}
.xjtlu-accordion .accordion-item .accordion-header:has(.accordion-button.collapsed) + hr {
  opacity: 0;
}
.xjtlu-accordion .accordion-item .accordion-collapse .accordion-body {
  padding-left: 24px;
  padding-right: 24px;
}
.xjtlu-accordion .accordion-item .accordion-collapse .accordion-body h5 {
  margin: 16px 0;
}
.xjtlu-accordion .accordion-item .accordion-collapse .accordion-body h5:first-child {
  margin-top: 0;
}
.xjtlu-accordion .accordion-item .accordion-collapse .accordion-body a {
  text-decoration: underline;
}
.xjtlu-accordion .accordion-item .accordion-collapse .accordion-body ul {
  margin-bottom: 10px;
}
.xjtlu-accordion .accordion-item .dark {
  margin: 0 auto !important;
  width: calc(100% - 48px);
}

.border-none .accordion-item {
  border: none;
  background: var(--xjtlu-light-white);
  margin-bottom: 0;
}
.border-none .accordion-item .accordion-button {
  background: var(--xjtlu-light-white) !important;
  padding: 14px 16px;
}
.border-none .accordion-item .accordion-button .link {
  color: var(--bs-primary);
}
.border-none .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
}
.border-none .accordion-item .accordion-collapse .accordion-body .depth_1 {
  padding: 0;
}
.border-none .accordion-item .accordion-collapse .accordion-body .depth_1 .depth_1_menu {
  padding-left: 32px;
}

.a-links-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.introduction-video {
  padding: 100px 0;
  background: var(--xjtlu-light-secondary);
}
.introduction-video .wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
.introduction-video .video-block {
  flex: 0 0 70%;
  width: 100%;
}
.introduction-video .video-block .xjtlu-video {
  aspect-ratio: 925/520;
}
.introduction-video .section-header {
  background: none;
}
.introduction-video .section-header h2.title {
  margin: 4px 0 12px 0;
}

.title-line {
  width: 120px;
  height: 8px;
}

.pole-text {
  display: flex;
  gap: 16px;
  align-items: center;
}
.pole-text .pole {
  flex-shrink: 0;
  width: 4px;
  align-self: stretch;
  height: auto;
  background: var(--xjtlu-main-vertical);
}

.qrcode-list {
  margin-top: 32px;
}
.qrcode-list img {
  width: 180px;
  height: 180px;
  margin: 0 auto 10px auto;
}

.gride {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.gride .gride-item1 {
  width: 100%;
}
.gride .gride-item3-block {
  flex: 0 0 calc((100% - 48px) / 3);
  height: 233px;
}
.gride .gride-item3 {
  flex: 0 0 calc((100% - 48px) / 3);
  height: 100%;
}
.gride .gride-item2 {
  flex: 0 0 calc((100% - 24px) / 2);
  height: 100%;
}
.gride .gride-item2-img {
  width: calc((100% - 24px) / 2);
  border-radius: 12px;
}
.gride .gride-item4 {
  flex: 0 0 calc((100% - 72px) / 4);
}
.gride .gride-item5-link {
  flex: 0 0 calc((100% - 96px) / 5);
  height: 100%;
}
.gride .across-medium .card_img {
  width: 50%;
}

.gride-vertical {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.gride-vertical-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.gride-vertical-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.gride3-2-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.img-video-group-line1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  max-height: 360px;
  overflow: hidden;
  gap: 20px;
  height: 100%;
}
.img-video-group-line1 img,
.img-video-group-line1 video {
  width: 100%;
  height: 100%;
}
.img-video-group-line1 img {
  -o-object-fit: cover;
     object-fit: cover;
}

.img-video-group-line2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  height: 100%;
}
.img-video-group-line2 img,
.img-video-group-line2 video {
  width: 100%;
  height: 100%;
}
.img-video-group-line2 img {
  -o-object-fit: cover;
     object-fit: cover;
}

.img-video-group-line3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 20px;
  height: 100%;
}
.img-video-group-line3 img,
.img-video-group-line3 video {
  width: 100%;
  height: 100%;
}
.img-video-group-line3 img {
  -o-object-fit: cover;
     object-fit: cover;
}

.image-top-block .card {
  height: auto;
}
.image-top-block .card .card-body {
  padding: 0;
  justify-content: space-between;
  flex: 1 1 100%;
}
.image-top-block .card .card-body .card-title {
  margin-top: 24px;
  margin-bottom: 4px;
  -webkit-line-clamp: 2;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.02em;
}
.image-top-block .card .card-body p {
  -webkit-line-clamp: 2;
  margin: 0 0 12px 0;
}
.image-top-block .card .card-body .btn-primary {
  display: none;
}
.image-top-block .card .card_img {
  flex: none;
  height: 280px;
  border-radius: 12px;
  overflow: hidden;
}

.block-item3 .card .card-body {
  justify-content: flex-start;
}

.article-module-left-right-layout .section-title {
  width: 100%;
  margin-bottom: 24px;
}

.article-module-left-right-layout-list {
  width: 100%;
  display: flex;
  gap: 24px;
}
.article-module-left-right-layout-list .card .card-title {
  -webkit-line-clamp: 2;
  margin-top: 0;
}
.article-module-left-right-layout-list .card .tags {
  margin-bottom: 16px;
}
.article-module-left-right-layout-list .card .card-body .btn-secondary {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
}
.article-module-left-right-layout-list .left {
  flex: 0 0 calc((100% - 24px) / 2);
  min-height: 750px;
}
.article-module-left-right-layout-list .left .card {
  width: 100%;
  height: 100%;
}
.article-module-left-right-layout-list .left .card .card_img {
  max-height: 458px;
  overflow: hidden;
  aspect-ratio: 688/368;
}
.article-module-left-right-layout-list .left .card .card_img img {
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.article-module-left-right-layout-list .left .card .card-text {
  font-size: 16px;
  line-height: 23.2px;
}
.article-module-left-right-layout-list .left .card:hover {
  box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
  transition: all 0.5s linear;
}
.article-module-left-right-layout-list .right {
  flex: 0 0 calc((100% - 24px) / 2);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.article-module-left-right-layout-list .right .card {
  width: 100%;
}
.article-module-left-right-layout-list .right .card:nth-child(-n+3) {
  min-height: calc((100% - 40px) / 3);
}
.article-module-left-right-layout-list .right .card .row {
  height: 100%;
  width: 100%;
  margin-left: 0;
}
.article-module-left-right-layout-list .right .card:hover {
  box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
  transition: all 0.5s linear;
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}
.article-module-left-right-layout-list .right .card .card_img {
  overflow: hidden;
}
.article-module-left-right-layout-list .right .card .card-body .tags {
  margin-bottom: 0;
}
.article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
  display: block;
}
.article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
  display: none;
}
.article-module-left-right-layout-list .right .card:last-child {
  margin-bottom: 0;
}

.call-to-action-3 {
  position: relative;
  padding: 100px 90px 200px 90px;
  width: 94%;
  margin: 60px auto 0 auto;
  overflow: hidden;
  background: linear-gradient(109.22deg, rgba(1, 5, 68, 0.3) 0%, rgba(206, 87, 193, 0.2) 100%, rgb(206, 87, 193) 100%);
  border-radius: 12px;
}
.call-to-action-3 .pole {
  width: 72px;
  height: 4px;
  position: absolute;
  top: 111px;
  left: 0;
}
.call-to-action-3 .bg {
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  transition: all 0.2s ease;
}
.call-to-action-3 h5,
.call-to-action-3 h2 {
  max-width: 807px;
  color: var(--xjtlu-light-white);
}
.call-to-action-3 h2 {
  line-height: 55.2px;
  margin: 4px 0 32px 0;
  padding: 0;
}
.call-to-action-3 h4,
.call-to-action-3 p {
  color: var(--xjtlu-light-white);
}
.call-to-action-3 p {
  font-size: 18px;
  line-height: 26.1px;
}
.call-to-action-3 .btn-primary {
  border-radius: 28px;
  color: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white);
  font-weight: 600;
}
.call-to-action-3 .btn-primary img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.call-to-action-3 .user-business-card {
  position: absolute;
  right: 85px;
  bottom: -32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
.call-to-action-3 .user-business-card img {
  width: 197px;
  height: 197px;
  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.15);
}
.call-to-action-3 .user-business-card > div {
  width: 195px;
}

.sidebar-box {
  width: 332px;
  flex-shrink: 0;
  overflow-y: auto;
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  border-radius: 12px;
  background: var(--xjtlu-light-white);
  z-index: 10;
  overflow-y: overlay;
}
.sidebar .omit-select {
  flex-shrink: 0;
}
.sidebar .omit-select .side-nav {
  width: 332px;
  left: auto;
  right: 0;
}
.sidebar .view-more {
  display: none;
  height: 100%;
  align-items: center;
  cursor: pointer;
}
.sidebar .view-more img {
  width: 24px;
  height: 24px;
}
.sidebar .xjtlu-accordion .accordion-item {
  border-radius: 0;
}
.sidebar .xjtlu-accordion .accordion-item .accordion-button::after {
  background-image: url("../images/mutation1_down_little.svg");
}
.sidebar .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("../images/mutation1_up_little_black.svg");
}
.sidebar .choose-select {
  width: 100%;
  position: relative;
}
.sidebar .view-input {
  display: none;
  cursor: pointer;
  width: 323px;
  padding: 19px 16px;
  background: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-dark-black10);
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  position: relative;
}
.sidebar .view-input .text {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sidebar .view-input input {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--xjtlu-dark-black);
}
.sidebar .view-input input::-moz-placeholder {
  color: var(--xjtlu-dark-black);
}
.sidebar .view-input input::placeholder {
  color: var(--xjtlu-dark-black);
}
.sidebar .choose-down.rotate-img {
  transform: rotate(180deg) !important;
}
.sidebar .side-nav-link {
  position: relative;
  display: block;
}
.sidebar .row-layouts .side-nav {
  border: 1px solid var(--xjtlu-light-tertiary);
  padding: 16px;
  border-radius: 12px;
  margin: 40px 0 80px 0;
  width: 100%;
}
.sidebar .row-layouts .side-nav .nav-item {
  display: flex;
  padding: 0;
}
.sidebar .row-layouts .side-nav .nav-item .active {
  background: var(--xjtlu-navy5);
  color: var(--bs-primary);
}
.sidebar .row-layouts .side-nav .nav-item li {
  padding: 0;
}
.sidebar .row-layouts .side-nav .nav-item a {
  padding: 10px 16px;
  border-radius: 12px;
}
.sidebar .multiple-link-select {
  display: none;
}
.sidebar .swiper {
  width: 100%;
  border: none;
}
.sidebar .swiper .swiper-wrapper {
  padding: 0;
}
.sidebar .swiper .swiper-wrapper .swiper-slide {
  padding: 0;
}
.sidebar .swiper .swiper-wrapper .active {
  background: none;
}
.sidebar .swiper .swiper-wrapper .active a {
  background: var(--xjtlu-navy5);
}
.sidebar .swiper .swiper-wrapper .link {
  color: var(--bs-primary);
}

.anchor-bar {
  width: 100%;
  border: 1px solid var(--xjtlu-light-secondary);
  border-radius: 12px;
  overflow: hidden;
  background: var(--xjtlu-light-white);
}
.anchor-bar ul {
  display: flex;
  padding: 16px !important;
}
.anchor-bar ul li {
  padding: 10px 16px;
  border-radius: 8px;
  list-style-type: none !important;
}
.anchor-bar ul li a {
  color: var(--bs-primary);
}
.anchor-bar ul .active {
  background: var(--xjtlu-dark-black15);
}

.anchor-bar-box {
  height: 77px;
  position: sticky;
  top: 85px;
  z-index: 9;
  background: var(--xjtlu-light-white);
}

.anchor-is-fixed::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  width: 100%;
  height: 20px;
  background: var(--xjtlu-light-white);
}

.anchor-bar-stick {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
  position: fixed;
  z-index: 15;
  top: 86px;
  width: calc(86% - 342px);
}

.cover-block {
  height: 80px;
  width: 100%;
  display: none;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
  z-index: 10;
}

.cover-block-active {
  display: block;
  position: fixed;
  top: 66px;
  left: 0;
}

.menu-footer-change {
  position: absolute;
}

.state-data-block {
  margin: 40px 0 60px 0;
}
.state-data-block .date {
  text-align: center;
  color: var(--xjtlu-dark-tertiary);
  font-size: 16px;
  line-height: 23.2px;
}

.data-list4 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.data-list4 .data-block {
  flex: 0 0 calc((100% - 72px) / 4);
  height: 100%;
  text-align: center;
}
.data-list4 .data-block .title {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}
.data-list4 .data-block h5 {
  color: var(--xjtlu-dark-secondary);
}
.data-list4 .data-block img {
  width: 72px;
  height: 72px;
  margin-bottom: 8px;
}

.program-details-module {
  background: var(--xjtlu-cyan-gradient);
  padding: 24px;
  border-radius: 12px;
}
.program-details-module .link-item {
  display: flex;
  gap: 12px;
  align-items: center;
  height: auto;
}
.program-details-module .link-item .icon {
  width: 48px;
  height: 48px;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-details-module .link-item .icon img {
  width: 32px;
  height: 32px;
}
.program-details-module .link-item .link-extra-small,
.program-details-module .link-item h6 {
  color: var(--bs-primary);
}
.program-details-module .link-item .underline {
  text-decoration: underline;
}

.programme-btn-link {
  display: flex;
  gap: 12px;
  align-items: center;
  flex: 0 0 100%;
  position: relative;
}
.programme-btn-link .icon {
  width: 48px;
  height: 48px;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.programme-btn-link .icon img {
  width: 32px;
  height: 32px;
  border-radius: 0;
}
.programme-btn-link .link-extra-small,
.programme-btn-link h6 {
  color: var(--bs-primary);
}
.programme-btn-link .underline {
  text-decoration: underline;
}
.programme-btn-link .go-btn {
  font-size: 14px;
  line-height: 16.7px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.programme-btn-link .go-btn img {
  width: 15px;
  height: 15px;
}
.programme-btn-link .phone-go-btn {
  width: 12px;
  height: 12px;
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.alphabet-list {
  padding: 24px 0 32px 0;
}
.alphabet-list ul {
  display: flex;
  gap: 2px;
}
.alphabet-list ul li {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alphabet-list ul li a {
  color: var(--xjtlu-dark-tertiary);
}
.alphabet-list ul .active {
  border: 1px solid var(--xjtlu-secondary);
}
.alphabet-list ul .active a {
  color: var(--bs-primary);
}

.marquee .swiper-slide {
  width: auto;
}
.marquee .swiper-slide .shadow-picture {
  width: 360px;
  height: 360px;
  padding-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.marquee .swiper-slide .shadow-picture .caption {
  padding: 12px 16px;
}
.marquee .swiper-slide a {
  text-decoration: none;
}
.marquee .swiper-slide img {
  width: 360px;
  height: 360px;
}

.marquee.swiper-free-mode .swiper-wrapper {
  transition-timing-function: linear;
}

.logoSwiper .swiper-slide img {
  width: 264px;
  height: 90px;
  overflow: hidden;
  border-radius: 0;
}

.horizontal-card {
  width: 100%;
  margin: 60px 0;
  display: flex;
  align-items: center;
  gap: 48px;
}
.horizontal-card .img-desc,
.horizontal-card .section-header,
.horizontal-card .swiper {
  flex: 1;
}
.horizontal-card .cover-card .card_img {
  height: auto;
  max-height: none;
}
.horizontal-card .img-desc {
  position: relative;
  overflow: hidden;
}
.horizontal-card .img-desc img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.horizontal-card .img-desc .overlay-box {
  position: absolute;
  color: var(--xjtlu-light-white);
  bottom: -20px;
  left: -20px;
  border: 10px var(--xjtlu-light-white) solid;
  border-radius: 12px;
  background: var(--xjtlu-light-white);
}
.horizontal-card .img-desc .overlay-box .overlay-content {
  width: 244px;
  background: var(--bs-primary);
  text-align: center;
  padding: 24px 24px 44px 24px;
  border-radius: 12px;
}
.horizontal-card .img-desc .overlay-box .percentage-box {
  font-size: 32px;
  font-weight: 600;
}
.horizontal-card .img-desc .overlay-box.right {
  right: -20px;
  left: auto;
}
.horizontal-card .section-header {
  background: none;
  width: 100%;
}
.horizontal-card .section-header .btns {
  gap: 8px;
  flex-wrap: wrap;
  justify-content: left;
}
.horizontal-card .section-header .btns a.link {
  border-radius: 28px;
}
.horizontal-card .section-header .btn-flat {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.horizontal-card .section-header .btn-flat .btn-primary {
  flex: 1;
  color: var(--bs-primary);
  background: var(--xjtlu-light-secondary);
  border-radius: 8px;
  padding: 12px 16px;
}
.horizontal-card .section-header h4 {
  display: none;
  color: var(--xjtlu-secondary);
}
.horizontal-card .section-header .text {
  display: block;
}
.horizontal-card .section-header .title {
  line-height: 38.4px;
  margin: 0 0 12px 0;
}
.horizontal-card .content-desc p {
  font-size: 18px;
  line-height: 26.1px;
  margin-bottom: 24px;
}
.horizontal-card .btn-secondary {
  border: 1px solid var(--xjtlu-dark-tertiary);
}

.horizontal-card .btn-flat:first-of-type {
  margin-top: 24px;
}

.horizontal-card2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.horizontal-card2 .img-desc,
.horizontal-card2 .section-header {
  flex: 0 0 calc((100% - 24px) / 2);
}
.horizontal-card2 .img-desc img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.horizontal-card2 .section-header {
  background: none;
}
.horizontal-card2 .section-header .btns {
  justify-content: left;
}
.horizontal-card2 .section-header .btns a.link {
  border-radius: 28px;
}
.horizontal-card2 .section-header h4 {
  display: none;
}
.horizontal-card2 .section-header .text {
  display: block;
}
.horizontal-card2 .section-header .title {
  line-height: 38.4px;
}
.horizontal-card2 .section-header .icon-desc {
  display: flex;
  gap: 8px;
}
.horizontal-card2 .content-desc p {
  font-size: 18px;
  line-height: 26.1px;
  margin-bottom: 24px;
}
.horizontal-card2 .content-desc .btns {
  display: flex;
  gap: 24px;
}
.horizontal-card2 p:last-child {
  margin-bottom: 0;
}
.horizontal-card2 .btn-secondary {
  border: 1px solid var(--xjtlu-dark-tertiary);
}

.horizontal-card-group2 .horizontal-card:first-child,
.horizontal-card-group1 .horizontal-card:first-child {
  margin-top: 0;
}

.horizontal-card-group1 .cover-card {
  width: auto;
  flex: 1;
}
.horizontal-card-group1 .horizontal-card .img-desc {
  border-radius: 12px;
}

.interested .call-to-action-1 {
  padding: 100px 140px 200px 140px;
}
.interested .call-to-action-1 h5,
.interested .call-to-action-1 h2 {
  max-width: 807px;
  padding: 0;
}
.interested .call-to-action-1 h2 {
  margin: 4px 0 32px 0;
}

.xjtlu-video {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.xjtlu-video video {
  width: 100%;
  height: 100%;
  position: relative;
}
.xjtlu-video .video-desc {
  position: absolute;
  background: var(--xjtlu-light-white40);
  top: 24px;
  left: 24px;
  z-index: 10;
  padding: 16px 32px;
  border-radius: 12px;
}
.xjtlu-video .video-desc h4 {
  margin: 0;
  color: var(--xjtlu-light-white);
}
.xjtlu-video .video-js {
  height: 100% !important;
}
.xjtlu-video .video-js .vjs-big-play-button {
  width: 86px;
  height: 86px;
  background-color: var(--xjtlu-light-white);
  border-radius: 50%;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
}
.xjtlu-video .vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}
.xjtlu-video .video-js .vjs-big-play-button .vjs-control-text {
  display: none;
}
.xjtlu-video .video-js .vjs-big-play-button .vjs-icon-placeholder {
  width: 100%;
  height: 100%;
  display: block;
}
.xjtlu-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: url("../images/play_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
}
.xjtlu-video .video-js:hover .vjs-big-play-button {
  background-color: var(--xjtlu-light-white);
}
.xjtlu-video .video-plays {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.video-swiper {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}
.video-swiper .swiper-horizontal > .swiper-pagination-bullets,
.video-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.video-swiper .swiper-pagination-custom,
.video-swiper .swiper-pagination-fraction {
  bottom: 24px;
  top: auto;
}
.video-swiper .btn-left,
.video-swiper .btn-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 24px;
}
.video-swiper .btn-right {
  left: auto;
  right: 24px;
}

.call-to-action-1 {
  position: relative;
  padding: 100px 140px 200px 140px;
  overflow: hidden;
  background: linear-gradient(109.22deg, rgba(1, 5, 68, 0.3) 0%, rgba(206, 87, 193, 0.2) 100%, rgb(206, 87, 193) 100%);
}
.call-to-action-1 .pole {
  width: 120px;
  height: 4px;
  position: absolute;
  top: 111px;
  left: 0;
}
.call-to-action-1 .bg {
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  transition: all 0.2s ease;
}
.call-to-action-1 h5,
.call-to-action-1 h2 {
  padding-left: 90px;
  max-width: 920px;
  color: var(--xjtlu-light-white);
}
.call-to-action-1 h5 {
  padding-left: 0;
}
.call-to-action-1 h2 {
  line-height: 55.2px;
  margin: 4px 0 32px 0;
  padding: 0;
}
.call-to-action-1 h4,
.call-to-action-1 p {
  color: var(--xjtlu-light-white);
}
.call-to-action-1 p {
  font-size: 18px;
  line-height: 26.1px;
}
.call-to-action-1 a.link {
  border-radius: 28px;
}
.call-to-action-1 .user-business-card {
  position: absolute;
  right: 35px;
  bottom: -32px;
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}
.call-to-action-1 .user-business-card img {
  width: 197px;
  height: 197px;
  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.15);
}
.call-to-action-1 .user-business-card p {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  line-height: 22px;
}
.call-to-action-1 .user-business-card > div {
  width: 210px;
  height: 164px;
  max-height: 164px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.call-to-action-1 .user-business-card > div h4 {
  margin: 0;
}
.call-to-action-1 .user-business-card > div h4 a {
  color: var(--xjtlu-light-white);
}

.call-to-action-1.quote-photo {
  overflow: initial;
  padding: 80px 85px 183px 82px;
}
.call-to-action-1.quote-photo .pole {
  top: 105px;
  width: 58px;
}
.call-to-action-1.quote-photo h2 {
  margin: 0;
}
.call-to-action-1.quote-photo .top-little-icon {
  position: absolute;
  width: 97.53px;
  height: 78px;
  top: 30.5px;
  left: 35.72px;
  opacity: 0.2;
}

.call-to-action-1.quote {
  padding: 80px 128px 60px 82px;
}
.call-to-action-1.quote .pole {
  width: 58px;
  top: 112px;
}
.call-to-action-1.quote h2 {
  margin-bottom: 60px;
}
.call-to-action-1.quote .top-little-icon {
  position: absolute;
  width: 97.53px;
  height: 78px;
  top: 30.5px;
  left: 35.72px;
  opacity: 0.2;
}

.call-to-action-1.round {
  border-radius: 12px;
}

.call-to-action-1.inline {
  padding: 60px 0 120px 48px;
}
.call-to-action-1.inline .pole {
  width: 32px;
  height: 4px;
  top: 112px;
}
.call-to-action-1.inline h6 {
  color: var(--xjtlu-light-white);
}
.call-to-action-1.inline .top-little-icon {
  position: absolute;
  width: 97.53px;
  height: 78px;
  top: 30.5px;
  left: 35.72px;
  opacity: 0.2;
}

.call-to-action-1.no-imgBg {
  padding: 80px 128px 60px 82px;
  margin: 0 0 60px 0;
}
.call-to-action-1.no-imgBg h2 {
  margin-bottom: 60px;
}
.call-to-action-1.no-imgBg .pole {
  width: 58px;
}

.call-to-action-2 {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: linear-gradient(70.78deg, rgba(1, 1, 84, 0.1) 0%, rgba(206, 87, 193, 0.1) 100%);
}
.call-to-action-2 .bg {
  position: absolute;
  top: -110px;
  left: 0;
  width: 100%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  transition: all 0.2s ease;
}
.call-to-action-2 h5,
.call-to-action-2 h2,
.call-to-action-2 p {
  width: 560px;
  color: var(--xjtlu-light-white);
}
.call-to-action-2 h5 {
  margin-bottom: 4px;
}
.call-to-action-2 p {
  margin: 12px 0 24px 0;
}
.call-to-action-2 a.link {
  border-radius: 28px;
}

.call-to-action-2.round {
  border-radius: 12px;
}

.banner-call-to-action {
  padding: 296px 90px 32px 90px;
}
.banner-call-to-action h5,
.banner-call-to-action h2,
.banner-call-to-action p {
  width: 100%;
}
.banner-call-to-action h2 {
  margin-bottom: 4px;
}
.banner-call-to-action p {
  margin: 0 0 24px 0;
}

.portal-block {
  position: relative;
  width: 100%;
  padding: 156px 24px 24px 24px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
}
.portal-block img, .portal-block svg {
  width: 72px;
  height: 72px;
}
.portal-block .ipad {
  display: none;
}
.portal-block .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-block .desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portal-block .desc h3 {
  color: var(--xjtlu-light-white);
  margin: 0;
}
.portal-block .desc img, .portal-block .desc svg {
  width: 32px;
  height: 32px;
}

.portal-block-menu {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
}
.portal-block-menu .portal-block {
  width: 100%;
  height: auto;
  border-radius: 0;
  padding: 156px 24px 24px 24px;
  margin-bottom: 0;
  background: linear-gradient(195.27deg, rgba(27, 27, 35, 0) 10.72%, rgba(27, 27, 35, 0.95) 89.28%);
}
.portal-block-menu .menu-block {
  padding: 24px 12px;
  background: var(--xjtlu-light-secondary);
}
.portal-block-menu .menu-block ul {
  display: grid;
  gap: 8px 34px;
  grid-template-columns: 1fr 1fr;
  padding: 0 !important;
  width: 100%;
}
.portal-block-menu .menu-block ul li {
  flex: 0 0 calc(50% - 58px);
  padding: 12px 16px;
  list-style-type: none !important;
}
.portal-block-menu .menu-block ul li h5 {
  color: var(--bs-primary);
  margin: 0;
}

.portal-block-menu:last-child,
.portal-block:last-child {
  margin-bottom: 0;
}

.business-card {
  width: 100%;
  text-align: center;
}
.business-card .business-card-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
}
.business-card .business-card-img img {
  max-width: 320px;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  width: 100%;
}
.business-card a {
  text-decoration: none;
}
.business-card p {
  margin: 8px 0;
  font-size: 16px;
  line-height: 23.2px;
}
.business-card .email {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.business-card .email img {
  width: 20px;
  height: 20px;
}
.business-card .email div {
  display: flex;
  gap: 8px;
  align-items: start;
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.business-card .email .different-view span {
  display: none;
}
.business-card .email .different-view span:first-child {
  display: block;
}
.business-card .card-content {
  max-width: 320px;
  margin: 0 auto;
}
.business-card .card-content h4,
.business-card .card-content h6,
.business-card .card-content p {
  text-align: left;
}
.business-card .card-content .email {
  justify-content: flex-start;
}
.business-card:hover .business-card-img img {
  box-shadow: 0px 12px 40px 0px var(--xjtlu-dark-black15);
}
.business-card h4,
.business-card a {
  color: var(--bs-primary);
}
.business-card h6,
.business-card p {
  color: var(--xjtlu-dark-secondary);
}
.business-card .email-link:hover {
  text-decoration: underline;
}
.business-card .different-view .ipad-view,
.business-card .different-view .phone-view {
  display: none;
}

.business-card.left {
  text-align: left;
}
.business-card.left .business-card-img img {
  width: 300px;
  height: 300px;
}
.business-card.left .email {
  justify-content: flex-start;
}
.business-card.left .email a {
  color: var(--bs-primary);
}

.business-card.round-head .business-card-img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.round-head.left {
  display: flex;
  gap: 16px;
}
.round-head.left .business-card-img {
  width: auto;
}
.round-head.left h5,
.round-head.left .email p {
  color: var(--bs-primary);
}

.round-head.small {
  width: 304px;
}
.round-head.small .business-card-img img {
  width: 70px;
  height: 70px;
}

.business-card.align-left {
  text-align: left;
}
.business-card.align-left .business-card-img,
.business-card.align-left .email {
  justify-content: flex-start;
}
.business-card.align-left .card-content {
  margin: 0;
}

.testimonial {
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
  padding: 32px;
}
.testimonial p {
  margin: 0;
}
.testimonial .desc {
  color: var(--bs-primary);
  max-width: 800px;
  margin: 24px 0;
}
.testimonial .avatar {
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial.small {
  padding: 24px 16px;
  text-align: center;
}
.testimonial.small .avatar {
  width: 32px;
  height: 32px;
}
.testimonial.small .desc {
  color: var(--bs-primary);
  max-width: 800px;
  margin: 24px auto;
}

.testimonial.horizontal {
  width: 100%;
  padding: 100px 98px;
  text-align: center;
  background: var(--xjtlu-light-secondary);
  margin: 60px 0;
  border-radius: 12px;
}
.testimonial.horizontal p,
.testimonial.horizontal h5 {
  margin: 0 auto;
}
.testimonial.horizontal img {
  margin: 24px auto 12px auto;
}
.testimonial.horizontal p.desc {
  color: var(--xjtlu-dark-secondary);
}

.wrapper {
  width: 86%;
  max-width: 1380px;
  margin: 0 auto;
}

.wrapper > :first-child {
  margin-top: 0 !important;
}

.wrapper > :last-child {
  margin-bottom: 0;
}

.wrapper-thin {
  width: 800px;
  margin: 0 auto;
}
.wrapper-thin .posters {
  height: 500px;
}
.wrapper-thin .posters img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper-thin > :last-child {
  margin-bottom: 0;
}

header {
  position: fixed;
  width: 100%;
  z-index: 30;
  top: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
header::before {
  background-color: transparent;
}
header a {
  color: var(--bs-primary);
  font-size: 16px;
}
header .active {
  background: var(--xjtlu-navy5);
  border-radius: 8px;
}
header hr {
  margin: 0;
}
header .hamburger {
  display: none;
}
header .hamburger img, header .hamburger svg {
  width: 20px;
  height: 20px;
}
header .header-main {
  display: flex;
  height: 65px;
  align-items: center;
  justify-content: space-between;
  padding: 0 84px;
  position: relative;
}
header .header-main .header-logo {
  flex: 0 0 220px;
  height: 32.7px;
}
header .header-main .header-logo img, header .header-main .header-logo svg {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
header .header-main .menus {
  display: flex;
}
header .header-main .menus .menu-item {
  padding: 10px 16px;
  border-radius: 8px;
  position: relative;
}
header .header-main .menus .menu-item:hover {
  background: #f2f2f9;
}
header .header-main .menus .menu-item:hover a {
  color: #ce57c1;
}
header .header-main .menus .menu-item:hover .sub-menu {
  opacity: 1;
  display: block !important;
}
header .header-main .menus .menu-item:hover:last-child:hover .sub-menu, header .header-main .menus .menu-item:hover:nth-last-child(2):hover .sub-menu {
  display: flex !important;
}
header .header-main .menus .menu-item:hover:last-child .sub-menu, header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu {
  padding: 0;
}
header .header-main .menus .menu-item:hover:last-child .sub-menu .children_menu1,
header .header-main .menus .menu-item:hover:last-child .sub-menu .children_menu2, header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu .children_menu1,
header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu .children_menu2 {
  padding: 24px;
}
header .header-main .menus .menu-item .connect {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: -30px;
}
header .header-main .menus .menu-item .sub-menu {
  display: none;
  opacity: 0;
  animation-direction: normal;
  animation-name: submenu_animation;
  animation-duration: 500ms;
  animation-timing-function: linear;
  position: absolute;
  top: 66px;
  padding: 24px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
  border: 1px solid rgba(27, 27, 35, 0.1019607843);
  border-radius: 12px;
}
header .header-main .menus .menu-item .sub-menu hr {
  margin: 12px 0;
  opacity: 1;
}
header .header-main .menus .menu-item .sub-menu ul {
  display: flex;
  gap: 24px;
}
header .header-main .menus .menu-item .sub-menu ul ul {
  display: block;
}
header .header-main .menus .menu-item .sub-menu ul a:hover {
  color: var(--xjtlu-secondary);
}
header .header-main .menus .menu-item .sub-menu ul > li {
  flex: 1;
  width: 237px;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > li {
  margin-bottom: 16px;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > li a {
  display: block;
  color: var(--bs-primary);
  font-weight: 600;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > li ul {
  padding-left: 12px;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > li ul li a {
  font-size: 14px;
  line-height: 20.3px;
  font-weight: 400;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > ul li {
  padding-bottom: 12px;
  text-align: left;
  margin-bottom: 0;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20.3px;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > ul ul li a {
  font-weight: 600;
}
header .header-main .menus .menu-item .sub-menu ul > li > ul > ul ul ul li a {
  font-weight: 400;
}
header .header-main .menus .menu-item .sub-menu .children_menu2 {
  width: 365px;
  border-left: 1px solid rgba(27, 27, 35, 0.1019607843);
}
header .header-main .menus .menu-item .sub-menu .card {
  margin-bottom: 12px;
}
header .header-main .menus .menu-item .sub-menu .card .card-body .card-title {
  line-height: 16.8px;
}
header .header-main .side-nav {
  display: none;
  border: none;
  z-index: 20;
}
header .header-main .nav-fun {
  display: flex;
  align-items: center;
}
header .header-main .nav-fun .small-screen-language {
  display: none;
}
header .header-main .nav-fun .small-screen-language a {
  font-size: 14px;
  background: var(--xjtlu-navy5);
  border-radius: 8px;
  padding: 8px 12px;
  display: block;
}
header .header-main .nav-fun .lang-switcher {
  display: flex;
  gap: 4px;
}
header .header-main .nav-fun .lang-switcher a {
  padding: 8px 12px;
  font-size: 14px;
}
header .header-main .nav-fun .btn-primary {
  padding: 12px 20px;
}
header .header-main .nav-fun .search {
  background-color: rgba(0, 0, 0, 0);
  padding: 8px;
  margin: 0 28px;
  border: none;
  transform: translateZ(0);
}
header .header-main .nav-fun .search img, header .header-main .nav-fun .search svg {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
header .header-main .nav-fun .search img.revert, header .header-main .nav-fun .search svg.revert {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
header .header-main .nav-fun .search img.stick-logo, header .header-main .nav-fun .search svg.stick-logo {
  filter: none;
}
header .header-main .search-nav {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}
header .header-main .search-nav .search-nav-bar {
  padding: 24px 84px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
}
header .header-main .search-nav .search-nav-bar .search-input {
  height: 62px;
  display: flex;
  align-items: center;
}
header .header-main .search-nav .search-nav-bar .search-input img {
  margin-right: 20.5px;
  width: 28px;
  height: 28px;
}
header .header-main .search-nav .search-nav-bar .search-input input {
  height: 100%;
  width: calc(100% - 52px);
  font-size: 24px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(27, 27, 35, 0.1019607843);
  font-weight: 600;
}
header .header-main .search-nav .search-nav-bar .search-input input::-moz-placeholder {
  color: var(--xjtlu-dark-tertiary);
}
header .header-main .search-nav .search-nav-bar .search-input input::placeholder {
  color: var(--xjtlu-dark-tertiary);
}
header .header-main .search-nav .search-nav-bar .search-input input:focus {
  border-bottom: 1px solid var(--xjtlu-secondary);
  color: var(--bs-primary);
}
header .header-main .search-nav .search-nav-bar .search-input input:focus::-moz-placeholder {
  color: var(--bs-primary);
}
header .header-main .search-nav .search-nav-bar .search-input input:focus::placeholder {
  color: var(--bs-primary);
}
header .header-main .search-nav .search-nav-bar h6 {
  color: var(--xjtlu-dark-tertiary);
  flex-shrink: 0;
}
header .header-main .search-nav .search-nav-bar .quick-search {
  padding: 24px 0;
  border-bottom: 1px solid var(--xjtlu-dark-black15);
  margin-bottom: 24px;
}
header .header-main .search-nav .search-nav-bar .quick-search .menu h6 {
  margin-bottom: 12px;
}
header .header-main .search-nav .search-nav-bar .quick-search .menu li {
  margin-bottom: 10px;
}
header .header-main .search-nav .search-nav-bar .quick-search .menu li:last-child {
  margin-bottom: 0;
}
header .header-main .search-nav .search-nav-bar .quick-search .menu a.small {
  color: var(--bs-primary);
}
header .header-main .search-nav .search-nav-bar .quick-search .menu a.small:hover {
  color: var(--xjtlu-secondary);
}
header .header-main .search-nav .search-nav-bar .category {
  display: flex;
  background: rgba(0, 0, 0, 0);
  align-items: center;
  gap: 12px;
  padding: 0;
  margin-bottom: 24px;
}
header .header-main .search-nav .search-nav-bar .category a.link-extra-small {
  padding: 8px 12px;
  color: var(--bs-primary);
}
header .header-main .search-nav .search-nav-bar .category .category-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
header .nav-external-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px 84px;
}
header .nav-external-links .links-item {
  padding: 2px 6px;
  margin-right: 16px;
}
header .nav-external-links .links-item:last-child {
  margin-right: 0;
}
header a.btn-secondary:active,
header a.btn-secondary:hover {
  background: rgba(0, 0, 0, 0);
}

header.dark::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(1, 5, 68, 0.6) 0%, rgba(1, 5, 68, 0) 100%);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
header.dark a {
  color: var(--xjtlu-light-white);
}
header.dark .no-border {
  background: var(--xjtlu-light-white20);
  border: 1px solid var(--xjtlu-light-white20);
}
header.dark .no-border:hover, header.dark .no-border:focus {
  background: var(--xjtlu-light-white40);
  border: 1px solid var(--xjtlu-light-white);
  color: var(--xjtlu-light-white);
}
header.dark .no-border,
header.dark .revert {
  display: block;
}
header.dark .stick-logo {
  display: none;
}

header.stick {
  border-bottom: 1px solid var(--xjtlu-dark-black10);
}
header.stick .revert,
header.stick .no-border {
  display: none;
}
header.stick::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--xjtlu-light-white80);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
header.stick hr {
  opacity: 0;
}

footer {
  background: var(--xjtlu-main-radial);
  padding: 80px 84px 32px 84px;
  margin-top: 100px;
}
footer .column {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
}
footer .column .column_left {
  position: relative;
  max-width: 491px;
}
footer .column .column_left .contact {
  position: absolute;
  top: 51px;
}
footer .column .column_left .contact a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 7px;
}
footer .column .column_left .contact a:last-child {
  margin-right: 0;
}
footer .column .column-right {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: flex-end;
}
footer .column .column-right div {
  width: 100%;
  max-width: 235px;
}
footer .column .column-right h6 {
  color: var(--xjtlu-light-white);
  line-height: 20.8px;
  margin-bottom: 20px;
}
footer .column .column-right ul {
  width: 100%;
}
footer .column .column-right ul li {
  margin-bottom: 12px;
}
footer .column .column-right ul li a {
  color: var(--xjtlu-light-white);
  line-height: 20.3px;
}
footer .column .column-right ul li a:link {
  font-weight: 400;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer .column .column-right ul li:last-child {
  margin-bottom: 0;
}
footer .record {
  margin-top: 33px;
  display: flex;
  justify-content: space-between;
}
footer .record .info {
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
footer .record .link-btn {
  display: flex;
  gap: 24px;
}
footer .record .link-btn a {
  color: var(--xjtlu-light-white);
}
footer .record .link-btn a:link {
  font-weight: 400;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer .record .link-btn a:hover, footer .record .link-btn a:active {
  background: transparent;
}
footer img {
  border-radius: 0;
}

.pc {
  display: block;
}

.ipad,
.phone {
  display: none !important;
}

.long-btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 100px;
}
.long-btns .long-button {
  width: 280px;
  font-size: 24px;
  line-height: 30px;
  padding: 24px 0;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-image-component .subheading {
  margin-bottom: 60px;
}
.text-image-component .top-icon {
  width: 120px;
  height: 120px;
}
.text-image-component h5 {
  margin-bottom: 4px;
}
.text-image-component p {
  max-width: 800px;
  margin: 12px auto 0 auto;
  color: var(--xjtlu-dark-secondary);
}
.text-image-component .image-top-block .card .card_img {
  height: 406px;
  border-radius: 0;
}
.text-image-component .image-top-block .card .card-title {
  font-size: 18px;
  line-height: 23.4px;
  margin: 0;
}
.text-image-component .image-top-block .card .card-body {
  padding: 24px;
}

.gallery-module {
  padding: 100px 0;
  margin: 100px 0;
}
.gallery-module .horizontal-card {
  width: 86%;
  max-width: 1380px;
  margin: 0 auto;
  gap: 24px;
}
.gallery-module .horizontal-card .title {
  margin: 0;
  color: var(--xjtlu-light-white);
}
.gallery-module .horizontal-card p {
  margin: 12px 0 24px 0;
  color: var(--xjtlu-light-white);
}
.gallery-module .horizontal-card .btn-primary {
  background: var(--xjtlu-light-white40);
  color: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-light-white40);
  font-weight: 600;
}
.gallery-module .horizontal-card .btn-primary:hover {
  border: 1px solid var(--xjtlu-light-white);
}
.gallery-module .img-desc {
  padding: 40px 67.5px;
}
.gallery-module .img-desc img {
  border-radius: 0;
}

.header-text {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header-text .big-title {
  background-image: var(--xjtlu-main-vertical);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 75.6px;
}

.image-gallery {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  align-items: center;
}
.image-gallery img {
  width: 100%;
  aspect-ratio: 380/380;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.image-gallery .image-box-left {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  width: 110%;
}
.image-gallery .image-box-left img {
  transform: translateX(-50px);
}
.image-gallery .image-box-right {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  width: 110%;
}
.image-gallery .image-box-right img {
  transform: translateX(-120px);
}

.events .section-title {
  width: 100%;
  margin-bottom: 24px;
}
.events .card .card-body .card-title {
  -webkit-line-clamp: 3;
}
.events .card .card-body .address p {
  -webkit-line-clamp: 2;
}

.event-swiper {
  position: relative;
  width: 100%;
}
.event-swiper .swiper-next,
.event-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}
.event-swiper .swiper-next {
  right: 0;
}
.event-swiper .swiper-pre {
  left: 0;
}
.event-swiper .btn-left,
.event-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.event-swiper .btn-left img,
.event-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.event-swiper .btn-left {
  left: 20px;
}
.event-swiper .btn-left img {
  transform: rotate(-180deg);
}
.event-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}
.event-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}
.event-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}
.event-swiper .obscure-left img {
  height: 100%;
}
.event-swiper .swiper-slide {
  display: flex;
  gap: 24px;
  height: auto;
}

.swiper .swiper-button-disabled {
  display: none;
}

.testimonial-swiper {
  position: relative;
  width: 100%;
  padding-bottom: 56px;
}
.testimonial-swiper .swiper-next,
.testimonial-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}
.testimonial-swiper .swiper-next {
  right: 0;
}
.testimonial-swiper .swiper-pre {
  left: 0;
}
.testimonial-swiper .btn-left,
.testimonial-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.testimonial-swiper .btn-left img,
.testimonial-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.testimonial-swiper .btn-left {
  left: 20px;
}
.testimonial-swiper .btn-left img {
  transform: rotate(-180deg);
}
.testimonial-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}
.testimonial-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}
.testimonial-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}
.testimonial-swiper .obscure-left img {
  height: 100%;
}
.testimonial-swiper .swiper-slide {
  display: flex;
  gap: 24px;
}

.slider-swiper {
  position: relative;
  width: 100%;
  padding-bottom: 56px;
}
.slider-swiper .swiper-next,
.slider-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}
.slider-swiper .swiper-next {
  right: 0;
}
.slider-swiper .swiper-pre {
  left: 0;
}
.slider-swiper .btn-left,
.slider-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.slider-swiper .btn-left img,
.slider-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.slider-swiper .btn-left {
  left: 20px;
}
.slider-swiper .btn-left img {
  transform: rotate(-180deg);
}
.slider-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}
.slider-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}
.slider-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}
.slider-swiper .obscure-left img {
  height: 100%;
}
.slider-swiper .swiper-slide {
  display: flex;
  gap: 24px;
  height: 242px;
  overflow: hidden;
}
.slider-swiper .swiper-slide a {
  width: 100%;
}
.slider-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-swiper2 {
  position: relative;
  width: 100%;
}
.card-swiper2 .swiper-button-disabled {
  display: none;
}
.card-swiper2 .swiper-pagination {
  display: none;
}
.card-swiper2 .swiper-next,
.card-swiper2 .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}
.card-swiper2 .swiper-next {
  right: 0;
}
.card-swiper2 .swiper-pre {
  left: 0;
}
.card-swiper2 .btn-left,
.card-swiper2 .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.card-swiper2 .btn-left img,
.card-swiper2 .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.card-swiper2 .btn-left {
  left: 20px;
}
.card-swiper2 .btn-left img {
  transform: rotate(-180deg);
}
.card-swiper2 .obscure-right {
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 5;
  width: 64px;
  height: 101%;
}
.card-swiper2 .obscure-right img {
  height: 100%;
  width: 100%;
}
.card-swiper2 .obscure-left {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 4;
  height: 101%;
  width: 64px;
}
.card-swiper2 .obscure-left img {
  height: 100%;
}
.card-swiper2 .swiper-slide {
  display: flex;
  gap: 24px;
  height: auto;
}
.card-swiper2 .swiper-slide .events_1 {
  display: flex;
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
  padding: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.card-swiper2 .swiper-slide .events_1 .left {
  border-radius: 8px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  margin-right: 16px;
  flex: 0 0 88px;
}
.card-swiper2 .swiper-slide .events_1 .left .title {
  background: linear-gradient(180deg, #010544 0%, #ce57c1 100%);
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.card-swiper2 .swiper-slide .events_1 .left .title h6 {
  margin-bottom: 0;
  min-width: 72px;
  text-align: center;
}
.card-swiper2 .swiper-slide .events_1 .left .date {
  padding: 8px;
  text-align: center;
}
.card-swiper2 .swiper-slide .events_1 .left .date .count {
  min-width: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -2%;
  background-image: linear-gradient(180deg, #010544 0%, #ce57c1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
.card-swiper2 .swiper-slide .events_1 .left .date .week {
  min-width: 72px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  color: rgb(117, 117, 137);
}
.card-swiper2 .swiper-slide .events_1 .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-swiper2 .swiper-slide .events_1 .right h5 {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -1%;
  color: rgb(1, 5, 68);
}
.card-swiper2 .swiper-slide .events_1 .right .address {
  display: flex;
}
.card-swiper2 .swiper-slide .events_1 .right .address p {
  font-size: 16px;
  line-height: 23.2px;
  margin-left: 7px;
}

.datepicker-block {
  padding: 24px;
  border: 1px solid var(--xjtlu-light-quaternary);
  border-radius: 16px;
  display: flex;
  gap: 31px;
  position: relative;
}
.datepicker-block a.btn-primary {
  padding: 12px;
}
.datepicker-block input {
  border: 2px solid var(--xjtlu-light-tertiary);
  border-radius: 6px;
  color: var(--xjtlu-dark-black);
  padding-left: 24px;
  width: 256px;
  font-weight: 600;
}
.datepicker-block input:active, .datepicker-block input:focus {
  border-color: var(--xjtlu-secondary);
}
.datepicker-block .select-date-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}
.datepicker-block .datepicker span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.datepicker-block .datepicker-cell:not(.disabled):hover {
  color: var(--xjtlu-secondary);
  background-color: var(--xjtlu-light-secondary);
}
.datepicker-block .datepicker-cell.selected {
  background-color: var(--xjtlu-light-secondary);
  color: var(--xjtlu-secondary);
}

.date-event-list {
  width: 100%;
}

.date-card-module {
  margin-bottom: 60px;
}
.date-card-module .date-event-list {
  width: calc(100% - 237px);
  margin-left: 237px;
}

.banner-swiper {
  padding-bottom: 56px;
}

.posters.qrcode {
  text-align: left;
  height: auto !important;
}
.posters.qrcode img {
  width: 180px;
  height: 180px;
}

.share-btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.share-btn h5 {
  margin-bottom: 16px;
  color: var(--bs-primary);
}
.share-btn img {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.share-btn .share-way-list {
  display: flex;
  gap: 20px;
}
.share-btn .share-way-list a {
  text-decoration: none;
}

.events-select-swiper {
  position: relative;
  height: 65px;
}
.events-select-swiper .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
}
.events-select-swiper .swiper-slide a {
  display: block;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 25px;
  color: var(--bs-primary);
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
}
.events-select-swiper .btn-left,
.events-select-swiper .btn-right {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 5;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.events-select-swiper .btn-left img,
.events-select-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.events-select-swiper .btn-left {
  left: 30px;
}
.events-select-swiper .btn-left img {
  transform: rotate(-180deg);
}
.events-select-swiper .obscure-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  width: 64px;
  height: 100%;
}
.events-select-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}
.events-select-swiper .obscure-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%;
  width: 64px;
}
.events-select-swiper .obscure-left img {
  height: 100%;
}
.events-select-swiper .active {
  background: var(--xjtlu-navy5);
}
.events-select-swiper .swiper-button-disabled {
  display: none;
}

.page-block-margin {
  margin: 60px 0;
}

.date-card-list .icon-card {
  background: var(--xjtlu-light-white);
  padding: 0;
}
.date-card-list .icon-card .card_img {
  margin-bottom: 16px;
}
.date-card-list .icon-card .card-body p {
  -webkit-line-clamp: 4;
}

.xjtlu-audio-box h5 {
  color: var(--bs-primary);
}
.xjtlu-audio-box p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 23.2px;
}
.xjtlu-audio-box p a {
  font-size: 16px;
}

.author-info h5 {
  color: var(--bs-primary);
}
.author-info p {
  margin-bottom: 4px;
}
.author-info p:last-of-type {
  margin-bottom: 12px;
}
.author-info .date {
  font-size: 16px;
  line-height: 23.2px;
}
.author-info .email {
  display: flex;
  gap: 8px;
}
.author-info .email a {
  color: var(--bs-primary);
}

.img-round {
  border-radius: 50%;
}

.mb-40 {
  margin: 0 0 40px 0;
}

.mb40-40-40 {
  margin-bottom: 40px;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.margin-60 {
  margin-bottom: 60px;
}

.mb60-40-32 {
  margin-bottom: 60px;
}

.mb60-32-24 {
  margin-bottom: 60px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb24-24-16 {
  margin-top: 24px;
}

.mb32-24-24 {
  margin-bottom: 32px;
}

.mb32-40-32 {
  margin-bottom: 32px;
}

.mb80-40-60 {
  margin-bottom: 80px;
}

.mb60-80-60 {
  margin-bottom: 60px;
}

.mb60-40-60 {
  margin-bottom: 60px;
}

.mb40-24-16 {
  margin-bottom: 40px;
}

.mb32-40-24 {
  margin-bottom: 32px;
}

.error-banner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  gap: 4%;
  padding-bottom: 160px;
}
.error-banner .img {
  flex: 1;
  height: 431px;
}
.error-banner .img img {
  width: 100%;
  height: 100%;
}
.error-banner .message {
  flex: 1;
  font-size: 70px;
  font-weight: 600;
  line-height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #010544;
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.audio-swiper {
  margin-bottom: 60px;
}
.audio-swiper .swiper-slide {
  background: var(--xjtlu-light-secondary);
  padding: 24px;
  border-radius: 12px;
}
.audio-swiper .xjaudio-player {
  margin-bottom: 68px;
}
.audio-swiper .change-btn {
  position: absolute;
  display: flex;
  bottom: 24px;
  right: 24px;
  z-index: 5;
  gap: 16px;
}
.audio-swiper .swiper-pagination {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.audio-swiper .swiper-button-disabled {
  display: flex;
}
.audio-swiper hr {
  margin: 16px 0 !important;
}

.user-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
.user-info .business-card {
  flex: 0 0 calc((100% - 24px) / 2);
}
.user-info .business-card p {
  margin: 0;
}
.user-info .business-card .margin-p {
  margin: 4px 0 12px 0;
}

.search-list .subheading {
  margin-bottom: 24px;
}
.search-list .subheading h5 {
  font-size: 16px;
  line-height: 20.8px;
}
.search-list .subheading h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 4px 0 8px 0;
}
.search-list .subheading p {
  max-width: 800px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-list em {
  color: var(--xjtlu-secondary) !important;
}

.clear-search {
  display: none;
  cursor: pointer;
}

.condition-content {
  width: 86%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 24px 0 100px 0;
}
.condition-content .condition {
  display: flex;
  gap: 16px;
}
.condition-content .condition .sidebar {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow: visible;
}
.condition-content .condition .sidebar .choose-select {
  width: 323px;
}
.condition-content .condition .sidebar .choose-select .view-input {
  display: flex;
  padding: 14px 16px;
}
.condition-content .condition .sidebar .choose-select .side-nav {
  position: absolute;
  display: none;
  width: 100%;
  max-height: 490px;
  overflow-y: auto;
  left: 0;
  top: calc(100% + 20px);
  box-shadow: 0px 8px 26px 0px var(--xjtlu-shadow-15);
  background: var(--xjtlu-light-white);
  z-index: 15;
}
.condition-content .condition .sidebar .choose-select .side-nav .nav-item .active {
  background: var(--xjtlu-light-secondary);
}
.condition-content .condition .sidebar .choose-select .side-nav .nav-item .active a {
  color: var(--xjtlu-secondary);
}
.condition-content .text-field {
  width: 323px;
}
.condition-content .text-field .clear-search {
  display: none;
  cursor: pointer;
}
.condition-content .change-btns {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--xjtlu-light-tertiary);
  border-radius: 98px;
  overflow: hidden;
  padding: 6px;
  margin-left: auto;
}
.condition-content .change-btns img, .condition-content .change-btns svg {
  width: 20px;
  height: 20px;
}
.condition-content .change-btns .img-btn {
  padding: 8px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.condition-content .change-btns .active {
  background: var(--xjtlu-secondary);
}
.condition-content .change-btns .active img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.profile {
  display: flex;
  gap: 24px;
  width: 100%;
}
.profile .text-desc {
  flex: 1 1 925px;
}
.profile .img-info {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 451/521;
}
.profile .img-info img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.center {
  text-align: center;
  margin-bottom: 30px;
}

p.center {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
  margin-bottom: 12px;
}

.top-dropdown {
  border: 1px solid var(--xjtlu-dark-black10);
  padding: 19px 16px;
  border-radius: 12px;
  margin-bottom: 60px;
}

.leader-list {
  display: flex;
  gap: 40px 24px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
.leader-list .gride-item2 {
  flex: 0 0 calc((100% - 24px) / 2);
  height: 100%;
}
.leader-list .business-card {
  height: auto;
}
.leader-list .business-card:first-child .business-card-img,
.leader-list .business-card:first-child h4 {
  margin: 0 auto;
}
.leader-list .business-card:first-child h4 {
  margin: 16px auto;
}
.leader-list .business-card:first-child .business-card-img {
  margin-bottom: 16px;
}

.leader-list2 h2 {
  text-align: center;
}
.leader-list2 p {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.leader-list2.left h2,
.leader-list2.left p {
  text-align: left;
  max-width: 100%;
}
.leader-list2.left .business-card-img {
  justify-content: flex-start;
}

.tablet-title {
  text-align: center;
  margin: 16px 0 32px 0;
  display: none;
}

.title-bar .title {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.portal-card {
  background: none;
  border-radius: 0;
}
.portal-card .card_img {
  aspect-ratio: 688/300;
  flex: none;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
}
.portal-card .large-img {
  aspect-ratio: 688/425;
}
.portal-card .card-body {
  padding: 0;
  justify-content: flex-start;
  flex: 1 1 100%;
}
.portal-card .card-body .card-title {
  margin: 0 0 4px 0;
}
.portal-card .card-body .btn-primary {
  display: flex;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 19.09px;
}
.portal-card .card-body .btn-secondary {
  display: flex;
}
.portal-card .card-body .btn-secondary img {
  width: 15px;
  height: 15px;
}
.portal-card .card-body .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-bottom: 8px;
}
.portal-card .card-body .btns .btn-primary {
  font-weight: 600;
  flex: 1;
  justify-content: space-between;
  background: var(--xjtlu-light-secondary);
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--xjtlu-light-white40);
  color: var(--bs-primary);
}
.portal-card .card-body h6 {
  color: var(--xjtlu-secondary);
}

.card-group-2 {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.card-group-2 .card,
.card-group-2 .business-card {
  flex: 0 0 calc((100% - 24px) / 2);
}
.card-group-2 .up-down-card .card_img {
  height: auto;
  aspect-ratio: 688/343;
}
.card-group-2 .portal-card .card_img {
  aspect-ratio: 688/300;
}

.card-group-3 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.card-group-3 .card,
.card-group-3 .business-card {
  flex: 0 0 calc((100% - 48px) / 3);
  height: auto;
}
.card-group-3 .card .email,
.card-group-3 .business-card .email {
  align-items: start;
  justify-content: start;
}
.card-group-3 .card .email div a,
.card-group-3 .business-card .email div a {
  text-align: left;
}
.card-group-3 .business-card {
  width: calc((100% - 48px) / 3);
}
.card-group-3 .up-down-card .card-body .card-title {
  font-size: 24px;
  line-height: 30px;
  -webkit-line-clamp: 2;
}
.card-group-3 .up-down-card .card-body p {
  display: -webkit-box;
}
.card-group-3 .cover-card .card_img {
  aspect-ratio: 450.67/222;
}
.card-group-3 .portal-card .card_img {
  aspect-ratio: 450.67/300;
}

.card-group-4 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.card-group-4 .card,
.card-group-4 .captions {
  flex: 0 0 calc((100% - 72px) / 4);
}

.card-group-5 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.card-group-5 .posters {
  flex: 0 0 calc((100% - 96px) / 5);
}
.card-group-5 .posters img {
  aspect-ratio: 260.8/397;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cover-card {
  background: var(--xjtlu-light-white);
  height: auto;
}
.cover-card .card_img {
  border-radius: 0;
  aspect-ratio: 332/222;
  overflow: hidden;
}
.cover-card .card-body {
  padding: 24px;
  justify-content: center;
}
.cover-card .card-body .card-title {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  -webkit-line-clamp: initial;
}
.cover-card .card-body p {
  color: var(--xjtlu-secondary);
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.01em;
}

.cover-card.large .card_img {
  aspect-ratio: 688/400;
}

.grey-section {
  padding: 100px 0;
  background: var(--xjtlu-light-secondary);
  z-index: 0;
  position: relative;
}
.grey-section .poster-swiper .obscure-left {
  background: linear-gradient(-90deg, rgba(242, 242, 249, 0) 0%, #F2F2F9 69.79%, #F2F2F9 100%);
}
.grey-section .poster-swiper .obscure-right {
  background: linear-gradient(90deg, rgba(242, 242, 249, 0) 0%, #F2F2F9 69.79%, #F2F2F9 100%);
}

.upside-down-card .card-body {
  flex: 0;
  padding: 24px;
}
.upside-down-card .card-body .card-title {
  font-size: 20px;
  line-height: 25px;
  -webkit-line-clamp: 2;
  margin: 0 0 16px 0;
}
.upside-down-card .card-body .btn-secondary {
  color: var(--xjtlu-dark-secondary);
  font-weight: 400;
}
.upside-down-card .card_img {
  aspect-ratio: 486/261;
  overflow: hidden;
}

.topic-group > .btn-primary {
  font-size: 14px;
  padding: 12px 20px;
  display: none;
  font-weight: 600;
}

.bottom-email-block .email {
  display: flex;
}

.info-list {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.info-list p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 23.2px;
}
.info-list p a {
  font-size: 16px;
  text-decoration: underline !important;
}
.info-list img {
  width: 20px;
  height: 20px;
}

.poster-swiper .swiper-slide {
  width: 255px;
}
.poster-swiper .obscure-left {
  width: 169px;
  height: 100%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70.61%, #FFFFFF 100%);
}
.poster-swiper .obscure-right {
  width: 169px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70.61%, #FFFFFF 100%);
}
.poster-swiper .swiper-next,
.poster-swiper .swiper-pre {
  position: absolute;
  top: -3px;
  z-index: 5;
  height: 100%;
}
.poster-swiper .swiper-next {
  right: 0;
}
.poster-swiper .btn-left,
.poster-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--xjtlu-shadow-10);
}
.poster-swiper .btn-left img,
.poster-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}
.poster-swiper .btn-left {
  left: 20px;
}
.poster-swiper .btn-left img {
  transform: rotate(-180deg);
}
.poster-swiper .posters {
  height: auto;
  width: auto;
}
.poster-swiper .posters img {
  height: 367px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 255/367;
}
.poster-swiper .posters h4 {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.image-waterfall {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 78.65%, #ffffff 100%) no-repeat;
  background-position: bottom;
  background-size: 100% 255px;
  margin-bottom: 40px;
}
.image-waterfall .pole {
  background: linear-gradient(180deg, #010544 0%, #ce57c1 100%);
  margin: 0 auto 24px auto;
}
.image-waterfall h5 {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -1%;
  color: var(--xjtlu-secondary);
  margin-bottom: 4px;
}
.image-waterfall h2 {
  font-size: 48px;
  line-height: 55.2px;
  letter-spacing: -3%;
  color: var(--bs-primary);
  margin-bottom: 24px;
  width: 768px;
  margin: 0 auto;
}
.image-waterfall .btns {
  display: flex;
  justify-content: center;
  margin: 24px 0 60px 0;
  gap: 16px;
}
.image-waterfall .btns .dark-border {
  display: none;
}
.image-waterfall a.link {
  border-radius: 28px;
}
.image-waterfall .scaleup {
  transform-origin: top center;
}
.image-waterfall .moving-bg {
  display: flex;
  position: relative;
  gap: 20px;
  height: 526px;
}
.image-waterfall .moving-bg .bg-icon {
  position: relative;
}
.image-waterfall .moving-bg .bg_1 {
  width: 18%;
  text-align: left;
  top: -235px;
  z-index: -1;
}
.image-waterfall .moving-bg .bg_1 .img_1 {
  width: 100%;
  margin-bottom: 20px;
}
.image-waterfall .moving-bg .bg_1 .img_2 {
  width: 100%;
}
.image-waterfall .moving-bg .bg_2 {
  width: 27%;
  z-index: -1;
  top: -40px;
}
.image-waterfall .moving-bg .bg_2 .img_1 {
  width: 100%;
  margin-bottom: 20px;
}
.image-waterfall .moving-bg .bg_2 .img_2 {
  width: 100%;
}
.image-waterfall .moving-bg .bg_3 {
  width: 14%;
  z-index: -1;
}
.image-waterfall .moving-bg .bg_3 .img_1 {
  width: 100%;
  margin-bottom: 20px;
}
.image-waterfall .moving-bg .bg_3 .img_2 {
  width: 100%;
}
.image-waterfall .moving-bg .bg_4 {
  width: 19%;
  z-index: -1;
  top: -80px;
}
.image-waterfall .moving-bg .bg_4 .img_1 {
  width: 100%;
  margin-bottom: 20px;
}
.image-waterfall .moving-bg .bg_4 .img_2 {
  width: 100%;
}
.image-waterfall .moving-bg .bg_5 {
  width: 20%;
  z-index: -1;
  top: -290px;
}
.image-waterfall .moving-bg .bg_5 .img_1,
.image-waterfall .moving-bg .bg_5 .img_2 {
  width: 100%;
  margin-bottom: 20px;
}

.hero {
  display: flex;
  justify-content: center;
  background: linear-gradient(70.78deg, rgba(1, 1, 84, 0.4) 0%, rgba(206, 87, 193, 0.4) 100%);
  flex-direction: column;
  align-items: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 100px;
}
.hero .full-vid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.hero h1 {
  color: #ffffff;
  line-height: 108px;
  text-align: center;
  transform: translateY(100%);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  backface-visibility: hidden;
  letter-spacing: -0.04em;
  font-size: 120px;
}
.hero p {
  line-height: 26.1px;
  text-align: center;
  color: rgb(255, 255, 255);
  transform: translateY(100%);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  backface-visibility: hidden;
}
.hero .hero_content {
  width: 831px;
  z-index: 9;
}
.hero .hero_content .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-bottom: 24px;
}
.hero .hero_content .description {
  overflow: hidden;
}
.hero .pole {
  transform-origin: top center;
  position: absolute;
  bottom: 0;
}

.category {
  text-align: center;
  padding: 80px 0;
}
.category .category-item {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.category .category-item a {
  padding: 24px 34px;
  border-radius: 48px;
}

.partnership {
  text-align: center;
  padding-bottom: 100px;
}
.partnership .pole {
  margin: 0 auto;
  transform-origin: top center;
}
.partnership h2.slideup,
.partnership p.large {
  color: var(--xjtlu-light-white);
  overflow: hidden;
  width: 768px;
  margin: 0 auto;
}
.partnership h2.slideup {
  margin: 40px auto 12px auto;
}
.partnership .logos {
  overflow: hidden;
}
.partnership .logos .change {
  width: 139px;
  height: 139px;
}
.partnership .logos .connect {
  margin: 0 42px;
}
.partnership .count-list {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 100px 0 60px 0;
}
.partnership .count-list h2 {
  overflow: hidden;
}
.partnership .count-list .data-block {
  flex: 0 0 calc((100% - 72px) / 4);
}
.partnership .count-list .data-block span {
  display: inline-block;
  transform: translateY(100%);
}
.partnership .data {
  text-align: center;
  margin-bottom: 16px;
}
.partnership .data p {
  color: var(--xjtlu-light-white60);
}
.partnership a.link {
  margin: 0 auto;
  border-radius: 28px;
}

.partnership.open .count-list .data-block.extra-large span {
  transform: translateY(0%);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.partnership.open .count-list .data-block.extra-large span:nth-child(2) {
  transition-delay: 0.1s;
}
.partnership.open .count-list .data-block.extra-large span:nth-child(3) {
  transition-delay: 0.2s;
}
.partnership.open .count-list .data-block.extra-large span:nth-child(4) {
  transition-delay: 0.3s;
}
.partnership.open .count-list .data-block.extra-large span:nth-child(5) {
  transition-delay: 0.4s;
}
.partnership.open .count-list .data-block.extra-large span:nth-child(6) {
  transition-delay: 0.5s;
}
.partnership.open .count-list .data-block.extra-large span:nth-child(7) {
  transition-delay: 0.6s;
}

.our-programmes {
  width: 94%;
  margin: 0 auto;
}
.our-programmes .call-to-action-1 {
  padding: 100px 90px;
  background: linear-gradient(180deg, rgba(206, 87, 193, 0) 15.92%, #010544 56.58%, #010544 100%), linear-gradient(109.22deg, rgba(1, 5, 68, 0.4) 0%, rgba(206, 87, 193, 0.4) 100%, rgba(206, 87, 193, 0.5) 100%);
}
.our-programmes .call-to-action-1 .bg {
  top: -110px;
}
.our-programmes .call-to-action-1 .pole {
  width: 72px;
}
.our-programmes .programme-cards {
  margin: 200px auto 0 auto;
  display: flex;
  gap: 24px;
  max-width: 1380px;
}
.our-programmes .programme-cards .card.programme {
  flex: 0 0 calc((100% - 48px) / 3);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.our-programmes .programme-cards .card.programme .card-body a.link {
  padding: 4px 0;
  border-radius: 8px;
  margin-top: 0;
}
.our-programmes .programme-cards .card.programme .card-body .card-title {
  font-size: 32px;
  margin-bottom: 120px;
  overflow: visible;
}

.results-display-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 24px;
  gap: 12px;
}
.results-display-box img {
  width: 200px;
  height: 200px;
}
.results-display-box .title {
  color: var(--bs-primary);
  margin: 0;
}
.results-display-box p {
  text-align: center;
}

.section-title-center {
  text-align: center;
}
.section-title-center .title {
  text-align: center;
  margin-top: 0;
}
.section-title-center .logo {
  margin: 0 auto;
  width: 64px;
  height: 64px;
}
.section-title-center p {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 24px;
}
.section-title-center a {
  font-weight: 600;
}
.section-title-center .btns {
  justify-content: center;
  display: flex;
  gap: 24px;
}

.text-group2 {
  display: flex;
  gap: 24px;
}
.text-group2 .text-box {
  flex: 1;
}
.text-group2 .text-box p {
  font-size: 16px;
  line-height: 23.2px;
}
.text-group2 .text-box .title {
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 30px;
}

.btn-center {
  margin: 0 auto;
}

.tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

.form-group {
  margin: 32px 0;
}
.form-group label {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 25px;
  color: var(--xjtlu-dark-secondary);
  font-weight: 600;
}
.form-group .form-input .text-field {
  position: relative;
}
.form-group .rotate-img {
  transform: rotate(180deg);
}
.form-group .form-select-item {
  display: none;
  left: 0;
  width: 100%;
  position: absolute;
  top: calc(100% + 20px);
  z-index: 5;
  background: var(--xjtlu-light-white);
}
.form-group .form-select-item a {
  padding: 0 !important;
}
.form-group .btn-primary {
  border: 1px solid var(--xjtlu-dark-tertiary);
  font-weight: 600;
}

.search-criteria {
  width: 332px;
}

.search-results {
  padding: 80px 24px 0 24px;
}

.topic-group2 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}
.topic-group2 .gride-item2 {
  flex: 0 0 calc((100% - 24px) / 2);
  height: 100%;
}

.stepper-content {
  display: none;
}
.stepper-content p {
  max-width: 900px;
}

.panel {
  display: none;
}

.panel.active,
.stepper-content.active {
  display: block;
}

.dropdown-list {
  border: 1px solid var(--xjtlu-light-secondary);
  background: var(--xjtlu-light-secondary);
  width: 100%;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.dropdown-list:active {
  border: 1px solid var(--xjtlu-secondary);
}
.dropdown-list input {
  width: 100%;
  height: 23px;
  font-size: 16px;
}
.dropdown-list img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
}
.dropdown-list .rotate-img {
  transform: rotate(180deg);
}
.dropdown-list .side-nav {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  z-index: 5;
  width: 100%;
  background: var(--xjtlu-light-white);
  max-height: 75vh;
  overflow-y: scroll;
}
.dropdown-list .side-nav .nav-item .active {
  background: var(--xjtlu-light-secondary);
}
.dropdown-list .side-nav .nav-item .active a {
  color: var(--xjtlu-secondary);
}
.dropdown-list .side-nav .nav-item li:hover {
  background: var(--xjtlu-light-secondary);
}
.dropdown-list .dropdown-list-container {
  width: 85%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dropdown-list:focus-within {
  border: 1px solid var(--xjtlu-light-secondary);
}

.dropdown-list.light {
  background: var(--xjtlu-light-white);
  border: 1px solid var(--xjtlu-dark-black10);
}
.dropdown-list.light .side-nav .active {
  background: var(--xjtlu-light-secondary);
}
.dropdown-list.light .side-nav .active a {
  color: var(--xjtlu-secondary);
}

.accordion-swiper-show .swiper {
  --circle-speed: 8s;
}

@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }
  50%, 100% {
    transform: rotate(45deg);
  }
}
@keyframes circleLeft {
  0%, 50% {
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
.accordion-swiper .swiper-pagination {
  display: none;
}
.accordion-swiper .circle__box {
  width: 64px;
  height: 64px;
  position: relative;
  opacity: 0;
  display: none;
}
.accordion-swiper .circle__wrapper {
  width: 32px;
  height: 64px;
  position: absolute;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.accordion-swiper .circle__wrapper--right {
  right: 0;
}
.accordion-swiper .circle__wrapper--left {
  left: 0;
}
.accordion-swiper .circle__whole {
  width: 64px;
  height: 64px;
  border: 4px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-135deg);
}
.accordion-swiper .circle__right {
  border-top: 4px solid var(--xjtlu-light-white);
  border-right: 4px solid var(--xjtlu-light-white);
  right: 1px;
  animation: circleRight var(--circle-speed) linear forwards;
}
.accordion-swiper .circle__left {
  border-bottom: 4px solid var(--xjtlu-light-white);
  border-left: 4px solid var(--xjtlu-light-white);
  left: 1px;
  animation: circleLeft var(--circle-speed) linear forwards;
}
.accordion-swiper .swiper-slide-active svg {
  opacity: 1;
}
.accordion-swiper .swiper-slide-active .circle {
  animation: stroke var(--circle-speed, 1s) linear forwards;
}
.accordion-swiper .swiper-slide-active .sc-content {
  opacity: 1;
}
.accordion-swiper .swiper-slide-active .counter {
  opacity: 1;
}
.accordion-swiper .swiper-slide-active .circle__box {
  opacity: 1;
  display: block;
}

.xjaudio-player {
  --ctrl-btn-size: 86px;
  --thumb-size: 24px;
  display: flex;
  width: 100%;
  gap: 25px;
}
.xjaudio-player .btn-ctrl {
  background: #FFFFFF;
  border-radius: 100px;
  width: var(--ctrl-btn-size);
  height: var(--ctrl-btn-size);
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.xjaudio-player .btn-ctrl.playBtn {
  background-image: url("../images/icon-play.svg");
}
.xjaudio-player .btn-ctrl.pauseBtn {
  background-image: url("../images/icon-pause.svg");
  display: none;
}
.xjaudio-player .panel {
  padding-top: calc(var(--ctrl-btn-size) / 2 - var(--thumb-size) / 2);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  color: #1B1B23;
}
.xjaudio-player .panel .info {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
}
.xjaudio-player .panel .info .timer,
.xjaudio-player .panel .info .duration {
  flex: 0 0 55px;
}
.xjaudio-player .panel .info .duration {
  text-align: right;
}
.xjaudio-player .panel .info .timer {
  font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--xjtlu-dark-black);
}
.xjaudio-player .panel .speed-ctrl {
  display: flex;
  gap: 20px;
}
.xjaudio-player .panel .speed-ctrl .btn-s {
  color: var(--bs-primary);
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.xjaudio-player .panel .speed-ctrl .btn-s.rate1 {
  display: none;
}
.xjaudio-player .panel .speed-ctrl .btn-s.backward {
  padding-left: 20px;
  background: url("../images/icon-backward.svg") 2px center no-repeat;
}
.xjaudio-player .panel .speed-ctrl .btn-s.forward {
  padding-right: 20px;
  background: url("../images/icon-forward.svg") 24px center no-repeat;
}
.xjaudio-player input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 2px;
  background: #E0E0EC;
}
.xjaudio-player input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border: none;
}
.xjaudio-player input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border: none;
}

.timeline-group .timeline .month-list {
  flex: 1;
}
.timeline-group .timeline .date {
  flex: 1;
  padding: 32px 24px;
}
.timeline-group .timeline:nth-child(2n+1) .date {
  text-align: end;
}

.main-title {
  text-align: center;
}
.main-title h4,
.main-title .title {
  max-width: 800px;
  margin: 0 auto;
}
.main-title h4 {
  font-size: 20px;
  line-height: 25px;
  color: var(--xjtlu-secondary);
}
.main-title .title {
  margin: 4px auto 60px auto;
}

.info-box {
  background: var(--xjtlu-card-bg-gradient);
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  flex-shrink: 0;
  border-radius: 12px;
  margin-bottom: 40px;
}
.info-box .info-list {
  margin-bottom: 4px;
  gap: 4px;
}
.info-box .info-list img {
  width: 13.5px;
}
.info-box .info-list p,
.info-box .info-list a {
  font-size: 12px;
  color: var(--xjtlu-dark-secondary);
}
.info-box .info-list a {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
.info-box hr {
  margin: 8px 0;
}
.info-box .btns {
  display: flex;
  justify-content: center;
}
.info-box .btns a {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  color: var(--bs-primary);
}
.info-box .btns a img {
  width: 14px;
}

.wechat-qrcode-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.wechat-qrcode-modal .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--bs-primary);
  opacity: 0.8;
}
.wechat-qrcode-modal .close-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.wechat-qrcode-modal .close-btn img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  width: 55px;
  height: 55px;
}
.wechat-qrcode-modal .qrcode-image {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
}
.wechat-qrcode-modal span {
  color: var(--xjtlu-light-white);
  font-size: 20px;
  line-height: 25px;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.thumb-slides .banners .card-img-bg {
  max-height: 720px;
  height: 720px;
}
.thumb-slides .banners .card-img-bg img {
  border-radius: 0;
}
.thumb-slides .banners .card-img-bg:hover {
  background: none;
  box-shadow: none;
}
.thumb-slides .shadow-picture {
  background: none;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 960px) and (max-width: 1400px) {
  header .header-main {
    padding: 0 24px;
  }
  header .header-main .nav-fun .search {
    margin: 0;
  }
  header .header-main .nav-fun .btn-primary {
    padding: 8px 12px;
    font-size: 12px;
  }
  header .header-main .nav-fun .lang-switcher a {
    padding: 8px;
  }
  header .header-main .menus .menu-item {
    padding: 8px;
  }
  header .header-main .menus .menu-item a {
    font-size: 14px;
  }
  header .header-main .header-logo {
    flex: 0 0 160px;
  }
  header .nav-external-links {
    padding: 9px 24px;
  }
  .accordion-swiper {
    padding-bottom: 40px;
  }
  .accordion-swiper .swiper-pagination {
    display: block;
  }
}
@media (min-width: 560px) and (max-width: 960px) {
  .wrapper,
  .wrapper-thin {
    width: 90%;
  }
  .pc,
  .phone {
    display: none !important;
  }
  .ipad {
    display: block !important;
  }
  .page-content .page-detail {
    width: 90%;
    flex-direction: column;
    gap: 0;
  }
  .page-content .page-detail .content {
    width: 100%;
  }
  .page-content .page-detail .sidebar {
    padding-top: 25px;
    top: 60px;
    width: 100%;
    padding-bottom: 24px;
    overflow-x: visible;
  }
  .page-content .page-detail .sidebar .close {
    display: none;
  }
  .page-content .page-detail .info-box {
    width: 100%;
    top: 85px;
    z-index: 20;
    margin-top: 20px;
  }
  .page-content .page-detail .info-box::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25px;
    top: -24px;
    left: 0;
    z-index: -1;
    background: var(--xjtlu-light-white);
  }
  .page-content .page-detail .xjtlu-video {
    aspect-ratio: 896/527;
  }
  .page-content .page-detail .portal-card .card_img {
    aspect-ratio: 440/236;
  }
  .page-content .page-detail .card-group-2 .portal-card .card_img {
    aspect-ratio: 436/280;
  }
  .page-content .sidebar .view-input {
    width: 100%;
  }
  .page-content .phone-select {
    display: flex;
  }
  .page-content p:empty {
    height: 20px;
  }
  .page-content hr {
    margin: 50px 0;
  }
  .content {
    width: 100%;
    padding: 0;
    overflow: visible;
  }
  .content .title {
    margin: 40px 0 24px 0;
    line-height: 38.4px;
  }
  .btn-primary,
  .btn-secondary {
    font-size: 14px;
    padding: 12px 20px;
    gap: 4px;
  }
  .btn-primary img, .btn-primary svg,
  .btn-secondary img,
  .btn-secondary svg {
    width: 14px;
    height: 14px;
  }
  a.no-bg {
    padding: 8px;
  }
  .subheading.both-sides .left,
  .subheading.both-sides .right {
    flex: auto;
  }
  .subheading.both-sides .right {
    flex-shrink: 0;
  }
  .subheading.align-left.big.no-btns .large {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  h2 {
    font-size: 32px;
    letter-spacing: -0.02em;
  }
  h5 {
    font-size: 18px;
  }
  h4 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.01em;
  }
  .cd-top-wrap a.cd-top {
    left: 91%;
    width: 70px;
    height: 70px;
  }
  .btn-secondary {
    padding: 12px 8px;
  }
  .btn-secondary:active {
    background: var(--xjtlu-navy5);
    color: var(--bs-primary);
  }
  .btn-secondary.light-white {
    color: var(--xjtlu-light-white);
  }
  .btn-secondary.light-white img.pre {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }
  .btn-secondary.light-white img.next {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }
  header .nav-external-links {
    display: none;
  }
  header .header-main {
    padding: 0 24px;
  }
  header .header-main .side-nav {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 480px;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.5s;
    border-radius: 0;
    padding: 0 24px;
    height: calc(100vh - 65px);
  }
  header .header-main .side-nav::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    z-index: -1;
  }
  header .header-main .side-nav .top {
    padding: 24px 0 12px 0;
  }
  header .header-main .side-nav .top h5 {
    font-size: 20px;
  }
  header .header-main .side-nav .nav-item {
    padding: 0;
    margin-top: 24px;
  }
  header .header-main .side-nav .nav-item li {
    padding: 12px 16px;
    width: 100%;
    justify-content: flex-start;
  }
  header .header-main .side-nav .nav-item li:active {
    background: transparent;
  }
  header .header-main .side-nav .nav-item a.link {
    color: var(--xjtlu-dark-black);
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li {
    margin-bottom: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children {
    position: absolute;
    display: none;
    opacity: 0;
    animation-name: submenu_animation;
    animation-duration: 1000ms;
    animation-direction: reverse;
    right: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    padding: 24px;
    border-radius: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children a {
    text-align: left;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .first h5 {
    color: var(--bs-primary);
    font-size: 20px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth {
    display: flex;
    gap: 24px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li {
    width: 100%;
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li a {
    color: var(--bs-primary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .depth_1_menu {
    padding-left: 10px;
    margin-top: 10px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .Programmes {
    margin-top: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 {
    border-top: 1px solid var(--xjtlu-dark-black10);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box {
    display: flex;
    gap: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box .card .card-body h4 {
    -webkit-line-clamp: 2;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 a.link-extra-small {
    font-size: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen {
    position: absolute;
    display: none;
    opacity: 1;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    padding: 24px;
    z-index: 10;
    overflow-y: auto;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first {
    display: flex;
    gap: 10px;
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first h5 {
    font-size: 20px;
    line-height: 25px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first img {
    width: 25px;
    height: 25px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .link,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .small {
    color: var(--bs-primary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .some-link .Programmes {
    margin-bottom: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link .revert {
    display: block;
    width: 15px;
    height: 15px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion {
    width: 100%;
    margin-bottom: 16px;
    padding: 0;
    display: block;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item {
    border: none;
    background: rgba(0, 0, 0, 0);
    margin-bottom: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item:last-child {
    margin-bottom: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button {
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button::after {
    background-image: url("../images/mutation1_down_little.svg");
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("../images/mutation1_up_little.svg");
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed) {
    background: var(--xjtlu-light-secondary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed) .link {
    color: var(--xjtlu-secondary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body {
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body .depth_1 {
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body .depth_1 .depth_1_menu {
    padding: 0 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .depth {
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .academics {
    width: 510px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .academics .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .nav-item-li .admissions {
    width: 675px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .admissions .depth_1 {
    flex: 0 0 calc((100% - 48px) / 3);
  }
  header .header-main .side-nav .nav-item .nav-item-li .campus-life {
    width: 510px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .campus-life .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .nav-item-li .about,
  header .header-main .side-nav .nav-item .nav-item-li .research {
    width: 623px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .about .depth_1,
  header .header-main .side-nav .nav-item .nav-item-li .research .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .active-li {
    background: #f2f2f9;
  }
  header .header-main .side-nav .nav-item .active-li .item-children {
    display: block;
    animation-direction: normal;
    opacity: 1;
  }
  header .header-main .side-nav .nav-item .active-li .item-children-small-screen {
    display: block;
    animation-direction: normal;
  }
  header .header-main .side-nav .nav-item .active-li a.menu {
    color: var(--xjtlu-secondary);
  }
  header .header-main .side-nav-animate {
    display: block;
    transform: translateX(0);
    opacity: 1;
  }
  header .header-main .side-nav-children-animate {
    transform: translateX(100%);
  }
  header .header-main .side-nav-children-animate .nav-item .nav-item-li .item-children-small-screen {
    right: 100%;
  }
  header .header-main .nav-fun a.search {
    padding: 8px;
    margin: 0 24px;
  }
  header .header-main .nav-fun a.search img, header .header-main .nav-fun a.search svg {
    width: 20px;
    height: 20px;
  }
  header .header-main .nav-fun a.hamburger {
    padding: 8px;
  }
  header .header-main .nav-fun .lang-switcher a {
    padding: 8px 12px;
  }
  header .header-main .menus {
    position: absolute;
    flex-direction: column;
    display: none;
  }
  header .header-main .search-nav .search-nav-bar {
    padding: 24px 32px;
  }
  header .hamburger {
    display: block;
  }
  header .apply {
    display: none !important;
  }
  header .header-logo {
    flex: 0 0 180px;
  }
  header.stick {
    top: 0;
  }
  footer {
    padding: 40px 32px;
  }
  footer .column {
    flex-direction: column;
    position: relative;
  }
  footer .column .building {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  footer .column .column_left {
    position: static;
  }
  footer .column .column-right {
    margin: 80px 0 224px 0;
    width: 100%;
    justify-content: flex-start;
  }
  footer .column .column-right h6 {
    font-size: 18px;
  }
  footer .record .info {
    width: 350px;
  }
  footer .record a.link {
    font-size: 12px;
  }
  .card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }
  .card .card-body p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .card .card_img {
    max-height: 335px;
  }
  .card.across-medium .card-body .card-title {
    -webkit-line-clamp: 3;
    line-height: 25px;
  }
  .card.across-medium .card-body .tag {
    display: none;
  }
  .card.across-medium .card_img {
    max-height: 206px;
  }
  .card.no-img-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }
  .card.no-img-card .card-body p a {
    font-size: 14px;
  }
  .card.overlap .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }
  .card.pdf-card .card_img {
    margin: 24px 0;
  }
  .card.pdf-card .card-body {
    padding: 33px 25px;
  }
  .card.pdf-card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }
  .data-block {
    width: 206px;
  }
  .data-block img {
    width: 80px;
    height: 80px;
  }
  .data-block h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .data-block h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .data-block .title {
    margin: 0;
  }
  .data-block.extra-large img {
    width: 80px;
    height: 80px;
  }
  .header-section-navigation {
    padding: 180px 32px 32px 60px;
    margin-bottom: 80px;
  }
  .header-section-navigation .pole {
    width: 42px;
    left: -60px;
    top: 25px;
  }
  .header-section-navigation h1 {
    font-size: 48px;
    line-height: 55.2px;
    margin-top: 8px;
  }
  .header-section-navigation h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .header-section-navigation p {
    margin-top: 4px;
  }
  .header-section-navigation .tag-group {
    margin-top: 8px;
  }
  .header-section-navigation.no-cover {
    padding: 160px 32px 32px 60px;
    margin-bottom: 0;
  }
  .header-section-navigation.no-cover h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .xjtlu-accordion .accordion-item .accordion-header h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .xjtlu-accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px 24px 16px 24px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-left: 24px;
    padding-right: 24px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body h5 {
    font-size: 18px;
    line-height: 25px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .xjtlu-video {
    position: relative;
  }
  .xjtlu-video .video-desc {
    padding: 16px 24px;
  }
  .xjtlu-video .video-desc h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .xjtlu-video .video-js .vjs-big-play-button {
    width: 44px;
    height: 44px;
  }
  .xjtlu-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: url("../images/play_icon_small.svg");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
  }
  .interested .call-to-action-1 {
    padding: 60px 80px 100px 80px;
  }
  .interested .call-to-action-1 .pole {
    width: 70px;
    top: 92px;
  }
  .interested .call-to-action-1 h2 {
    margin: 4px 0 24px 0;
  }
  .program-details-module {
    margin: 40px 0;
    gap: 16px 24px;
  }
  .horizontal-card {
    margin: 40px 0;
    flex-direction: column;
    gap: 32px;
    width: 100%;
  }
  .horizontal-card .img-desc {
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 380px;
    flex: none;
  }
  .horizontal-card .section-header {
    padding-left: 0;
    padding-right: 0;
  }
  .horizontal-card .section-header p {
    margin-bottom: 0;
  }
  .horizontal-card .section-header .subheading .title {
    margin: 4px 0 12px 0;
  }
  .horizontal-card .section-header h4 {
    display: block;
  }
  .horizontal-card .btn-secondary {
    padding: 12px 20px;
  }
  .horizontal-card2 .img-desc {
    overflow: hidden;
    border-radius: 12px;
    align-self: stretch;
  }
  .horizontal-card2 .section-header p {
    margin-bottom: 0;
  }
  .horizontal-card2 .section-header .subheading {
    padding: 60px 0;
  }
  .horizontal-card2 .section-header .subheading .title {
    margin: 4px 0 12px 0;
  }
  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) {
    flex-direction: column-reverse;
    padding-right: 0;
  }
  .horizontal-card-group2 .horizontal-card:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .testimonial.horizontal {
    margin: 40px 0 80px 0;
    padding: 60px 48px;
  }
  .testimonial.horizontal p {
    font-size: 16px;
    line-height: 23.2px;
    padding: 0 48px;
  }
  .testimonial.horizontal p a {
    font-size: 16px;
  }
  .testimonial.horizontal h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .testimonial.horizontal h2 {
    padding: 4px 0 24px 0;
  }
  .call-to-action-1 {
    padding: 100px 0;
  }
  .call-to-action-1 .pole {
    width: 20px;
    height: 4px;
  }
  .call-to-action-1 h5 {
    font-size: 16px;
    line-height: 20.8px;
  }
  .call-to-action-1 h2 {
    font-size: 32px;
    line-height: 38.4px;
    margin: 4px 0 120px 0;
  }
  .call-to-action-1 p.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .call-to-action-1 p.link img {
    width: 14px;
    height: 14px;
  }
  .call-to-action-1 .bg {
    top: -70px;
    height: 140%;
  }
  .call-to-action-1.inline {
    padding: 40px 24px 80px 48px;
  }
  .call-to-action-1.inline .pole {
    width: 32px;
    height: 4px;
    top: 83px;
  }
  .call-to-action-1.inline h6 {
    font-size: 16px;
    line-height: 20.8px;
  }
  .call-to-action-1.inline h2 {
    margin: 4px 0 24px 0;
  }
  .call-to-action-1.inline h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .call-to-action-1.inline .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 33.67px;
    left: 31.81;
  }
  .call-to-action-1 .user-business-card {
    bottom: -16px;
  }
  .call-to-action-1 .user-business-card img {
    width: 120px;
    height: 120px;
  }
  .call-to-action-1 .user-business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .call-to-action-1 .user-business-card p {
    font-size: 16px;
    line-height: 19px;
    -webkit-line-clamp: 4;
  }
  .call-to-action-1 .user-business-card > div {
    height: 104px;
    max-height: 104px;
  }
  .call-to-action-1.no-imgBg {
    padding: 60px 100px 40px 82px;
    margin: 0 0 80px 0;
  }
  .call-to-action-1.no-imgBg h2 {
    margin: 0 0 40px 0;
  }
  .call-to-action-1.no-imgBg .pole {
    width: 58px;
  }
  .call-to-action-2 {
    position: relative;
    padding: 80px 0;
  }
  .call-to-action-2 h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .call-to-action-2 h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .call-to-action-2 p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .call-to-action-2 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .call-to-action-2 a.link img .svg {
    width: 14px;
    height: 14px;
  }
  .call-to-action-2 .bg {
    top: -75px;
    height: 140%;
  }
  .portal-block img, .portal-block svg {
    width: 48px;
    height: 48px;
  }
  .portal-block .ipad {
    display: block;
  }
  .portal-block .desc h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .portal-block .desc img, .portal-block .desc svg {
    width: 24px;
    height: 24px;
  }
  .portal-block-menu .pc,
  .portal-block-menu .phone {
    display: none;
  }
  .portal-block-menu .ipad {
    display: block;
  }
  .portal-block-menu h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .portal-block-menu .menu-block {
    padding: 16px 12px;
  }
  .portal-block-menu .menu-block ul {
    gap: 8px 24px;
  }
  .business-card .business-card-img img {
    width: 236px;
    height: 236px;
  }
  .business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .business-card h6 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .business-card .email {
    flex-direction: column;
  }
  .business-card .email .different-view span:first-child {
    display: none;
  }
  .business-card .email .different-view span:last-child {
    display: block;
  }
  .business-card .card-content {
    max-width: 236px;
    margin: 0 auto;
  }
  .business-card .card-content .email div {
    width: 100%;
  }
  .business-card.left .business-card-img img {
    width: 236px;
    height: 236px;
  }
  .business-card.left .email div {
    width: 100%;
    justify-content: flex-start;
  }
  .business-card.left .email div p {
    margin: 0;
  }
  .business-card.round-head {
    width: 304px;
  }
  .business-card.round-head .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  .business-card.round-head p {
    font-size: 12px;
    line-height: 18px;
  }
  .business-card.round-head p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .business-card.align-left .email div {
    width: 100%;
  }
  .card.up-down .card-body {
    padding: 24px;
  }
  .card.up-down .card-body h3 {
    font-size: 24px;
    line-height: 30px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .card.up-down .card-body p {
    -webkit-line-clamp: 2;
  }
  .card.up-down .card_img {
    max-height: 430px;
  }
  .image-top-block .card .card-body {
    padding: 0;
  }
  .image-top-block .card .card-body .card-desc {
    margin-bottom: 16px;
  }
  .image-top-block .card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .image-top-block .card .card-body p {
    margin: 0;
  }
  .image-top-block .card .card-body .link {
    display: none;
  }
  .image-top-block .card .card-body .btn-primary {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 12px 20px;
  }
  .block-item3 .card .card-body {
    justify-content: flex-start;
  }
  .block-item3 .card .card-body .link {
    display: flex;
    font-size: 16px;
    line-height: 19.09px;
  }
  .block-item3 .card .card-body .link .revert {
    width: 15px;
    height: 15px;
  }
  .block-item3 .card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }
  .block-item3 .card .card-body p {
    font-size: 18px;
    line-height: 26.1px;
  }
  .block-item3 .card .card_img {
    height: 0;
    padding-top: 100%;
    position: relative;
  }
  .block-item3 .card .card_img img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .ipad-btns .card .card-body .link {
    display: none;
  }
  .ipad-btns .card .card-body .btn-primary {
    display: flex;
  }
  .section-title .both-sides .right a.link {
    font-size: 12px;
  }
  .gride {
    gap: 24px;
  }
  .gride .gride-item3-block {
    height: auto;
    min-height: 180px;
  }
  .card.programme .card-body {
    padding: 16px;
  }
  .card.programme .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }
  .state-data-block {
    margin: 40px 0;
  }
  .state-data-block .data-block.extra-large img {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }
  .state-data-block .data-block.extra-large .title {
    font-size: 32px;
  }
  .state-data-block .data-block.extra-large h5 {
    font-size: 16px;
    line-height: 20.8px;
  }
  .card.icon-card .card_img {
    width: 80px;
    height: 80px;
  }
  .card.icon-card .card-body {
    padding: 0;
  }
  .card.icon-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }
  .card.icon-card .card-body .card-text {
    -webkit-line-clamp: 2;
  }
  .card.icon-card .card-body .btn-secondary {
    margin-top: 16px;
    font-size: 16px;
    line-height: 19.09px;
  }
  .sidebar {
    flex-direction: row;
    width: 100%;
    overflow: visible;
  }
  .sidebar .view-input {
    width: 100%;
    display: flex;
  }
  .sidebar .top {
    display: none;
  }
  .sidebar .side-nav {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 490px;
    overflow-y: auto;
    left: 0;
    top: calc(100% + 20px);
    box-shadow: 0px 8px 26px 0px var(--xjtlu-shadow-15);
    background: var(--xjtlu-light-white);
    z-index: 20;
  }
  .sidebar .side-nav .nav-item {
    padding: 12px 16px;
  }
  .sidebar .side-nav .nav-item .active {
    background: var(--xjtlu-light-secondary);
  }
  .sidebar .side-nav .nav-item .active a {
    color: var(--xjtlu-secondary);
  }
  .sidebar .side-nav .nav-item .accordion .accordion-body {
    padding: 0;
  }
  .sidebar .side-nav-link {
    position: relative;
    display: block;
    width: 283px;
    box-shadow: none;
  }
  .sidebar .side-nav-link .nav-item {
    padding: 0;
  }
  .sidebar .side-nav-link .nav-item li {
    padding: 0;
  }
  .sidebar .side-nav-link .nav-item li a {
    padding: 19px 16px;
  }
  .sidebar .text {
    font-size: 16px;
    line-height: 23.2px;
    display: flex;
    align-items: center;
    font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--xjtlu-dark-black);
  }
  .sidebar .choose-down {
    filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
  }
  .sidebar .row-layouts .view-input {
    display: none;
  }
  .sidebar .row-layouts .side-nav {
    padding: 16px;
    margin-bottom: 80px;
    margin-top: 40px;
    display: block !important;
    position: initial;
    box-shadow: none;
  }
  .sidebar .row-layouts .side-nav .nav-item {
    display: flex;
    padding: 0;
  }
  .sidebar .multiple-link-list {
    display: none;
  }
  .sidebar .multiple-link-select {
    display: flex;
    gap: 24px;
  }
  .sidebar .multiple-link-select .side-nav-link {
    top: 0;
    width: 206px;
  }
  .sidebar .multiple-link-select .side-nav-link .nav-item {
    padding: 0;
  }
  .sidebar .multiple-link-select .side-nav-link .nav-item a {
    padding: 19px 16px;
  }
  .sidebar .omit-select {
    width: auto;
  }
  .sidebar .omit-select .view-input {
    display: none;
  }
  .sidebar .omit-select .view-more {
    display: flex;
  }
  .sidebar .swiper {
    height: auto;
  }
  .sidebar .swiper .swiper-wrapper {
    display: block;
    padding: 8px 0;
  }
  .sidebar .swiper .swiper-wrapper .swiper-slide {
    padding: 8px 16px;
    height: auto;
  }
  .sidebar .swiper .swiper-wrapper .swiper-slide a {
    font-size: 16px;
    line-height: 23.2px;
  }
  .sidebar .swiper .swiper-wrapper .active {
    background: none;
  }
  .sidebar .swiper-next,
  .sidebar .swiper-pre {
    display: none;
  }
  .card.vertical {
    flex: 0 0 calc((100% - 48px) / 3);
    aspect-ratio: 282.67/300;
  }
  .introduction-video {
    padding: 80px 0;
  }
  .introduction-video .wrapper {
    flex-direction: column;
  }
  .introduction-video .wrapper .video-block {
    width: 100%;
  }
  .introduction-video .wrapper .video-block .xjtlu-video {
    aspect-ratio: 896/400;
  }
  .introduction-video .section-header {
    width: 100%;
  }
  .introduction-video .section-header h5 {
    color: var(--xjtlu-secondary);
  }
  .card.pdf-card {
    margin: 40px auto;
    max-width: 100%;
  }
  .article-module-left-right-layout .card .card-body a.link {
    font-size: 16px;
    line-height: 19.09px;
  }
  .article-module-left-right-layout .left .card .card-body {
    padding: 36px 24px;
  }
  .article-module-left-right-layout .right .row {
    width: 100%;
    margin-left: 0;
  }
  .article-module-left-right-layout .right .card .card-body .card-title {
    -webkit-line-clamp: 3;
    margin: 0 0 8px 0;
  }
  .article-module-left-right-layout .right .card .card-body .card-text {
    margin: 0 0 8px 0;
  }
  .icon-list-box {
    margin: 80px 0 50px 0;
  }
  .info-list-box h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .subscribe-module {
    padding: 80px 32px;
  }
  .subscribe-module h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .subscribe-module .subscribe-box {
    width: 100%;
    padding: 24px 36px 48px 36px;
  }
  .subscribe-module .subscribe-box .text-field {
    width: 100%;
    display: none;
  }
  .subscribe-module .subscribe-box a {
    font-size: 16px;
    line-height: 19.09px;
    padding: 16px 32px;
  }
  .long-btns {
    margin-bottom: 80px;
  }
  .sidebar-box {
    width: 100%;
    height: 65px;
    overflow: visible;
  }
  .anchor-bar-stick {
    width: 90%;
    top: 175px;
  }
  .cover-block {
    height: 130px;
    left: 0;
  }
  .text-image-component .subheading {
    margin-bottom: 50px;
  }
  .text-image-component h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .text-image-component h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .text-image-component p {
    margin: 12px auto 0 auto;
  }
  .text-image-component .image-top-block .card .card_img {
    height: 280px;
  }
  .text-image-component .image-top-block .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .gallery-module {
    padding: 80px 0;
    margin: 80px 0;
  }
  .gallery-module .horizontal-card {
    width: 90%;
  }
  .gallery-module .horizontal-card .title {
    margin: 0 auto;
    text-align: center;
  }
  .gallery-module .horizontal-card .img-desc {
    height: auto;
    border-radius: 0;
  }
  .gallery-module .horizontal-card p {
    text-align: center;
  }
  .gallery-module .img-desc {
    padding: 0;
    text-align: center;
    height: auto;
  }
  .gallery-module .subheading {
    text-align: center;
  }
  .gallery-module .subheading .btns {
    justify-content: center;
  }
  .gallery-module .section-header p {
    margin: 12px 0 24px 0;
  }
  .header-text h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .image-gallery {
    gap: 16px;
  }
  .image-gallery img {
    min-width: 180px;
    max-width: 180px;
    height: 180px;
    width: 180px;
  }
  .image-gallery .image-box-left {
    gap: 16px;
  }
  .image-gallery .image-box-left img {
    transform: translateX(-10px);
  }
  .image-gallery .image-box-right {
    gap: 16px;
  }
  .image-gallery .image-box-right img {
    transform: translateX(-30px);
  }
  .events .subheading .left p {
    display: none;
  }
  .event-swiper .card {
    padding: 0 0 0 16px;
  }
  .event-swiper .card .card-body .card-title {
    -webkit-line-clamp: 2;
    font-size: 18px;
    line-height: 23.4px;
  }
  .event-swiper .card .address p {
    font-size: 14px;
  }
  .banner-call-to-action {
    padding: 224px 32px 32px 32px;
  }
  .banner-call-to-action h5,
  .banner-call-to-action h2,
  .banner-call-to-action p {
    width: 100%;
  }
  .banner-call-to-action h2 {
    margin-bottom: 4px;
  }
  .banner-call-to-action p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26.1px;
  }
  .subheading.datepicker-subheading {
    flex-direction: column;
    align-items: flex-start;
  }
  .subheading.datepicker-subheading .right {
    width: 100%;
  }
  .subheading.datepicker-subheading .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }
  .subheading.datepicker-subheading .datepicker-block .btn-primary {
    display: none;
  }
  .subheading.datepicker-subheading .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--xjtlu-light-secondary);
  }
  .subheading.datepicker-subheading .datepicker-block .select-date-icon {
    display: block;
  }
  .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }
  .datepicker-block .btn-primary {
    display: none;
  }
  .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--xjtlu-light-secondary);
  }
  .datepicker-block .select-date-icon {
    display: block;
  }
  .date-event-list .large-event-card {
    flex: 0 0 100%;
  }
  .large-event-card {
    padding: 16px;
  }
  .large-event-card .dark {
    display: none;
  }
  .large-event-card .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    z-index: 20;
    pointer-events: none;
  }
  .large-event-card .btns a {
    display: none;
    width: 100%;
    height: 100%;
  }
  .large-event-card .btns a:first-of-type {
    display: block;
    pointer-events: auto;
  }
  .large-event-card .event-card.large .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .large-event-card .event-card.large .card-body .date {
    display: none;
  }
  .subheading.dateline-subheading h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .date-card-list .card {
    height: auto;
  }
  .date-card-list .card .card_img {
    width: 80px;
    height: 80px;
  }
  .date-card-list .card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }
  .date-card-list .card .card-body p {
    -webkit-line-clamp: 4;
  }
  .xjtlu-audio-box h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .card-swiper p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .margin-60 {
    margin-bottom: 50px;
  }
  .mb60-40-32 {
    margin-bottom: 40px;
  }
  .mb-100 {
    margin-bottom: 80px;
  }
  .mb-40 {
    margin: 0 0 32px 0;
  }
  .mb40-40-40 {
    margin-bottom: 40px;
  }
  .mb24-24-16 {
    margin-top: 24px;
  }
  .mb80-40-60 {
    margin-bottom: 40px;
  }
  .mb60-80-60 {
    margin-bottom: 80px;
  }
  .mb60-40-60 {
    margin-bottom: 40px;
  }
  .mb60-32-24 {
    margin-bottom: 32px;
  }
  .mb40-24-16 {
    margin-bottom: 24px;
  }
  .mb32-40-32 {
    margin-bottom: 40px;
  }
  .only-pc-btn {
    display: none !important;
  }
  footer {
    margin-top: 80px;
  }
  .error-banner {
    flex-direction: column;
    padding-bottom: 0;
  }
  .error-banner .img {
    flex: none;
    text-align: center;
    width: 88%;
    margin: 0 auto 24px;
  }
  .error-banner .img img {
    width: 100%;
  }
  .error-banner .message {
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    text-align: center;
  }
  .audio-swiper {
    margin-bottom: 50px;
  }
  .user-info .business-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .user-info .business-card .business-card-img img {
    width: 90px;
    height: 90px;
  }
  .user-info .business-card h5 {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 2px;
  }
  .user-info .business-card p {
    font-size: 14px;
    line-height: 20.3px;
    margin: 0;
  }
  .user-info .business-card .email {
    flex-direction: row;
  }
  .user-info .business-card .email a {
    font-size: 14px;
    line-height: 20.3px;
  }
  .user-info .business-card .margin-p {
    margin-bottom: 4.5px;
  }
  .search-list .subheading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  .condition-content {
    padding: 32px 0 80px 0;
    width: 90%;
  }
  .condition-content .sidebar {
    width: auto;
  }
  .profile .text-desc {
    flex: auto;
  }
  .profile .img-info {
    flex: 0 0 283px;
  }
  .profile .img-info img {
    height: 100%;
  }
  p.center {
    max-width: 100%;
  }
  .video-swiper {
    margin-bottom: 40px;
  }
  .top-dropdown {
    padding: 21px 16px;
    margin-bottom: 40px;
  }
  .tablet-title {
    display: block;
  }
  .article-module-left-right-layout-list .left {
    min-height: 570px;
  }
  .article-module-left-right-layout-list .left .card .tags {
    display: none;
  }
  .article-module-left-right-layout-list .left .card .card_img {
    max-height: 430px;
  }
  .article-module-left-right-layout-list .right .card .card-body {
    padding: 24px 24px 21px 24px;
  }
  .article-module-left-right-layout-list .right .card .card_img {
    max-height: 206px;
  }
  .portal-card .card_img {
    aspect-ratio: 436/236;
  }
  .portal-card .large-img {
    aspect-ratio: 436/235;
  }
  .portal-card .card-body {
    justify-content: flex-start;
  }
  .portal-card .card-body .btns {
    gap: 8px;
  }
  .portal-card .card-body .btns .btn-primary {
    flex: none;
  }
  .portal-card .card-body .btn-secondary {
    border: 1px solid var(--xjtlu-secondary);
    padding: 12px 20px;
    color: var(--bs-primary);
    border-radius: 28px;
  }
  .portal-card .card-body .btn-secondary img, .portal-card .card-body .btn-secondary svg {
    filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
  }
  .card-group-4 {
    gap: 24px;
  }
  .card-group-4 .card,
  .card-group-4 .captions {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .captions.small {
    aspect-ratio: 436/206;
  }
  .grey-section {
    padding: 80px 0;
  }
  .cover-card .card_img {
    aspect-ratio: 436/236;
  }
  .cover-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .cover-card.large .card_img {
    aspect-ratio: 436/236;
  }
  .call-to-action-3 {
    padding: 80px 48px 160px 48px;
  }
  .call-to-action-3 h2 {
    line-height: 38.4px;
  }
  .call-to-action-3 .pole {
    width: 37px;
    top: 92px;
  }
  .upside-down-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
    -webkit-line-clamp: 2;
    margin: 0 0 24px 0;
  }
  .upside-down-card .card-body .btn-secondary {
    font-size: 14px;
    line-height: 19.09px;
  }
  .upside-down-card .card_img {
    aspect-ratio: 436/261;
  }
  .card-group-5 .posters {
    flex: 0 0 calc((100% - 72px) / 4);
  }
  .card-group-5 .posters img {
    aspect-ratio: 206/321;
  }
  .card-group-5 .posters:last-child {
    display: none;
  }
  .card-group-3 .up-down-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .card-group-3 .up-down-card .card_img {
    aspect-ratio: 436/239;
  }
  .card-group-3 .cover-card .card_img {
    aspect-ratio: 282.67/192;
  }
  .card-group-3 .portal-card .card_img {
    aspect-ratio: 282.67/235;
  }
  .about-news-article .card-group-3 .up-down-card:last-child {
    display: none;
  }
  .about-news-article .card-group-3 .up-down-card:nth-child(2), .about-news-article .card-group-3 .up-down-card:nth-child(1) {
    display: block !important;
  }
  .card-group-2 .up-down-card .card_img {
    aspect-ratio: 436/297;
  }
  .card-group-2 .portal-card .card_img {
    aspect-ratio: 440/236;
  }
  .call-to-action-1.quote-photo {
    padding: 60px 82px 100px 82px;
  }
  .call-to-action-1.quote-photo .pole {
    width: 58px;
  }
  .call-to-action-1.quote-photo h2 {
    margin: 0 0 20px 0;
  }
  .call-to-action-1.quote-photo .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 32.67px;
    left: 31.82px;
  }
  .call-to-action-1.quote {
    padding: 60px 100px 40px 82px;
  }
  .call-to-action-1.quote .pole {
    width: 58px;
    top: 83px;
  }
  .call-to-action-1.quote h2 {
    margin: 0 0 40px 0;
  }
  .call-to-action-1.quote h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .call-to-action-1.quote .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 33.67px;
    left: 31.81px;
  }
  .card-swiper2 {
    padding-bottom: 48px !important;
  }
  .card-swiper2 .swiper-pagination {
    display: block;
  }
  .info-list p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .poster-swiper .swiper-slide {
    width: 180px;
  }
  .poster-swiper .posters img {
    height: 280px;
    aspect-ratio: 180/280;
  }
  .image-waterfall h2 {
    font-size: 32px;
    line-height: 38.4px;
    width: 100%;
  }
  .image-waterfall .btns a.link {
    font-size: 16px;
  }
  .image-waterfall .moving-bg {
    height: 418px;
    gap: 14px;
  }
  .image-waterfall .moving-bg .bg_1 {
    top: -55px;
  }
  .image-waterfall .moving-bg .bg_2 {
    top: 49px;
  }
  .image-waterfall .moving-bg .bg_3 {
    top: 77px;
  }
  .image-waterfall .moving-bg .bg_4 {
    top: 22px;
  }
  .image-waterfall .moving-bg .bg_5 {
    top: -109px;
  }
  .image-waterfall .moving-bg .bg-icon img {
    margin-bottom: 14px !important;
  }
  .hero {
    margin-bottom: 80px;
  }
  .hero .hero_content {
    max-width: 534px;
  }
  .hero .hero_content .title h1 {
    font-size: 64px;
    line-height: 64px;
    letter-spacing: -0.03em;
  }
  .hero .hero_content .description {
    margin: 0 auto;
  }
  .hero .pole {
    width: 2.29px;
    height: 78.91px;
  }
  .category {
    padding: 40px 0;
  }
  .category .category-item {
    flex-wrap: wrap;
  }
  .category .category-item a.link {
    padding: 16px 32px;
  }
  .category .category-item a.link h4 {
    font-size: 16px;
  }
  .partnership .count-list {
    padding: 0 140px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 24px;
  }
  .partnership .count-list .data-block {
    justify-self: center;
  }
  .partnership .count-list .data-block h2 span {
    font-size: 32px;
    line-height: 38.4px;
  }
  .partnership .count-list .data-block h4 {
    font-size: 20px;
    line-height: 25px;
    color: var(--xjtlu-light-white);
  }
  .partnership a.light-border {
    font-size: 18px;
    padding: 16px 32px;
  }
  .partnership a.light-border img {
    width: 15px;
    height: 15px;
    margin-left: 8px;
  }
  .partnership p.large {
    width: auto;
  }
  .our-programmes {
    width: 90%;
  }
  .our-programmes .call-to-action-1 {
    padding: 80px 32px;
  }
  .our-programmes .call-to-action-1 h5 {
    font-size: 20px;
  }
  .our-programmes .call-to-action-1 .pole {
    width: 20px !important;
    top: 91px;
  }
  .our-programmes .call-to-action-1 .programme-cards {
    margin-top: 120px;
  }
  .our-programmes .call-to-action-1 .programme-cards a.link {
    font-size: 16px;
  }
  .our-programmes .call-to-action-1 .programme-cards .card.programme .card-title {
    font-size: 24px;
    margin-bottom: 128px;
  }
  .events-select-swiper {
    display: none;
  }
  .author-info h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .author-info p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .author-info .email img {
    display: none;
  }
  .author-info .email a {
    font-size: 14px;
    line-height: 20.3px;
  }
  .form-group label {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 8px;
  }
  .form-group .btn-primary {
    padding: 16px 32px;
  }
  .card-swiper .card .card-body {
    padding: 24px 32px;
  }
  .card-swiper .card .card-body .card-text {
    margin-bottom: 56px;
    color: var(--xjtlu-dark-black);
  }
  .card-swiper .card .card_img {
    flex: none;
    aspect-ratio: 896/320;
  }
  .card-swiper .change-btn {
    display: none;
  }
  .card-swiper .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
  }
  .search-criteria {
    width: 100%;
  }
  .search-results {
    padding: 58px 0 0 0;
  }
  .results-display-box .title {
    margin: 0;
  }
  .topic-group2 {
    gap: 24px;
  }
  .stepper-content p {
    max-width: 100%;
  }
  .accordion-swiper {
    padding-bottom: 40px;
  }
  .accordion-swiper .swiper-slide img {
    width: 100%;
  }
  .accordion-swiper .swiper-slide .sc-content {
    width: 70%;
  }
  .accordion-swiper .swiper-slide .sc-content h3 {
    font-size: 24px;
    line-height: 30px;
    min-width: 100%;
    -webkit-line-clamp: 2;
  }
  .accordion-swiper .swiper-slide .counter {
    bottom: 33.5px;
  }
  .accordion-swiper .swiper-pagination {
    display: block;
  }
  .gride3-2-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .section-title-center .logo {
    width: 48px;
    height: 48px;
  }
  .logoSwiper .swiper-slide img {
    width: 170px;
    height: 58px;
  }
  .slider-swiper .swiper-pre,
  .slider-swiper .swiper-next {
    display: none;
  }
  .slider-swiper .swiper-slide {
    height: 170px;
  }
  .main-title h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .main-title .title {
    margin: 4px 0 32px 0;
  }
  .thumb-slides .banner-img {
    height: 450px;
  }
  .thumb-slides .banners .card-img-bg {
    max-height: 450px;
    height: 450px;
  }
  .shadow-picture-swiper .shadow-picture {
    height: 450px;
  }
  .info-box {
    width: 100%;
  }
  .info-box hr {
    margin: 8px 0;
  }
  .img-video-group-line1 img,
  .img-video-group-line1 .xjtlu-video {
    max-height: 328px;
    height: 328px;
  }
  .card.card-img-bg {
    max-height: 450px;
  }
  .marquee .swiper-slide img,
  .marquee .swiper-slide .shadow-picture {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 560px) {
  .pc,
  .ipad {
    display: none !important;
  }
  .phone {
    display: block !important;
  }
  .wrapper,
  .wrapper-thin {
    width: 94%;
  }
  .wrapper-thin .posters {
    height: 300px;
  }
  .cd-top-wrap a.cd-top {
    left: 85%;
    width: 60px;
    height: 60px;
  }
  .page-content .page-detail {
    width: 94%;
    flex-direction: column;
    gap: 0;
  }
  .page-content .page-detail .content {
    width: 100%;
  }
  .page-content .page-detail .sidebar {
    padding-top: 25px;
    padding-bottom: 24px;
    top: 60px;
    width: 100%;
    overflow-x: visible;
  }
  .page-content .page-detail .info-box {
    width: 100%;
    top: 85px;
    z-index: 20;
    margin-top: 20px;
  }
  .page-content .page-detail .info-box::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25px;
    top: -24px;
    left: 0;
    z-index: -1;
    background: var(--xjtlu-light-white);
  }
  .page-content .page-detail .xjtlu-video {
    aspect-ratio: 512/300;
    height: auto;
  }
  .page-content .page-detail .portal-card .card_img {
    aspect-ratio: 512/236;
  }
  .page-content .page-detail .card-group-2 .portal-card .card_img {
    aspect-ratio: 512/280;
  }
  .page-content .sidebar .view-input {
    width: 100%;
  }
  .page-content .phone-select {
    display: flex;
  }
  .page-content p:empty {
    height: 15px;
  }
  .page-content hr {
    margin: 40px 0;
  }
  .content {
    width: 100%;
    padding: 0;
  }
  .content hr {
    margin: 40px 0;
  }
  .content .title {
    margin: 40px 0 24px 0;
    line-height: 30px;
  }
  .pagination .page-numbers {
    width: 30px;
    height: 30px;
  }
  a.btn-primary,
  a.btn-secondary {
    font-size: 12px;
    padding: 8px 12px;
    gap: 4px;
  }
  a.btn-primary img,
  a.btn-secondary img {
    width: 12px;
    height: 12px;
  }
  a.no-bg {
    padding: 6px;
  }
  .subheading {
    max-width: 512px;
  }
  .subheading p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .subheading .btns {
    gap: 16px;
  }
  .subheading.align-left p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .subheading.align-left.both-sides {
    flex-wrap: wrap;
  }
  .subheading.both-sides.some-text {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .subheading.both-sides.some-text .left,
  .subheading.both-sides.some-text .right {
    flex: 0 0 100%;
    text-align: center;
  }
  .subheading.both-sides.some-text h2 {
    margin-bottom: 0;
  }
  .subheading.both-sides.some-text p {
    font-size: 18px;
    line-height: 26.1px;
  }
  h1 {
    letter-spacing: -0.02em;
  }
  h2 {
    font-size: 24px;
    letter-spacing: -0.02em;
  }
  h3 {
    letter-spacing: -0.01em;
  }
  h4 {
    letter-spacing: -0.01em;
  }
  h5 {
    font-size: 16px;
  }
  .btn-secondary {
    padding: 6px 2px;
  }
  .btn-secondary:active {
    background: var(--xjtlu-light-secondary);
    color: var(--bs-primary);
  }
  .card.event-card {
    padding: 0;
  }
  .card.event-card .calendar {
    display: none;
  }
  .card.event-card .card-body {
    padding: 12px 16px;
  }
  .card.event-card .card-body .card-title {
    margin: 0;
  }
  .card.event-card .card-body .address img {
    width: 18px;
    height: 18px;
  }
  .card.event-card .card-body .address p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
  }
  .card.event-card .card-body .address.calendars {
    display: flex;
    margin: 8px 0;
  }
  .btn-secondary.light-white {
    color: var(--xjtlu-light-white);
  }
  .btn-secondary.light-white img.pre {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }
  .btn-secondary.light-white img.next {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }
  header .nav-external-links {
    display: none;
  }
  header .header-main {
    padding: 0 16px;
  }
  header .header-main .menus {
    position: absolute;
    flex-direction: column;
    display: none;
  }
  header .header-main .search-nav .search-nav-bar {
    padding: 24px;
  }
  header .header-main .nav-fun {
    position: relative;
  }
  header .header-main .nav-fun .lang-switcher {
    display: flex;
    position: absolute;
    top: 50px;
    flex-direction: column;
    width: 100px;
    height: 104px;
    background: var(--xjtlu-light-white);
    gap: 16px;
    justify-content: center;
    padding: 0 12px;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s;
    box-shadow: 0px 12px 40px 0px var(--xjtlu-dark-black15);
    visibility: hidden;
  }
  header .header-main .nav-fun .lang-switcher a {
    padding: 0;
    font-size: 18px;
    width: 100%;
    display: block;
    color: var(--bs-primary);
  }
  header .header-main .nav-fun .lang-switcher .active {
    background: transparent;
    color: var(--xjtlu-secondary);
  }
  header .header-main .nav-fun .open-version-change {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  header .header-main .nav-fun .small-screen-language {
    display: block;
  }
  header .header-main .nav-fun .search {
    margin: 0 8px;
  }
  header .header-main .header-logo {
    flex: 0 0 160px;
    transform: translateZ(0);
  }
  header .header-main .side-nav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    border-radius: 0;
    padding: 0 24px;
  }
  header .header-main .side-nav::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    z-index: -1;
  }
  header .header-main .side-nav .top {
    padding: 24px 0 12px 0;
  }
  header .header-main .side-nav .top h5 {
    font-size: 20px;
  }
  header .header-main .side-nav .nav-item {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0;
  }
  header .header-main .side-nav .nav-item li {
    padding: 12px 16px;
    width: 100%;
    justify-content: flex-start;
  }
  header .header-main .side-nav .nav-item li:active {
    background: transparent;
  }
  header .header-main .side-nav .nav-item a.link {
    color: var(--xjtlu-dark-black);
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children {
    position: absolute;
    display: none;
    opacity: 0;
    animation-name: submenu_animation;
    animation-duration: 1000ms;
    animation-direction: reverse;
    top: calc(100% + 12px);
    min-width: 90%;
    transform: translateX(-50%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    padding: 24px;
    border-radius: 12px;
    left: 50%;
    z-index: 10;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children a {
    text-align: left;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .first h5 {
    color: var(--bs-primary);
    font-size: 20px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth {
    display: flex;
    gap: 24px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li {
    width: 100%;
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li a {
    color: var(--bs-primary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .depth_1_menu {
    padding-left: 10px;
    margin-top: 10px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .Programmes {
    margin-top: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 {
    border-top: 1px solid var(--xjtlu-dark-black10);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box {
    display: flex;
    gap: 12px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box .card .card-body h4 {
    -webkit-line-clamp: 2;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 a.link-extra-small {
    font-size: 12px;
    color: var(--xjtlu-secondary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen {
    position: absolute;
    display: none;
    opacity: 1;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    padding: 24px;
    z-index: 10;
    overflow-y: auto;
    max-height: calc(100vh - 65px);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first {
    display: flex;
    gap: 10px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first h5 {
    font-size: 20px;
    line-height: 25px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first img {
    width: 25px;
    height: 25px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .link,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .small {
    color: var(--bs-primary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link .revert {
    display: block;
    width: 15px;
    height: 15px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .depth li {
    width: 100%;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .some-link .Programmes {
    margin-bottom: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion {
    width: 100%;
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item {
    border: none;
    background: rgba(0, 0, 0, 0);
    margin-bottom: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button {
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button::after {
    background-image: url("../images/mutation1_down_little.svg");
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("../images/mutation1_up_little.svg");
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed) {
    background: var(--xjtlu-light-secondary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-button:not(.collapsed) .link {
    color: var(--xjtlu-secondary);
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body {
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body .depth_1 {
    padding: 0;
  }
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .xjtlu-accordion .accordion-item .accordion-body .depth_1 .depth_1_menu {
    padding: 0 16px;
    margin-top: 16px;
  }
  header .header-main .side-nav .nav-item .nav-item-li .academics .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .nav-item-li .admissions .depth_1 {
    flex: 0 0 calc((100% - 48px) / 3);
  }
  header .header-main .side-nav .nav-item .nav-item-li .campus-life .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .nav-item-li .about .depth_1,
  header .header-main .side-nav .nav-item .nav-item-li .research .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  header .header-main .side-nav .nav-item .active-li {
    background: #f2f2f9;
  }
  header .header-main .side-nav .nav-item .active-li .item-children {
    display: block;
    animation-direction: normal;
    opacity: 1;
  }
  header .header-main .side-nav .nav-item .active-li .item-children-small-screen {
    display: block;
    animation-direction: normal;
    transform: translateY(65px);
  }
  header .header-main .side-nav .nav-item .active-li a.menu {
    color: var(--xjtlu-secondary);
  }
  header .header-main .side-nav-children-animate {
    transform: translateY(calc(-100% - 65px));
  }
  header .hamburger {
    display: block;
    padding: 8px;
  }
  header .hamburger img, header .hamburger svg {
    width: 20px;
    height: 20px;
  }
  header .apply {
    display: none !important;
  }
  header.stick {
    top: 0;
  }
  footer {
    padding: 40px 32px;
    margin-top: 80px;
  }
  footer .column {
    flex-direction: column;
    position: relative;
  }
  footer .column .building {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  footer .column .column_left {
    position: static;
  }
  footer .column .column-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 80px 0 224px 0;
    width: 100%;
  }
  footer .column .column-right h6 {
    font-size: 18px;
  }
  footer .record {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 24px;
  }
  footer .record .info {
    width: 100%;
  }
  .breadcrumb {
    align-items: center;
    display: none;
  }
  .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
  }
  .breadcrumb .link,
  .breadcrumb .breadcrumb-item.active .link {
    font-size: 12px;
  }
  .breadcrumb.light-white .breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-dividers-light-small, "/");
  }
  .card.icon-card .card_img {
    width: 60px;
    height: 60px;
  }
  .card.icon-card .card-body {
    padding: 0 16px;
  }
  .card.icon-card .card-body .card-title {
    font-size: 18px;
    line-height: 23.4px;
  }
  .card.icon-card .card-body h4 {
    font-size: 16px;
    line-height: 20.8px;
  }
  .card.icon-card .card-body p {
    -webkit-line-clamp: 5;
    text-align: center;
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.icon-card .card-body p a {
    font-size: 14px;
  }
  .card.icon-card .card-body h4 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .card.icon-card .card-body .btn-secondary {
    font-size: 16px;
    line-height: 19.09px;
  }
  .data-block {
    width: 116px;
  }
  .data-block img, .data-block svg {
    width: 60px;
    height: 60px;
  }
  .data-block h2 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .data-block h4 {
    font-size: 12px;
    line-height: 16.8px;
  }
  .data-block .title {
    margin: 0;
  }
  .data-block .phone {
    display: block;
  }
  .data-block.extra-large img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
  .header-section-navigation {
    padding: 140px 24px 24px 32px;
    margin-bottom: 60px;
  }
  .header-section-navigation .pc,
  .header-section-navigation .ipad {
    display: none;
  }
  .header-section-navigation .phone {
    display: block;
  }
  .header-section-navigation .pole {
    width: 16px;
    left: -32px;
    top: 15px;
  }
  .header-section-navigation h1 {
    font-size: 32px;
    line-height: 38.4px;
    margin-top: 0;
  }
  .header-section-navigation h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .header-section-navigation p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .header-section-navigation .breadcrumb .link,
  .header-section-navigation .breadcrumb .breadcrumb-item.active .link {
    font-size: 12px;
    line-height: 16.8px;
  }
  .header-section-navigation .tag-group {
    margin-top: 8px;
  }
  .header-section-navigation.no-cover {
    padding: 120px 32px 32px 32px;
    margin-bottom: 0;
  }
  .header-section-navigation.no-cover .pole {
    width: 16px;
  }
  .header-section-navigation.no-cover h2 {
    font-size: 20px;
    line-height: 25px;
  }
  .card.across-medium .card-body {
    padding: 16px;
  }
  .card.across-medium .card-body h4 {
    -webkit-line-clamp: 3;
  }
  .card.across-medium .card-body .tag {
    display: none;
  }
  .card.across-medium .card_img {
    max-height: 180px;
  }
  .xjtlu-accordion .accordion-item .accordion-header h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .xjtlu-accordion .accordion-item .accordion-button {
    padding: 20px 24px 16px 24px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-left: 24px;
    padding-right: 24px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body h5 {
    font-size: 16px;
    line-height: 19.09px;
  }
  .xjtlu-accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .xjtlu-video {
    position: relative;
    height: 300px;
  }
  .xjtlu-video .video-desc {
    padding: 8px 16px;
  }
  .xjtlu-video .video-desc h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .xjtlu-video .video-js {
    height: 100% !important;
  }
  .xjtlu-video .video-js .vjs-big-play-button {
    width: 44px;
    height: 44px;
  }
  .xjtlu-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: url("../images/play_icon_small.svg");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
  }
  .call-to-action-1 {
    padding: 0;
  }
  .call-to-action-1 .pole {
    width: 32px;
    height: 4px;
  }
  .call-to-action-1 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-1 h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 4px 0 16px 0;
  }
  .call-to-action-1 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .call-to-action-1 a.link img, .call-to-action-1 a.link svg {
    width: 14px;
    height: 14px;
  }
  .call-to-action-1 .bg {
    top: -50px;
    height: 150%;
  }
  .call-to-action-1 .user-business-card {
    bottom: 24px;
    right: 40px;
  }
  .call-to-action-1 .user-business-card img {
    width: 72px;
    height: 72px;
  }
  .call-to-action-1 .user-business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .call-to-action-1 .user-business-card h4 a {
    font-size: 20px;
    line-height: 25px;
  }
  .call-to-action-1 .user-business-card p {
    font-size: 16px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
  }
  .call-to-action-1 .user-business-card > div {
    width: 166px;
    height: 85px;
    max-height: 85px;
  }
  .call-to-action-1.inline {
    padding: 24px 48px;
  }
  .call-to-action-1.inline .pole {
    width: 32px;
    height: 4px;
    top: 58px;
  }
  .call-to-action-1.inline h6 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-1.no-imgBg {
    padding: 40px;
    margin: 0 0 60px 0;
  }
  .call-to-action-1.no-imgBg h2 {
    margin: 0 0 24px 0;
  }
  .call-to-action-1.no-imgBg .pole {
    width: 30px;
    top: 55px;
  }
  .call-to-action-1.no-imgBg h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-1.no-imgBg p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .call-to-action-1.no-imgBg .top-little-icon {
    width: 41.68px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }
  .call-to-action-2 {
    padding: 60px 0;
  }
  .call-to-action-2 h5,
  .call-to-action-2 h2,
  .call-to-action-2 p {
    width: 100%;
  }
  .call-to-action-2 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-2 h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .call-to-action-2 p {
    font-size: 16px;
    line-height: 23.2px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 8px 0 16px 0;
  }
  .call-to-action-2 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .call-to-action-2 a.link img, .call-to-action-2 a.link svg {
    width: 14px;
    height: 14px;
  }
  .call-to-action-2 .bg {
    top: -70px;
    height: 140%;
  }
  .portal-block {
    margin-bottom: 16px;
  }
  .portal-block img, .portal-block svg {
    width: 48px;
    height: 48px;
  }
  .portal-block .ipad {
    display: block;
  }
  .portal-block .desc h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .portal-block .desc img, .portal-block .desc svg {
    width: 24px;
    height: 24px;
  }
  .portal-block-menu {
    margin-bottom: 16px;
  }
  .portal-block-menu .pc,
  .portal-block-menu .ipad {
    display: none;
  }
  .portal-block-menu .phone {
    display: block;
  }
  .portal-block-menu h5 {
    font-size: 16px;
    line-height: 19.09px;
  }
  .portal-block-menu .menu-block {
    padding: 8px;
  }
  .portal-block-menu .menu-block ul {
    gap: 0 16px;
  }
  .business-card h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .business-card p {
    margin: 4px 0 8px 0;
    font-size: 14px;
    line-height: 20.3px;
  }
  .business-card .email {
    flex-direction: column;
  }
  .business-card .email div img {
    display: none;
  }
  .business-card .email div a {
    font-size: 14px;
    line-height: 20.3px;
  }
  .business-card .email .different-view span:first-child {
    display: none;
  }
  .business-card .email .different-view span:last-child {
    display: block;
  }
  .business-card .card-content .business-card-img {
    justify-content: flex-start;
  }
  .business-card .card-content .email div {
    width: 100%;
  }
  .business-card.round-head {
    gap: 16px;
    display: flex;
    text-align: left;
  }
  .business-card.round-head .business-card-img {
    width: auto;
  }
  .business-card.round-head .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  .business-card.round-head p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
  }
  .business-card.round-head .email {
    justify-content: flex-start;
  }
  .business-card.round-head .email div {
    width: 100%;
    justify-content: flex-start;
  }
  .business-card.align-left .card-content {
    display: flex;
    gap: 16px;
    margin: 0;
  }
  .business-card.align-left .email div {
    width: 100%;
    justify-content: flex-start;
  }
  .sidebar .view-input {
    display: flex;
  }
  .interested .call-to-action-1 {
    padding: 40px 48px 80px 48px;
  }
  .interested .call-to-action-1 .pole {
    top: 52px;
  }
  .interested .call-to-action-1 h2 {
    margin: 4px 0 16px 0;
  }
  .gride {
    gap: 16px;
  }
  .gride .business-card {
    width: 244px;
  }
  .gride .business-card .business-card-img img {
    width: 120px;
    height: 120px;
  }
  .program-details-module {
    margin: 32px 0;
  }
  .program-details-module .gride-item3 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .program-details-module .link-item .icon {
    width: 26px;
    height: 26px;
  }
  .program-details-module .link-item .icon img {
    width: 20px;
    height: 20px;
  }
  .program-details-module .link-item h6 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .program-details-module .link-item .go-btn {
    display: none;
  }
  .program-details-module .link-item .underline {
    text-decoration: none;
  }
  .program-details-module .link-item .phone-go-btn {
    display: block;
  }
  .programme-btn-link .icon {
    width: 26px;
    height: 26px;
  }
  .programme-btn-link .icon img {
    width: 20px;
    height: 20px;
  }
  .programme-btn-link h6 {
    font-size: 14px;
    line-height: 16.7px;
    padding-right: 20px;
  }
  .programme-btn-link .go-btn {
    display: none;
  }
  .programme-btn-link .underline {
    text-decoration: none;
  }
  .programme-btn-link .phone-go-btn {
    display: block;
  }
  .horizontal-card {
    flex-direction: column;
    width: 100%;
    gap: 24px;
    margin: 40px 0;
  }
  .horizontal-card .img-desc {
    overflow: hidden;
    border-radius: 12px;
    flex: none;
    width: 100%;
    height: 300px;
  }
  .horizontal-card .img-desc .overlay-box {
    font-size: 14px;
  }
  .horizontal-card .img-desc .overlay-box .overlay-content {
    padding: 16px 16px 26px 16px;
    width: 159px;
  }
  .horizontal-card .img-desc .overlay-box .percentage-box {
    font-size: 24px;
  }
  .horizontal-card .section-header {
    padding: 0;
  }
  .horizontal-card .section-header p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 23.2px;
    margin: 8px 0 16px 0;
  }
  .horizontal-card .section-header p:last-child {
    margin-bottom: 0;
  }
  .horizontal-card .section-header .subheading .title {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
  }
  .horizontal-card .section-header .btns a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .horizontal-card .section-header .btns a.link img {
    width: 14px;
    height: 14px;
  }
  .horizontal-card .section-header .btns .dark-border {
    display: none;
  }
  .horizontal-card .section-header .btn-flat {
    flex-wrap: wrap;
  }
  .horizontal-card .section-header .btn-flat .btn-primary {
    flex: none;
  }
  .horizontal-card2 {
    flex-direction: column;
    gap: 16px;
  }
  .horizontal-card2 .img-desc {
    overflow: hidden;
    flex: 0 0 300px;
    border-radius: 12px;
  }
  .horizontal-card2 .section-header p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26.1px;
    margin: 8px 0 16px 0;
  }
  .horizontal-card2 .section-header p:last-child {
    margin-bottom: 0;
  }
  .horizontal-card2 .section-header .subheading .title {
    margin: 0;
  }
  .horizontal-card2 .section-header .subheading .text {
    font-size: 20px;
    line-height: 25px;
  }
  .horizontal-card2 .section-header .subheading h5 {
    text-align: center;
  }
  .horizontal-card2 .section-header .btns a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }
  .horizontal-card2 .section-header .btns a.link img {
    width: 14px;
    height: 14px;
  }
  .horizontal-card2 .section-header .btns .dark-border {
    display: none;
  }
  .horizontal-card2 .content-desc {
    text-align: center;
  }
  .horizontal-card2 .content-desc .btns {
    display: flex;
    justify-content: center;
  }
  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) {
    flex-direction: column-reverse;
  }
  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) .img-desc .overlay-content {
    padding: 16px 26px 26px 16px;
  }
  .horizontal-card-group2 .horizontal-card:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .subtitle-horizontal-card .section-header .subheading .title {
    font-size: 20px;
    line-height: 25px;
  }
  .testimonial.horizontal {
    padding: 40px 24px;
  }
  .testimonial.horizontal h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .testimonial.horizontal p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .testimonial.horizontal p a {
    font-size: 14px;
  }
  .testimonial.horizontal img {
    width: 32px;
    height: 32px;
    margin: 16px auto 12px auto;
  }
  .image-top-block {
    flex-direction: column;
    gap: 16px;
  }
  .image-top-block .card {
    width: 100%;
  }
  .image-top-block .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
    margin: 24px 0 8px 0;
  }
  .image-top-block .card .card-body p {
    font-size: 14px;
    line-height: 23.2px;
    margin: 0 0 16px 0;
  }
  .image-top-block .card .card-body .link {
    display: none;
    margin-bottom: 8px;
  }
  .stepper-module ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .stepper-module ul li {
    width: 100%;
    font-size: 14px;
    line-height: 16.7px;
    padding: 19.5px 24px;
    border-radius: 6px;
  }
  .stepper-module ul li a {
    font-style: normal;
    border: none;
    text-decoration: none;
  }
  .stepper-module ul li::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--xjtlu-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul li::after {
    content: " ";
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 6px solid var(--xjtlu-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul li:first-child::before {
    display: none;
  }
  .stepper-module ul li:last-child::after {
    display: none;
  }
  .stepper-module ul li span {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    right: 0;
    z-index: 999;
    border-top: 6px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul li .top {
    top: -1px;
    right: 0;
    left: 0;
  }
  .stepper-module ul li .bottom {
    top: 54px;
    right: 0;
    left: 0;
  }
  .stepper-module ul .dark-step::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul .dark-step::after {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
  }
  .stepper-module ul .dark-step .top {
    display: block;
  }
  .stepper-module ul .purple-step::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--xjtlu-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul .purple-step span {
    border-top: 6px solid #f5ddf3;
    border-left: 12px solid transparent;
  }
  .stepper-module ul .purple-step .top {
    border-top: 6px solid #fff;
    border-left: 12px solid transparent;
    background: transparent;
  }
  .stepper-module ul .active {
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
  }
  .stepper-module ul .active a {
    color: #fff;
  }
  .stepper-module ul .active::before {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
    top: -1px;
  }
  .stepper-module ul .active::after {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }
  .stepper-module ul .active .top {
    display: none;
  }
  .stepper-module ul .active .bottom {
    display: none;
  }
  .state-data-block {
    margin: 32px 0;
  }
  .card.horizontal .card-overlay .card-title {
    font-size: 18px;
    line-height: 23.4px;
    word-break: break-word;
  }
  .card.horizontal .card-overlay h6 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .sidebar {
    flex-direction: column;
    overflow: visible;
    width: 100%;
  }
  .sidebar .view-input {
    width: 100%;
    display: flex;
    padding: 14.5px 16px;
  }
  .sidebar .top {
    display: none;
  }
  .sidebar .side-nav {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 490px;
    overflow-y: auto;
    left: 0;
    top: calc(100% + 20px);
    box-shadow: 0px 8px 26px 0px var(--xjtlu-shadow-15);
    background: var(--xjtlu-light-white);
    z-index: 15;
  }
  .sidebar .side-nav .nav-item {
    padding: 12px 16px;
  }
  .sidebar .side-nav .nav-item .active {
    background: var(--xjtlu-light-secondary);
  }
  .sidebar .side-nav .nav-item .active a {
    color: var(--xjtlu-secondary);
  }
  .sidebar .side-nav .nav-item .accordion .accordion-body {
    padding: 0;
  }
  .sidebar .side-nav-link {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    box-shadow: none;
    z-index: 10;
  }
  .sidebar .side-nav-link .nav-item {
    padding: 14.5px 16px;
  }
  .sidebar .side-nav-link .nav-item li {
    padding: 0;
  }
  .sidebar .side-nav-link .nav-item li a {
    padding: 0;
  }
  .sidebar .text {
    font-size: 16px;
    line-height: 23.2px;
    display: flex;
    align-items: center;
    font-family: "Gilroy", "SF Pro SC", "PingFang SC", 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--xjtlu-dark-black);
  }
  .sidebar .choose-down {
    filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
  }
  .sidebar .row-layouts {
    margin: 0 0 32px 0;
  }
  .sidebar .row-layouts .view-input {
    padding: 19px 16px;
  }
  .sidebar .row-layouts .side-nav {
    padding: 12px 16px;
    margin: 0;
  }
  .sidebar .row-layouts .side-nav .nav-item {
    display: block;
    padding: 0;
  }
  .sidebar .row-layouts .side-nav .nav-item .active {
    background: var(--xjtlu-light-secondary);
  }
  .sidebar .row-layouts .side-nav .nav-item .active a {
    color: var(--xjtlu-secondary);
  }
  .sidebar .multiple-link-list {
    display: none;
  }
  .sidebar .multiple-link-select {
    display: flex;
    gap: 16px;
    flex-direction: column;
  }
  .sidebar .multiple-link-select .side-nav-link {
    top: 0;
    width: 100%;
  }
  .sidebar .omit-select {
    flex: none;
    width: auto;
    position: initial;
  }
  .sidebar .omit-select .view-input {
    display: none;
  }
  .sidebar .omit-select .view-more {
    display: flex;
  }
  .sidebar .omit-select .side-nav {
    width: 100%;
  }
  .sidebar .swiper {
    height: auto;
  }
  .sidebar .swiper .swiper-wrapper {
    display: block;
    padding: 8px 0;
  }
  .sidebar .swiper .swiper-wrapper .swiper-slide {
    padding: 8px 16px 0 16px;
    height: auto;
  }
  .sidebar .swiper .swiper-wrapper .swiper-slide a {
    font-size: 16px;
    line-height: 23.2px;
  }
  .sidebar .swiper .swiper-wrapper .active {
    background: none;
  }
  .sidebar .swiper-next,
  .sidebar .swiper-pre {
    display: none;
  }
  .sidebar-goups {
    flex-direction: row;
  }
  .block-item3 {
    gap: 16px;
  }
  .block-item3 .gride-item3 {
    flex: 0 0 100%;
  }
  .block-item3 .gride-item3 .card-body .link {
    display: flex;
  }
  .block-item3 .gride-item3 .card-body .link .revert {
    width: 15px;
    height: 15px;
  }
  .block-item3 .gride-item3 .card-body p {
    font-size: 18px;
    line-height: 26.1px;
    margin: 4px 0 12px 0;
  }
  .gride .gride-item3-block {
    flex: 0 0 100%;
    height: auto;
    min-height: 100px;
  }
  .gride .gride-item4 {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .card.programme .card-body {
    padding: 16px;
  }
  .card.programme .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
    color: var(--xjtlu-dark-black);
  }
  .alphabet-list ul {
    flex-wrap: wrap;
  }
  .card.vertical {
    flex: 0 0 calc((100% - 16px) / 2);
    aspect-ratio: 248/300;
  }
  .card.vertical .card-overlay .card-title,
  .card.vertical .card-overlay h6 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .card.vertical .card-overlay .card-title {
    margin-bottom: 0;
  }
  .card.vertical .card-overlay h6 {
    margin: 4px 0 24px 0;
  }
  .introduction-video {
    padding: 60px 0;
  }
  .introduction-video .wrapper {
    flex-direction: column;
  }
  .introduction-video .section-header {
    width: 100%;
  }
  .introduction-video .section-header .subheading .title {
    margin: 4px 0 8px 0;
  }
  .introduction-video .section-header p,
  .introduction-video .section-header h5 {
    font-size: 18px;
    line-height: 26.1px;
  }
  .introduction-video .section-header h5 {
    color: var(--xjtlu-secondary);
  }
  .introduction-video .xjtlu-video {
    aspect-ratio: 512/300;
    height: auto;
  }
  .card.pdf-card {
    margin: 32px 0;
    padding: 0 16px;
  }
  .card.pdf-card .card-body {
    padding: 24px 0 24px 12px;
  }
  .card.pdf-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .card.pdf-card .card-body .btns {
    flex-direction: column;
  }
  .card.pdf-card .card-body .btns a.link {
    padding: 8px 12px;
  }
  .card.pdf-card .card_img {
    max-width: 140px;
    max-height: 195px;
    height: 195px;
    margin: 24px 0;
  }
  .card.pdf-card .card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .article-module-left-right-layout .section-title .subheading .right a.link {
    padding: 8px 12px;
  }
  .article-module-left-right-layout-list {
    flex-direction: column;
  }
  .article-module-left-right-layout-list .card .card-body {
    padding: 16px;
  }
  .article-module-left-right-layout-list .card .card-body .card-title {
    margin: 0;
  }
  .article-module-left-right-layout-list .card .card-body .tag {
    display: none;
  }
  .article-module-left-right-layout-list .card .card-body .card-text {
    display: none;
  }
  .article-module-left-right-layout-list .card .card-body .btn-secondary {
    font-size: 16px;
    margin-top: 8px;
  }
  .article-module-left-right-layout-list .left {
    min-height: auto;
  }
  .article-module-left-right-layout-list .left .card .card_img {
    max-height: 296px;
  }
  .article-module-left-right-layout-list .right .card .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .article-module-left-right-layout-list .right .card .card_img {
    max-height: 163px;
  }
  .article-module-left-right-layout-list .right .card .card_img img {
    aspect-ratio: 219/108;
  }
  .article-module-left-right-layout-list .right .card .card-body .card-text {
    margin: 6px 0 12px 0;
  }
  .article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
  }
  .article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
    display: block;
  }
  .video-swiper {
    margin-bottom: 32px;
  }
  .video-swiper .btn-left,
  .video-swiper .btn-right {
    display: none;
  }
  .icon-list-box {
    flex-direction: column;
    margin: 60px 0 40px 0;
  }
  .icon-list-box .up-down.icon-card {
    width: 100%;
  }
  .icon-list-box .up-down.icon-card .card_img {
    width: 120px;
    height: 120px;
  }
  .icon-list-box .up-down.icon-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .icon-list-box .up-down.icon-card .card-body .card-text,
  .icon-list-box .up-down.icon-card .card-body a.link {
    font-size: 16px;
    line-height: 23.2px;
  }
  .icon-list-box .up-down.icon-card .card-body a.link {
    margin-top: 16px;
  }
  .icon-list-box .up-down.icon-card .card-body a.link img {
    width: 15px;
    height: 15px;
  }
  .vertical-layout {
    flex-direction: column;
  }
  .vertical-layout .card {
    width: 100%;
  }
  .info-list-box h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .info-list-box a.link {
    font-size: 14px;
    padding: 12px 20px;
  }
  .subscribe-module {
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
  }
  .subscribe-module .bg {
    position: relative;
    top: 0;
    height: 150%;
  }
  .subscribe-module .subscribe-box {
    width: 100%;
    background-color: var(--xjtlu-light-white);
    border-radius: 0;
    padding: 24px;
  }
  .subscribe-module .subscribe-box .subscribe-logo {
    width: 32px;
    height: 32px;
  }
  .subscribe-module .subscribe-box h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .subscribe-module .subscribe-box p {
    font-size: 14px;
    line-height: 20.3px;
    margin-bottom: 0;
  }
  .subscribe-module .subscribe-box .text-field {
    display: none;
    padding: 5px 16px;
    width: 100%;
    background: var(--xjtlu-light-secondary);
  }
  .subscribe-module .subscribe-box .text-field input {
    font-size: 12px;
  }
  .subscribe-module.img-bg-module {
    border-radius: 0;
    padding: 60px 24px;
  }
  .subscribe-module.img-bg-module .bg {
    position: absolute;
  }
  .subscribe-module.img-bg-module .subscribe-box {
    padding: 24px 36px 48px 24px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--xjtlu-light-white80);
    border-radius: 12px;
  }
  .subscribe-module.img-bg-module .subscribe-box .subscribe-logo {
    width: 64px;
    height: 64px;
  }
  .subscribe-module.img-bg-module .subscribe-box p {
    font-size: 18px;
    line-height: 26.1px;
  }
  .subscribe-module.img-bg-module .subscribe-box .text-field {
    padding: 14px 16px;
    display: block;
  }
  .subscribe-module.img-bg-module .subscribe-box .text-field input {
    font-size: 16px;
  }
  .subscribe-module.img-bg-module .subscribe-box a {
    font-size: 16px;
    padding: 16px 32px;
  }
  .subscribe-module.img-left-module .bg {
    aspect-ratio: 560/214;
  }
  .ipad-btns {
    gap: 24px;
  }
  .ipad-btns .card .card-body .link {
    display: flex;
  }
  .ipad-btns .card .card-body .btn-primary {
    display: none;
  }
  .long-btns {
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
  }
  .anchor-bar {
    border: none;
    border-radius: 0;
  }
  .anchor-bar ul {
    padding: 0;
    flex-wrap: wrap;
  }
  .anchor-bar ul li {
    padding: 12px 16px;
    border-radius: 12px;
  }
  .qrcode-list img {
    width: 150px;
    height: 150px;
  }
  .sidebar-box {
    width: 100%;
    overflow: visible;
  }
  .anchor-bar-box {
    height: auto;
  }
  .anchor-bar-box-height {
    height: 340px;
  }
  .anchor-bar-stick {
    width: 94%;
    top: 310px;
  }
  .cover-block {
    height: 300px;
  }
  .events .section-title .subheading .right a.link {
    padding: 8px 12px;
  }
  .events .section-title .subheading .left p {
    display: none;
  }
  .events .section-title h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .event-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 16px 0;
  }
  .event-swiper .card .card-body .card-title {
    font-size: 16px;
    line-height: 20.8px;
  }
  .event-swiper .btn-right,
  .event-swiper .btn-left,
  .event-swiper .obscure-right,
  .event-swiper .obscure-left {
    display: none !important;
  }
  .testimonial-swiper {
    padding-bottom: 0;
  }
  .testimonial-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 16px 0;
  }
  .testimonial-swiper .btn-right,
  .testimonial-swiper .btn-left,
  .testimonial-swiper .obscure-right,
  .testimonial-swiper .obscure-left,
  .testimonial-swiper .swiper-pagination {
    display: none !important;
  }
  .slider-swiper .swiper-pre,
  .slider-swiper .swiper-next {
    display: none;
  }
  .slider-swiper .swiper-slide {
    height: 100px;
  }
  .text-image-component .subheading {
    margin-bottom: 40px;
  }
  .text-image-component p {
    margin: 8px auto 0 auto;
  }
  .text-image-component .image-top-block {
    flex-direction: column;
  }
  .text-image-component .image-top-block .card {
    width: 100%;
  }
  .text-image-component .image-top-block .card .card_img {
    height: auto;
  }
  .text-image-component .image-top-block .card .card-title {
    margin: 0;
  }
  .gallery-module {
    padding: 60px 0;
    margin: 60px 0;
  }
  .gallery-module .horizontal-card {
    width: 94%;
    margin: 0 auto;
  }
  .gallery-module .horizontal-card .img-desc {
    height: auto;
    border-radius: 0;
  }
  .gallery-module .img-desc {
    padding: 0;
    text-align: center;
    height: auto;
  }
  .gallery-module .img-desc img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .gallery-module .section-header .subheading {
    text-align: center;
  }
  .gallery-module .section-header .subheading .btns {
    justify-content: center;
  }
  .gallery-module .section-header .subheading p {
    margin: 8px 0 16px 0;
  }
  .header-text .big-title {
    font-size: 32px;
    line-height: 38.4px;
  }
  .header-text h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .image-gallery {
    gap: 8px;
  }
  .image-gallery img {
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    width: 90px;
    border-radius: 8px;
  }
  .image-gallery .image-box-left {
    gap: 8px;
  }
  .image-gallery .image-box-left img {
    transform: translateX(-10px);
  }
  .image-gallery .image-box-right {
    gap: 8px;
  }
  .image-gallery .image-box-right img {
    transform: translateX(-30px);
  }
  .banner-call-to-action {
    padding: 168px 32px 32px 32px;
  }
  .banner-call-to-action h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .banner-call-to-action p {
    font-size: 18px;
    line-height: 26.1px;
    -webkit-line-clamp: 5;
    margin: 0 0 16px 0;
  }
  .banner-call-to-action a.link {
    font-size: 12px;
    line-height: 16.8px;
    border: none;
    background: var(--xjtlu-light-white20);
  }
  .banner-swiper {
    padding-bottom: 40px;
  }
  .subheading.datepicker-subheading {
    flex-direction: column;
    align-items: flex-start;
  }
  .subheading.datepicker-subheading .right {
    width: 100%;
  }
  .subheading.datepicker-subheading .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }
  .subheading.datepicker-subheading .datepicker-block .btn-primary {
    display: none;
  }
  .subheading.datepicker-subheading .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--xjtlu-light-secondary);
  }
  .subheading.datepicker-subheading .datepicker-block .select-date-icon {
    display: block;
  }
  .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }
  .datepicker-block .btn-primary {
    display: none;
  }
  .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--xjtlu-light-secondary);
  }
  .datepicker-block .select-date-icon {
    display: block;
  }
  .subheading.dateline-subheading h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .date-event-list {
    margin-left: 0;
    width: 100%;
    flex-direction: column;
  }
  .large-event-card {
    padding: 12px 16px;
    width: 100%;
    flex: none;
  }
  .large-event-card .event-card.large .card-body {
    padding: 0;
  }
  .large-event-card .event-card.large .card-body .card-title {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 8px;
    -webkit-line-clamp: 1;
  }
  .large-event-card .event-card.large .card-body .date {
    margin-bottom: 8px;
  }
  .large-event-card .dark {
    display: none;
  }
  .large-event-card .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    display: none;
  }
  .large-event-card .btns a {
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: auto;
  }
  .large-event-card .btns a:first-of-type {
    display: flex;
  }
  .date-card-module {
    margin-bottom: 40px;
  }
  .date-card-module .date-event-list {
    width: 100%;
    margin-left: 0;
  }
  .date-card-list {
    flex-direction: column;
  }
  .date-card-list .card {
    width: 100%;
  }
  .date-card-list .card .card_img {
    margin-bottom: 4px;
  }
  .subheading.both-sides p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.up-down .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .card.up-down .card-body p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .card.up-down .card-body a {
    font-size: 14px;
    line-height: 16.7px;
  }
  .card.up-down .card_img {
    max-height: 296px;
    height: 296px;
  }
  .card.overlap .card-body .tags .link {
    font-size: 12px;
  }
  .card.overlap .card-body .card-text {
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.overlap .card-body .card-text a {
    font-size: 14px;
  }
  .card.overlap .card-body .card-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .card.overlap .card-body .small-date-card p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.overlap .card-body .btns a.link {
    padding: 8px 12px;
    font-size: 12px;
  }
  .state-data-block .data-list .data-block h5 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .mb-40 {
    margin: 0 0 24px 0;
  }
  .mb40-40-40 {
    margin-bottom: 40px;
  }
  .margin-60 {
    margin-bottom: 40px;
  }
  .mb60-40-32 {
    margin-bottom: 32px;
  }
  .mb-100 {
    margin-bottom: 60px;
  }
  .mb24-24-16 {
    margin-top: 16px;
  }
  .mb80-40-60 {
    margin-bottom: 60px;
  }
  .mb60-80-60 {
    margin-bottom: 60px;
  }
  .mb60-40-60 {
    margin-bottom: 60px;
  }
  .mb60-32-24 {
    margin-bottom: 24px;
  }
  .mb40-24-16 {
    margin-bottom: 16px;
  }
  .mb32-40-32 {
    margin-bottom: 32px;
  }
  .only-pc-btn {
    display: none !important;
  }
  footer {
    margin-top: 60px;
  }
  .error-banner {
    flex-direction: column;
    padding-bottom: 0;
  }
  .error-banner .img {
    flex: none;
    text-align: center;
    margin: 0 auto 24px;
    width: 94%;
    height: 210px;
  }
  .error-banner .img img {
    width: 100%;
    height: 100%;
  }
  .error-banner .message {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
    margin: auto;
  }
  .audio-swiper {
    margin-bottom: 32px;
  }
  .audio-swiper .xjtlu-audio-box h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .audio-swiper .xjtlu-audio-box hr {
    margin: 16px 0;
  }
  .audio-swiper .xjtlu-audio-box p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .audio-swiper .xjtlu-audio-box p a {
    font-size: 14px;
  }
  .audio-swiper .xjtlu-audio-box .btn-ctrl {
    background-size: 7px;
    width: 38px;
    height: 38px;
  }
  .audio-swiper .xjtlu-audio-box .xjaudio-player {
    align-items: center;
  }
  .audio-swiper .xjtlu-audio-box .xjaudio-player .timer,
  .audio-swiper .xjtlu-audio-box .xjaudio-player .duration {
    font-size: 14px;
  }
  .audio-swiper .change-btn a {
    padding: 12px;
  }
  .audio-swiper .change-btn a img {
    width: 14px;
    height: 14px;
  }
  .user-info .business-card {
    flex: none;
    width: 100%;
    align-items: center;
  }
  .user-info .business-card .business-card-img {
    margin-bottom: 0;
  }
  .user-info .business-card .business-card-img img {
    width: 64px;
    height: 64px;
  }
  .user-info .business-card h5 {
    font-size: 16px;
    line-height: 19.09px;
  }
  .user-info .business-card p {
    font-size: 14px;
    line-height: 20.3px;
    margin: 0;
  }
  .user-info .business-card .margin-p {
    margin-bottom: 2px;
  }
  .user-info .business-card .email {
    flex-direction: row;
  }
  .user-info .business-card .email a {
    font-size: 14px;
    line-height: 20.3px;
  }
  .search-list .subheading h5 {
    font-size: 14px;
    line-height: 16.7px;
  }
  .search-list .subheading h2 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .condition-content .condition {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .condition-content .condition .sidebar {
    flex-direction: column;
  }
  .condition-content .condition .sidebar .choose-select {
    width: auto;
  }
  .condition-content .condition .change-btns {
    padding: 8px 6px;
    grid-area: 1/2;
  }
  .condition-content .text-field {
    width: 100%;
    grid-column: 1/-1;
  }
  .condition-content .dropdown-list {
    grid-column: auto;
  }
  .profile {
    flex-direction: column-reverse;
    align-items: center;
  }
  .profile .text-desc {
    flex: auto;
  }
  .profile .text-desc h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .profile .img-info {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 512/500;
  }
  .profile .img-info img {
    height: 100%;
  }
  p.center {
    max-width: 100%;
  }
  .top-dropdown {
    margin-bottom: 24px;
    padding: 14.5px 16px;
  }
  .leader-list .business-card {
    width: 244px;
  }
  .leader-list .business-card .business-card-img img {
    width: 120px;
    height: 120px;
  }
  .leader-list .business-card:first-child {
    width: 100%;
  }
  .leader-list2 .card-group-2 {
    flex-direction: row;
  }
  .leader-list2 .business-card .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  .leader-list2 .business-card h6 {
    font-size: 14px;
    line-height: 20.3px;
    margin-bottom: 8px;
  }
  .leader-list2 .business-card p,
  .leader-list2 .business-card .email-link {
    font-size: 12px;
    line-height: 18px;
  }
  .leader-list2 .business-card p {
    margin: 0 0 4px 0;
  }
  .leader-list2.left .card-content {
    max-width: 100%;
    margin: 0;
    display: flex;
    gap: 16px;
  }
  .portal-card .card_img {
    margin-bottom: 16px;
    aspect-ratio: 512/200;
  }
  .portal-card .large-img {
    aspect-ratio: 512/200;
  }
  .portal-card .card-body .btn-primary {
    border: none;
    padding: 0;
    color: var(--xjtlu-secondary);
    font-size: 14px;
    line-height: 16.7px;
  }
  .portal-card .card-body .btn-primary img {
    filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
  }
  .portal-card .card-body .btn-secondary {
    border: 1px solid var(--xjtlu-secondary);
    padding: 8px 12px;
    color: var(--bs-primary);
    border-radius: 28px;
    font-size: 14px;
    line-height: 16.7px;
  }
  .portal-card .card-body .btn-secondary img, .portal-card .card-body .btn-secondary svg {
    width: 14px;
    height: 14px;
    filter: invert(4%) sepia(75%) saturate(6719%) hue-rotate(244deg) brightness(83%) contrast(110%);
  }
  .portal-card .card-body .btns {
    gap: 8px;
  }
  .portal-card .card-body .btns .btn-primary {
    flex: none;
  }
  .portal-card .card-body .btns .btn-primary img, .portal-card .card-body .btns .btn-primary svg {
    filter: invert(4%) sepia(75%) saturate(6719%) hue-rotate(244deg) brightness(83%) contrast(110%);
  }
  .grey-section {
    padding: 60px 0;
  }
  .portal-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .portal-card .card-body p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .cover-card .card_img {
    width: 100%;
    aspect-ratio: 512/202;
    min-height: 0;
  }
  .cover-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .cover-card.large .card_img {
    aspect-ratio: 512/200;
  }
  .card-group-4 {
    gap: 16px;
    flex-direction: column;
  }
  .captions.small {
    aspect-ratio: 512/206;
    width: 100%;
    flex: none;
  }
  .call-to-action-3 {
    padding: 40px 48px 80px 48px;
  }
  .call-to-action-3 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-3 h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 4px 0 16px 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .call-to-action-3 .pole {
    width: 32px;
    top: 52px;
  }
  .call-to-action-3 .bg {
    height: 150%;
    top: -70px;
  }
  .card-group-2 {
    flex-direction: column;
  }
  .card-group-2 .card.up-down-card .card_img {
    aspect-ratio: 219/108;
  }
  .card-group-2 .card.up-down-card .card-body .card-title {
    -webkit-line-clamp: 2;
  }
  .card-group-2 .portal-card .card_img {
    aspect-ratio: 512/200;
  }
  .card-group-3 {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  .card-group-3 .business-card {
    flex: 0 0 calc((100% - 24px) / 2);
    width: 100%;
  }
  .card-group-3 .cover-card .card_img {
    aspect-ratio: 512/227;
  }
  .card-group-3 .portal-card .card_img {
    aspect-ratio: 512/300;
    max-height: 100%;
  }
  .card-group-3 .up-down-card .card_img {
    aspect-ratio: 219/108;
  }
  .card-group-5 {
    gap: 16px;
  }
  .card-group-5 .posters {
    flex: 0 0 calc((100% - 48px) / 4);
  }
  .card-group-5 .posters img {
    aspect-ratio: 112/176;
  }
  .card-group-5 .posters:last-child {
    display: none;
  }
  .posters h4 {
    display: none;
  }
  .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .card .card-body .card-date {
    font-size: 14px;
  }
  .card .card_img {
    max-height: 221px;
  }
  .card.up-down-card {
    flex-direction: row;
  }
  .card.up-down-card .card_img {
    min-width: 40%;
    max-width: 163px;
    height: auto;
  }
  .card.up-down-card .card-body {
    padding: 16px;
  }
  .card.up-down-card .card-body .tag {
    display: none;
  }
  .card.up-down-card .card-body .card-title {
    margin: 0 0 6px 0;
    font-size: 20px;
    line-height: 25px;
  }
  .card.up-down-card .card-body .btn-secondary {
    font-size: 14px;
  }
  .card.up-down-card .card-body p {
    display: none;
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.no-img-card .card-body {
    padding: 16px;
  }
  .card.no-img-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .card.no-img-card p {
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 20.3px;
  }
  .card.card-img-bg {
    max-width: 730px;
    max-height: 360px;
  }
  .card.card-img-bg .card-overlay {
    padding: 0 24px 24px 24px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .card.card-img-bg h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .card.card-img-bg h3,
  .card.card-img-bg p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .card.card-img-bg a.link .revert {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }
  .card.card-img-bg:hover {
    background: linear-gradient(180deg, rgba(2, 6, 69, 0) 50.52%, rgba(2, 6, 69, 0.5) 100%);
    box-shadow: 0px 8px 26px 0px var(--xjtlu-dark-black15);
  }
  .topic-group .btn-primary {
    display: flex;
    margin: 24px auto 0 auto;
  }
  .topic-group .subheading.both-sides .right {
    display: none;
  }
  .call-to-action-1.quote {
    padding: 40px;
  }
  .call-to-action-1.quote .pole {
    width: 30px;
    top: 55px;
  }
  .call-to-action-1.quote h2 {
    margin: 0 0 24px 0;
  }
  .call-to-action-1.quote h4 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .call-to-action-1.quote p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .call-to-action-1.quote .top-little-icon {
    width: 41.68px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }
  .call-to-action-1.quote-photo {
    padding: 40px 40px 120px 40px;
  }
  .call-to-action-1.quote-photo .pole {
    width: 30px;
    top: 52px;
  }
  .call-to-action-1.quote-photo .top-little-icon {
    width: 41.66px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }
  .card-swiper2 {
    padding-bottom: 40px !important;
  }
  .card-swiper2 .swiper-wrapper {
    flex-direction: row !important;
  }
  .card-swiper2 .swiper-pagination {
    display: block;
  }
  .info-list p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .info-list p a {
    font-size: 16px;
    line-height: 23.2px;
  }
  .poster-swiper .swiper-wrapper {
    flex-direction: row;
  }
  .poster-swiper .swiper-slide {
    width: 180px;
  }
  .poster-swiper .swiper-slide .posters {
    height: auto;
  }
  .poster-swiper .swiper-slide .posters img {
    height: 280px;
    aspect-ratio: 180/280;
    flex: none;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
  }
  .poster-swiper .swiper-next,
  .poster-swiper .swiper-pre {
    display: none;
  }
  .image-waterfall .pole {
    height: 60px;
  }
  .image-waterfall h5 {
    font-size: 16px;
  }
  .image-waterfall h2 {
    font-size: 24px;
    line-height: 30px;
    width: 100%;
    padding: 0 24px;
  }
  .image-waterfall .btns .dark-border {
    display: flex;
  }
  .image-waterfall .moving-bg {
    gap: 8px;
    height: 200px;
  }
  .image-waterfall .moving-bg .bg_1 {
    top: -55px;
  }
  .image-waterfall .moving-bg .bg_2 {
    top: -9.6px;
  }
  .image-waterfall .moving-bg .bg_3 {
    top: 9.4px;
  }
  .image-waterfall .moving-bg .bg_4 {
    top: -15.56px;
  }
  .image-waterfall .moving-bg .bg_5 {
    top: -60.44px;
  }
  .image-waterfall .moving-bg .bg-icon img {
    margin-bottom: 8px !important;
  }
  .hero {
    margin-bottom: 60px;
  }
  .hero .hero_content {
    width: auto;
  }
  .hero .hero_content .title h1 {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.03em;
  }
  .hero .hero_content .description {
    width: 256px;
    margin: 0 auto;
  }
  .hero .pole {
    width: 2.29px;
    height: 62.34px;
  }
  .category {
    padding: 40px 0;
  }
  .category h6 {
    flex: 0 0 15%;
    text-align: left;
  }
  .category .category-item {
    flex-wrap: wrap;
  }
  .category .category-item a {
    padding: 12px 20px;
  }
  .category .category-item a h4 {
    font-size: 14px;
  }
  .partnership {
    padding-bottom: 80px;
  }
  .partnership .pole {
    height: 80px;
  }
  .partnership p.large {
    padding: 0 32px;
  }
  .partnership .logos img.change {
    max-width: 82px;
    max-height: 82px;
  }
  .partnership .count-list {
    display: grid;
    max-width: 272px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 40px;
    margin: 80px auto 60px auto;
  }
  .partnership .count-list .data-block {
    justify-self: center;
  }
  .partnership .count-list .data-block h4 {
    font-size: 14px;
    color: var(--xjtlu-light-white);
  }
  .partnership h2.slideup,
  .partnership p.large {
    width: 100%;
  }
  .partnership a.light-border {
    font-size: 18px;
    padding: 16px 32px;
  }
  .our-programmes {
    width: 94%;
  }
  .our-programmes .pole {
    top: 68px;
  }
  .our-programmes .call-to-action-1 {
    padding: 60px 24px;
  }
  .our-programmes .call-to-action-1 .pole {
    width: 16px;
  }
  .our-programmes .call-to-action-1 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .our-programmes .call-to-action-1 h2,
  .our-programmes .call-to-action-1 h5 {
    max-width: 406px;
  }
  .our-programmes .call-to-action-1 h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
  .our-programmes .programme-cards {
    flex-direction: column;
    margin-top: 30px;
  }
  .our-programmes .programme-cards .card.programme .card-body a.link {
    font-size: 16px;
  }
  .our-programmes .programme-cards .card.programme .card-body .card-title {
    font-size: 24px;
    margin-bottom: 76px;
    font-size: 20px;
    line-height: 25px;
  }
  .events-select-swiper {
    display: none;
  }
  .results-display-box {
    padding: 70.5px 16px;
    gap: 12px;
  }
  .results-display-box img {
    width: 60px;
    height: 60px;
  }
  .results-display-box .title {
    font-size: 18px;
    line-height: 23.4px;
    margin: 0;
  }
  .author-info {
    margin-bottom: 24px;
  }
  .author-info h5 {
    font-size: 18px;
    line-height: 23.4px;
  }
  .author-info p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .text-group2 {
    flex-direction: column;
  }
  .text-group2 .text-box .title {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 16px;
    margin-top: 0;
  }
  .text-group2 .text-box p {
    font-size: 14px;
    line-height: 20.3px;
  }
  .marquee .swiper-slide .shadow-picture {
    width: 170px;
    height: 170px;
  }
  .marquee .swiper-slide img {
    width: 170px;
    height: 170px;
  }
  .shadow-picture {
    height: 360px;
  }
  .data-list4 {
    gap: 16px;
  }
  .data-list4 .data-block {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .form-group {
    flex-direction: column;
    gap: 24px;
  }
  .form-group label {
    font-size: 16px;
    line-height: 19.09px;
    margin-bottom: 8px;
  }
  .form-group .form-input {
    width: 100%;
  }
  .card-swiper .card .card-body {
    padding: 16px 14px;
  }
  .card-swiper .card .card-body .card-text {
    margin-bottom: 56px;
    color: var(--xjtlu-dark-black);
    font-size: 14px;
    line-height: 20.3px;
    -webkit-line-clamp: 3;
  }
  .card-swiper .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .card-swiper .card .card_img {
    flex: none;
    aspect-ratio: 512/320;
    height: auto;
  }
  .card-swiper .card.up-down .card-body {
    min-height: 190px;
  }
  .card-swiper .change-btn {
    display: none;
  }
  .card-swiper .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
  }
  .search-criteria {
    width: 100%;
  }
  .search-results {
    width: 100%;
    padding-top: 24px;
  }
  .topic-group2 {
    flex-direction: column;
    gap: 40px;
  }
  .subheading2 {
    flex-direction: column;
    text-align: center;
  }
  .subheading3 p {
    font-size: 16px;
    line-height: 23.2px;
  }
  .stepper-content p {
    max-width: 100%;
  }
  .accordion-swiper-show .swiper {
    --circle-speed: 15s;
  }
  .accordion-swiper-show .swiper .swiper-slide-active .circle {
    animation: stroke var(--circle-speed, 15s) linear forwards;
  }
  .accordion-swiper {
    padding-bottom: 40px;
  }
  .accordion-swiper .swiper-slide {
    flex-direction: column;
  }
  .accordion-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .accordion-swiper .swiper-slide .sc-content {
    bottom: 24px;
    left: 0;
    padding: 0 16px;
    max-width: 100%;
  }
  .accordion-swiper .swiper-slide .sc-content h3 {
    font-size: 20px;
    line-height: 25px;
    min-width: 80%;
  }
  .accordion-swiper .swiper-slide .sc-content p {
    font-size: 16px;
    line-height: 23.2px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .accordion-swiper .swiper-slide .counter {
    bottom: 124px;
    left: 16px;
    width: 42px;
    height: 42px;
  }
  .accordion-swiper .swiper-slide .counter svg {
    width: 42px;
    height: 42px;
  }
  .accordion-swiper .swiper-slide .counter .circle__box {
    width: 42px;
    height: 42px;
  }
  .accordion-swiper .swiper-slide .counter .circle__box .circle__wrapper {
    width: 21px;
    height: 42px;
  }
  .accordion-swiper .swiper-slide .counter .circle__box .circle__wrapper .circle__whole {
    width: 42px;
    height: 42px;
  }
  .accordion-swiper .swiper-pagination {
    display: block;
  }
  .gride-vertical-2 {
    grid-template-columns: 1fr;
  }
  .gride-vertical-3 {
    grid-template-columns: 1fr;
  }
  .gride3-2-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .section-title-center .logo {
    width: 32px;
    height: 32px;
  }
  .logoSwiper .swiper-slide img {
    width: 110px;
    height: 37px;
  }
  .timeline-group .timeline .month-list {
    flex: 1;
  }
  .timeline-group .timeline .date {
    flex: none;
    padding: 0;
    width: auto;
    min-width: 35px;
  }
  .timeline-group .timeline:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .timeline-group .timeline:nth-child(2n) .date {
    text-align: end;
  }
  .timeline .dividing-line {
    margin: 0 16px;
    flex-shrink: 0;
  }
  .timeline .month-list {
    padding: 32px 16px;
  }
  .shadow-picture-swiper .btn-left,
  .shadow-picture-swiper .btn-right {
    display: none;
  }
  .main-title h4 {
    font-size: 16px;
    line-height: 19.09px;
  }
  .main-title .title {
    margin: 4px 0 32px 0;
  }
  .shadow-picture-swiper .shadow-picture {
    height: 360px;
  }
  .thumb-slides .banners .shadow-picture {
    height: 360px;
  }
  .thumb-slides .banners .card-img-bg {
    max-height: 360px;
    height: 360px;
  }
  .info-box hr {
    margin: 8px 0;
  }
  .upside-down-card .card_img {
    aspect-ratio: 512/261;
  }
  .upside-down-card .card-body .btn-secondary {
    font-size: 14px;
  }
  .img-video-group-line1 img,
  .img-video-group-line1 .xjtlu-video {
    max-height: 265px;
    height: 265px;
    overflow: hidden;
  }
}/*# sourceMappingURL=global.css.map */