/* by Creasant*/
.slick-dots li:last-child {
  margin-right: 0 !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.conference-page .heading {
  position: relative;
  letter-spacing: normal;
}

.conference-page .heading div.middle {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.conference-page .heading h1 {
  color: #fff;
  font-weight: 300;
  line-height: 1em;
}

.conference-page .heading h2 {
  color: #16ffc8;
  font-weight: 800;
  line-height: 1em;
}

.conference-page .heading hr {
  border: 2px solid white;
}

.conference-page .heading .date {
  color: #fff;
  font-weight: 600;
  line-height: 1em;
}

/*subnav*/
.conference-page .subnav-bar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
}

.conference-page .subnav-bar ul {
  margin: 0;
  padding: 0;
}

.conference-page .subnav-bar li {
  display: inline-block;
  margin: 0 0.45em 0.91em;
}
.conference-page .subnav-bar a {
  text-decoration: none;
  display: block;
  position: relative;
  background: #00aca4;
  color: #ffffff;
}

.conference-page .subnav-bar a:hover,
.conference-page .subnav-bar a.active {
  background: #086460;
}
.conference-page .subnav-bar a:hover:before {
  left: 0;
  width: 100%;
}
.conference-page .subnav-bar a:before {
  right: 0;
  bottom: calc(-1px);
  content: "";
  position: absolute;
  width: 200px;
  height: 0.5px;
}

/*program date*/
.conference-page .program-date {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #7e7e7e;
  font-weight: 400;
  font-size: 1.1em;
  margin-top: 40px;
}

.conference-page .program-date ul {
  display: flex;
  margin: 0;
  padding: 0;
  margin-top: 2em;
}

.conference-page .program-date li {
  flex: 1;
  display: inline-block;
  margin: 0 1.5em;
}
.conference-page .program-date a {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0.1em;
  margin-bottom: 0.2em;
  color: #ffffff;
  border-bottom: 4px solid transparent;
}

.conference-page .program-date a:hover,
.conference-page .program-date a.active {
  text-decoration: none;
  font-weight: 700;
  border-bottom: 4px solid #00aca4;
}

/* Creasant */

.page--heading {
  position: relative;
}
.page--heading .section--title-with-border {
  /*margin-bottom: 45px;*/
  margin-bottom: 0;
}
/*.page--heading .mtpc-1col-section-wrapper .mtpc-1col-item > .field__items > .field__item:has(.page--heading-content) {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*}*/
.page--heading-content {
  max-width: 1280px;
  /*padding: 65px 40px 40px;*/
  padding: 65px 40px;
  margin: 0 auto;
}
.about--us .page--heading-content {
  padding: 65px 40px 500px;
}

.page--heading-content p {
  font-size: 18px;
  line-height: 32px;
}
.page--heading-graphic {
  max-width: 1530px;
}
.mtpc-section-item:has(.about--us-top-image) {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
}
.about--us .mtpc-section {
  position: relative;
}

.general--padding .mtpc-section > .mtpc-section-item:nth-child(2) {
  padding-top: 80px;
}
.general--padding .mtpc-section > .mtpc-section-item:last-child {
  padding-bottom: 250px;
}

.logo-grid .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
  aspect-ratio: 10 / 4;
}

.logo-grid--2 .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
  aspect-ratio: 10 / 3;
  padding: 20px 0;
}

.logo-grid .paragraph:first-child,
.logo-grid .field,
.logo-grid .field__item,
.logo-grid article,
.logo-grid img {
  height: 100%;
}
.logo-grid img {
  object-fit: contain;
}

.space-bottom-200 {
  padding-bottom: 200px !important;
}

ol.roman {
  list-style-type: none;
  counter-reset: item;
}
.roman li {
  counter-increment: item;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  margin-bottom: 22px;
}
.roman li:before {
  content: counter(item, lower-roman) ") ";
  position: absolute;
  left: -1.7rem;
}

.integerBox {
  width: 64px;
  height: 64px;
  background: #78c9e2;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 64px;
  text-align: center;
}

table.customize {
  border: none;
}
table.customize td {
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #cdcdcd;
  padding: 20px 0;
  vertical-align: top;
}
table.customize tr:nth-of-type(1) td {
  border-top: none;
}

table.customize a {
  color: #0085b2;
}

table.customize tr:first-of-type td,
table.customize tr td:not(:first-child) {
  line-height: 24px;
  font-size: 18px;
}

.layout-content:has(.page--modules) .block-body .block.block-layout-builder.block-field-blockblock-contentbasicbody:nth-of-type(2) {
  display: none;
}

.page--modules .view-header {
  display: none;
}

.page--modules-header {
  background-image: url("https://cnerc-cthmp.docker-uat01.ust.hk/sites/default/files/2024-04/Rectangle%201222.png");
}

.mtpc_gallery.mtpc_pagetitle {
  padding: 65px 40px 60px;
}

/* ==========HOME========== */
.home--banner .mtpc-block-slideshow-block .slide-text-wrapper {
  left: 0;
  right: 0;
}
.home--banner .mtpc-block-slideshow-block .slide-text-wrapper .slide_text_per_row {
  width: 1500px;
  margin: 0 auto;
}
.home--banner .mtpc-block-slideshow-block .slide-text {
  background-color: transparent;
  white-space: normal;
  box-shadow: none;
}

.home--banner .mtpc-block-slideshow-block .slide-text--line1 {
  width: 490px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.home--banner .mtpc-block-slideshow-block .slide-text--line2 {
  width: 30rem;
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: -15px;
}

.home--development-directions .mtpc-2col-section-wrapper {
  max-width: unset !important;
}
.home--development-directions.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
  margin-bottom: 0;
}
.home--development-directions-content {
  padding: 65px 20px 65px 43px;
  max-width: 690px;
}
.home--development-directions-content p {
  line-height: 28px;
}

.home--about-us.mtpc-2col-section {
  background-position-x: right;
  background-position-y: top;
  background-size: calc(50% + 10px) auto;
  padding: 120px 20px 140px;
}
.home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: fit-content;
}

.home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 .mtpc-block.mtpc-block-image-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 .mtpc-image-caption {
  text-align: center;
  color: #036;
  font-size: 26px;
  font-weight: 800;
  line-height: 31px;
  padding: 24px 18px 24px;
  background: #b8d086;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items > .field__item:hover .mtpc-image-caption {
  background: #fff;
}
.home--about-us .mtpc-textarea p {
  line-height: 28px;
}

/* ==========FOOTER========= */
.custom--footer {
  display: flex;
  justify-content: center;
  align-items: top;
  padding: 60px 20px;
  gap: 0 50px;
  background-color: #fff;
}

.custom--footer p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #333;
}
footer .layout__region.layout__region--content .block-layout-builder:has(.custom--footer):nth-of-type(2) {
  display: none;
}

/* ===========Conference============ */
.conference--items .mtpc-2col-section-wrapper {
  padding-bottom: 22px;
  border-bottom: 2px solid #ddeaee;
}
.conference--items:not(.row_reverse) .mtpc-2col-section-wrapper .mtpc-image.mtpc-block-image-block-image {
  padding-right: 20px;
}
.conference--items.row_reverse .mtpc-2col-section-wrapper .mtpc-image.mtpc-block-image-block-image {
  padding-left: 30px;
}

/* ==========Awards & Achievements===========  */
.view-header:has(.mtpc_gallery) {
  padding: 65px 40px 60px;
  margin: 0 auto;
}

/* =========Publications============= */
.publications-list-by-year {
  position: relative;
}
.publications-list-by-year .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.4em 0.8em;
}
.publications-list-by-year .view-content .views-row {
  display: flex;
}
.publications-list-by-year .view-content .views-row a {
  display: inline-block;
  padding: 0.1em 0.5em;
  font-size: 1.1em;
  color: #ffffff;
  border-bottom: 4px solid transparent;
}
.publications-list-by-year .view-content .views-row a.active,
.publications-list-by-year .view-content .views-row a:hover {
  font-weight: 700;
  text-decoration: none;
  border-bottom: 4px solid #00aca4;
}
.publications-list-by-year .view-footer {
  display: none;
}

.publications-page ol li {
  padding-left: 5px;
  margin-bottom: 20px;
  font-weight: 200;
}

/* =========MAIN MENU============= */
.menu--main {
  position: fixed !important;
  z-index: 15;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 120px;
}

.menu--main a:hover {
  color: inherit;
}

.menu--main * {
  color: #ffffff;
}

.menu--main ul {
  margin: 0;
  padding: 0;
}

.menu--main ul.menu {
  margin-left: 0;
}

.menu--main li {
  list-style: none;
}

.menu--main > .menu {
  background-color: #084d64;
  box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.menu--main > .menu > .menu-item {
  position: relative;
  box-sizing: border-box;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 10px 10px 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.286;
  text-align: center;
  cursor: pointer;
}

.menu--main > .menu > .menu-item:nth-child(even) {
  background-color: #086460;
}

.menu--main > .menu > .menu-item:hover,
.menu--main > .menu > .menu-item:active,
.menu--main > .menu > .menu-item:focus,
.menu--main > .menu > .menu-item.submenu-open {
  background-color: #b41d02;
}

.menu--main > .menu > .menu-item.has-icon::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--menu-icon);
}

.menu--main > .menu > .menu-item:not(.no-submenu-items)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(100%, -50%);
  display: none;
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #084d64;
}

.menu--main > .menu > .menu-item:nth-child(even)::after {
  border-left-color: #086460;
}

.menu--main > .menu > .menu-item:hover::after,
.menu--main > .menu > .menu-item:active::after,
.menu--main > .menu > .menu-item:focus::after,
.menu--main > .menu > .menu-item.submenu-open::after {
  border-left-color: #b41d02;
}

.menu--main > .menu > .menu-item:hover::after,
.menu--main > .menu > .menu-item:active::after,
.menu--main > .menu > .menu-item:focus::after,
.menu--main > .menu > .menu-item.submenu-open::after {
  display: block;
}

.menu--main > .menu > .menu-item > .submenu {
  display: none;
  position: absolute;
  top: 0;
  right: 1px;
  transform: translateX(100%);
  min-width: 354px;
  background-color: #086460;
  font-family: Geologica, Muli, sans-serif;
  font-size: 22px;
  line-height: 1.54;
  text-transform: none;
  padding-bottom: 20px;
  box-shadow: inset 5px 10px 20px rgba(0, 0, 0, 0.3);
  cursor: default;
  white-space: nowrap;
}

.menu--main > .menu > .menu-item:nth-child(even) > .submenu {
  background-color: #086460;
}

.menu--main > .menu > .menu-item:last-child > .submenu,
.menu--main > .menu > .menu-item:nth-last-child(2) > .submenu {
  top: auto;
  bottom: 0;
}

.menu--main > .menu > .menu-item:hover > .submenu,
.menu--main > .menu > .menu-item:active > .submenu,
.menu--main > .menu > .menu-item:focus > .submenu,
.menu--main > .menu > .menu-item.submenu-open > .submenu {
  display: block;
}

.menu--main > .menu > .menu-item > .submenu > .menu-item,
.menu--main > .menu > .menu-item > .submenu > .menu > .menu-item {
  padding: 12px 30px 12px;
}

.menu--main .submenu-title {
  background-color: #084d64;
  text-transform: uppercase;
  font-size: 28px;
  padding: 15px 30px 15px;
  margin-bottom: 14px;
}

.menu--main > .menu > .menu-item > .submenu > .menu-item > .submenu,
.menu--main > .menu > .menu-item > .submenu > .menu > .menu-item > .menu-dropdown > .menu {
  padding-left: 1em;
}

.menu--main > .menu > .menu-item > .submenu > .menu-item > .submenu > li,
.menu--main > .menu > .menu-item > .submenu > .menu > .menu-item > .menu-dropdown > .menu > li {
  list-style: disc;
}

.menu--main > .menu > .menu-item > .submenu > .menu-item > .submenu *,
.menu--main > .menu > .menu-item > .submenu > .menu > .menu-item > .menu-dropdown > .menu * {
  font-weight: 300;
}

.menu--main .menu-block-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.menu--main .menu-toggle {
  position: relative;
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  aspect-ratio: 120 / 70;
  background-color: #084d64;
  background-image: url("/sites/default/files/2026-01/icon-hamburger.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.menu--main .menu-toggle:hover,
.menu--main .menu-toggle:active,
.menu--main .menu-toggle:focus {
  background-color: #086460;
}

.field--name-field-cnerc-icon {
  display: none;
}

.menu--main .menu-dropdown:not(.submenu) {
  display: none;
}

.menu--main .contextual {
  display: none;
}
/* =========MAIN MENU============= */

/* =========BG======== */
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 30%, transparent 70%, transparent 100%);
  pointer-events: none;
}

.bg-pattern {
  position: absolute;
  top: 400px;
  left: 0;
  width: 100%;
  aspect-ratio: 2560 / 1448;
  background-image: url("/sites/default/files/2026-01/bg-pattern.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
/* =========BG======== */

/* BG GRADIENT */
.bg-gradient,
.bg-gradient-white {
  overflow: unset !important;
}

.bg-gradient .mtpc-1col-section-wrapper,
.bg-gradient .mtpc-2col-section-wrapper,
.bg-gradient .mtpc-3col-section-wrapper,
.bg-gradient .mtpc-4col-section-wrapper,
.bg-gradient-white .mtpc-1col-section-wrapper,
.bg-gradient-white .mtpc-2col-section-wrapper,
.bg-gradient-white .mtpc-3col-section-wrapper,
.bg-gradient-white .mtpc-4col-section-wrapper {
  padding-top: 60px;
}

.bg-gradient-white .mtpc-1col-section-wrapper,
.bg-gradient-white .mtpc-2col-section-wrapper,
.bg-gradient-white .mtpc-3col-section-wrapper,
.bg-gradient-white .mtpc-4col-section-wrapper {
  padding-bottom: 100px;
}

.bg-gradient .mtpc-1col-section-wrapper::before,
.bg-gradient .mtpc-2col-section-wrapper::before,
.bg-gradient .mtpc-3col-section-wrapper::before,
.bg-gradient .mtpc-4col-section-wrapper::before,
.bg-gradient-white .mtpc-1col-section-wrapper::before,
.bg-gradient-white .mtpc-2col-section-wrapper::before,
.bg-gradient-white .mtpc-3col-section-wrapper::before,
.bg-gradient-white .mtpc-4col-section-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -70px;
  width: calc(100% + 140px);
  pointer-events: none;
}

.bg-gradient .mtpc-1col-section-wrapper::before,
.bg-gradient .mtpc-2col-section-wrapper::before,
.bg-gradient .mtpc-3col-section-wrapper::before,
.bg-gradient .mtpc-4col-section-wrapper::before {
  height: 1170px;
  background: linear-gradient(180deg, rgba(20, 112, 108, 0.8) 0%, rgba(20, 112, 108, 0.4) 50%, rgba(22, 114, 110, 0) 100%);
}

.bg-gradient-white .mtpc-1col-section-wrapper::before,
.bg-gradient-white .mtpc-2col-section-wrapper::before,
.bg-gradient-white .mtpc-3col-section-wrapper::before,
.bg-gradient-white .mtpc-4col-section-wrapper::before {
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0) 100%);
}

.bg-gradient .mtpc-1col-item,
.bg-gradient .mtpc-2col-item,
.bg-gradient .mtpc-3col-item,
.bg-gradient .mtpc-4col-item,
.bg-gradient-white .mtpc-1col-item,
.bg-gradient-white .mtpc-2col-item,
.bg-gradient-white .mtpc-3col-item,
.bg-gradient-white .mtpc-4col-item {
  position: relative;
}
/* BG GRADIENT */

/* HEADING PAGE */
.heading-page.mtpc-1col-section {
  margin-bottom: 50px;
}
/* HEADING PAGE */

/* LIST ITEM */
.list-item .mtpc-2col-section-wrapper {
  background-color: rgba(8, 100, 96, 0.5);
  box-shadow: 0px 0px 15px 0px #00000059;
}

.list-item.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
  box-sizing: border-box;
  margin-bottom: 0;
}

.list-item.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
  width: 33%;
  align-self: stretch;
}

.list-item--wide.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
  width: 40%;
  align-self: stretch;
}

.list-item.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
  width: auto;
  flex: 1;
  margin-left: 0;
  padding: 60px;
}

.list-item .mtpc-2col-item--1 .field,
.list-item .mtpc-2col-item--1 .field__items,
.list-item .mtpc-2col-item--1 .field__item,
.list-item .mtpc-2col-item--1 .mtpc-block,
.list-item .mtpc-2col-item--1 article,
.list-item .mtpc-2col-item--1 img {
  height: 100%;
}

.list-item .mtpc-2col-item--1 img {
  object-fit: cover;
}
/* LIST ITEM */

/* TWO SIDES BLOCK */
.two-sides-block.mtpc-2col-section .mtpc-2col-section-wrapper {
  align-items: stretch;
}

.two-sides-block.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
  box-sizing: border-box;
  padding: 70px;
  background-color: rgba(0, 51, 102, 0.6);
  background-position: top, bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.two-sides-block-bg {
  display: none;
}
/* TWO SIDES BLOCK */

/* ITEM GRID */
.item-grid .mtpc-1col-item > .field__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

.item-grid .mtpc-1col-item > .field__items > .field__item {
  box-sizing: border-box;
  padding: 34px 80px 40px 40px;
  background: rgba(8, 100, 96, 0.4);
}
/* ITEM GRID */

/* BACK BUTTON */
#block-mtpc-back-news {
  max-width: 1660px;
  margin: 60px auto 0;
  padding: 0 40px;
}

#block-mtpc-back-news .btn,
.node__content.mtpc-event-detail > .btn {
  min-width: 5.5em;
}

.node__content.mtpc-event-detail > .btn {
  margin-top: 60px;
}
/* BACK BUTTON */

/* HOME BG */
.home .layout-content {
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
/* HOME BG */

/* HOME BANNER */
.home-banner.mtpc-block-slideshow-block .slide-text-align {
  box-sizing: border-box;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
  max-width: 1740px;
  height: 100%;
  padding: 0 40px;
  justify-content: center;
}

.home-banner.mtpc-block-slideshow-block .slide-text {
  background-color: transparent;
  box-shadow: none;
  white-space: unset;
  padding: 10px 0;
}

.home-banner.mtpc-block-slideshow-block .slide_text_per_row {
  width: 58%;
}

.home-banner.mtpc-block-slideshow-block .slide_text_per_row:first-child .slide-text {
  font-weight: 600;
  line-height: 1.26;
}

.home-banner.mtpc-block-slideshow-block .slide_text_per_row:last-child .slide-text {
  font-weight: 600;
  line-height: 1.54;
}

.home-banner.mtpc-block-slideshow-block .slick-dots {
  box-sizing: border-box;
  bottom: 10em;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1740px;
  text-align: left;
  padding: 0 40px;
}

.home-banner .slick-slide img {
  object-fit: cover;
}
/* HOME BANNER */

/* QUICK FACTS */
.quick-facts-header.mtpc-1col-section {
  margin-top: -120px;
}

.quick-facts.mtpc-2col-section {
  background-size: 0;
  margin-left: -5px;
  margin-right: -5px;
}

.quick-facts .mtpc-2col-section-wrapper {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper {
  align-items: stretch;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
  margin-bottom: 0;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
  width: 40%;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
  width: 60%;
  margin-left: 0;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item > .field,
.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item > .field > .field__items {
  height: 100%;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 > .field > .field__items {
  display: flex;
  flex-direction: column;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 > .field > .field__items > .field__item {
  flex: 1;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 > .field > .field__items {
  display: flex;
  flex-wrap: wrap;
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 > .field > .field__items > .field__item {
  width: 50%;
  aspect-ratio: 1 / 0.9;
}

.quick-facts-item {
  box-sizing: border-box;
  height: 100%;
  border: 5px solid #072346;
  text-align: center;
  background-color: rgba(8, 100, 96, 0.6);
}

.quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 .quick-facts-item {
  background-color: rgba(40, 40, 40, 0.2);
}

.quick-facts-item .field,
.quick-facts-item .field__item {
  height: 100%;
}

.quick-facts-item .field__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.quick-facts-item p {
  font-size: 0.91em;
  line-height: 1.5;
}

.quick-facts-item h2 {
  color: #ffffff;
  font-size: 2.91em;
  line-height: 0.85;
}

.quick-facts-item--faculty .field__item h2 span:not(.countup-number) {
  font-size: 0.41em;
  font-weight: 400;
}

.quick-facts-item--patent .field__item h2 span:not(.countup-number) {
  font-size: 0.53em;
}

.quick-facts-item--patent .field__item > div {
  display: flex;
  justify-content: center;
  gap: 1em;
}
/* QUICK FACTS */

/* HOME NEWS */
.home-news {
  background-position: left center !important;
  background-size: auto 1100px !important;
}

.home-news-img img {
  aspect-ratio: 812 / 400;
  object-fit: cover;
}

.home-news-content {
  padding: 30px;
}
/* HOME NEWS */

/* HOME DEVELOPMENT */
.home-development h4 {
  /*font-weight: 400;*/
  line-height: 1.54;
}

.home-development .mtpc-1col-item {
  max-width: 1380px;
  margin: 0 auto;
}

.home-development-2-cols img,
.home-development-3-cols img {
  object-fit: cover;
  box-shadow: 0px 0px 15px 0px #00000059;
}

.home-development-2-cols img {
  aspect-ratio: 752 / 390;
}

.home-development-3-cols img {
  aspect-ratio: 490 / 390;
}

.home-development-2-cols h4,
.home-development-3-cols h4 {
  padding: 20px 38px;
}
/* HOME DEVELOPMENT */

/* WEB FORM */
.block-webform-block > .wrapper {
  padding-left: 40px;
  padding-right: 40px;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

.block-webform-block:has(form.inquiry-pop-up-form) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: #00000080;
  display: none;
}

.block-body:has(> form.inquiry-pop-up-form) {
  padding: 30px 30px 20px 30px;
  max-width: 1080px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  box-shadow: 10px 20px 30px 10px #00000026;
  color: #000000;
  font-size: 0.91em;
}

form.inquiry-pop-up-form {
  max-height: calc(100vh - 180px);
  overflow: auto;
  padding: 0 0 0 0;
  margin-top: 0;
  max-width: 1080px;
  gap: 10px 30px;
}

main form.inquiry-pop-up-form .form-item.form-item-phone-number,
main form.inquiry-pop-up-form .form-item.form-item-prefix,
main form.inquiry-pop-up-form .form-item.form-item-name {
  width: calc(33.33% - 20px);
}

main form.inquiry-pop-up-form .form-item.form-item-email-address,
main form.inquiry-pop-up-form .form-item.form-item-company {
  width: calc(50% - 15px);
}

main form.inquiry-pop-up-form .form-item label {
  font-weight: 400;
}

.inquiry-pop-up-form h1 {
  font-size: 2.5em;
  font-weight: 400;
  margin: 0 0 10px 0;
  line-height: 1;
  text-align: center;
}

main form .pop-up-form.form-actions {
  margin: 0;
  width: 100%;
  text-align: center;
}

#edit-close-popup-button {
  position: absolute;
  right: 25px;
  top: 10px;
  width: auto;
  z-index: 10;
}

#edit-close-popup-button button.text-btn.close-button:after {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
}

#edit-close-popup-button button.text-btn.close-button {
  cursor: pointer;
  background-color: transparent;
  color: #929292;
  font-size: 0;
  padding: 5px;
}

.webform-confirmation-modal .ui-button .ui-icon {
  background-image: none;
  position: relative;
  width: 30px;
  height: 30px;
  display: none;
}

.webform-confirmation-modal .ui-button.ui-dialog-titlebar-close {
  width: 30px;
  height: 30px;
  right: 15px;
  top: 30px;
  font-family: unset;
  text-indent: unset;
  font-size: 0;
}

.webform-confirmation-modal .ui-button:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  cursor: pointer;
  color: #929292;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-titlebar {
  border-radius: 30px 30px 0 0;
  background-color: #ffffff;
  color: #00aca4;
  border: none;
  padding: 20px 30px 0 30px;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-content {
  padding: 30px 30px;
  text-align: center;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-title {
  font-weight: 500;
  font-size: 2em;
  line-height: 1.5;
  text-align: center;
  width: 100%;
  margin: 0px;
  white-space: unset;
  text-overflow: unset;
}

.webform-confirmation-modal.ui-widget.ui-widget-content {
  border-radius: 30px;
  min-width: 40vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.webform-submission-form .fieldgroup .fieldset-wrapper .form-checkboxes {
  margin-left: 3px;
}

.pop-up-form-submitted-successful {
  display: none;
}

.webform-submission-form .fieldgroup legend {
  margin-bottom: 0px !important;
}

.webform-submission-form .form-item .form-textarea,
.webform-submission-form .form-item .form-t {
  margin-top: 0;
}
/* WEB FORM */