.page-node-type-sector-industry .block-field-blocknodesector-industryfield-industry-tgas {
  display: none;
}

/* bg video */
.page-node-type-page .layout--onecol:not(.bg-video) .bg-content {
  display: none;
}

.bg-video {
  min-height: 42vw;
  overflow: hidden;
  position: relative;
}

.bg-video .bg-content {
  padding-right: 20%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.bg-video .bg-content::before {
  content: '';
  /* background: linear-gradient(330deg, #FFF 54.2%, rgba(255, 255, 255, 0.00) 77.38%); */
  background: linear-gradient(330deg, #FFF 54%, rgba(255, 255, 255, 0.00) 100%);
  position: absolute;
  inset: 0 19% -1px 0;
}

.bg-video .bg-content::after {
  background: url(../images/background/node_content_pattern.png) no-repeat;
  background-size: contain;
  content: '';
  width: min(50vw, 722px);
  height: min(22.36vw, 322px);
  position: absolute;
  top: -7px;
  right: 0;
}

.bg-video .bg-content video {
  display: block;
  width: 100%;
  height: 66.67%;
  object-fit: cover;
}

/* Web Accessibility - focus ***************************************************/
.visually-hidden-focusable>a:focus-visible {
  background-color: #fff;
  position: relative;
  z-index: 1000;
}
.nav-link:focus-visible,
.media-library-view--widget .view-header a:focus-visible,
.form-control:focus {
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto 1px;
  box-shadow: none;
}
#block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link:focus-visible {
  outline-offset: -5px;
}
.btn:focus-visible,
.node-preview-container .node-preview-backlink:focus-visible,
.button:focus-visible,
button.link:focus-visible {
  border-radius: 0;
  box-shadow: none;
  outline-offset: 3px;
  outline: -webkit-focus-ring-color auto 1px;  
}
.form-select:focus {
  outline-offset: 3px;
  outline: -webkit-focus-ring-color auto 1px;
}
.pagination .page-item>.page-link:focus-visible {
  box-shadow: none;
  outline-offset: -1px;
  outline: -webkit-focus-ring-color auto 1px;  
}
.paragraph--type--resources-list .resources-item a:focus-visible {
  outline-offset: -7px;
  outline: -webkit-focus-ring-color auto 1px;
}
.resources-card .media-group .media-item-transcript a:focus-visible,
.materials-card .media-group>div a:focus-visible {  
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto 1px;  
}
.corruption-accordion .accordion-button:focus-visible {
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto 1px;  
}
.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button:focus-visible,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button:focus-visible {
  outline-offset: 4px;
  outline: -webkit-focus-ring-color auto 1px;
}
#cpasModal .btn-close:focus-visible {
  box-shadow: none;
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto 1px;   
}

/* system Css Document  ***************************************************/
:root {
  --color-blue: #163A8F;
  --color-lightblue: #1D5E99;
  --color-yellow: #FFC72E;
  --color-lightgray: #E7E8E7;
}

:root,
.container,
.bannerSwiper-content--shared,
.bannerSwiper-button-content,
.index-news-section::before,
.index-news-section .bg-content,
.quiz-section .content,
.index-industry-section::before,
.index-industry-section::after,
.paragraph--type--resources .field--name-field-image,
.block-system-breadcrumb-block,
.page-node-type-news .node__content::before,
.page-node-type-icac-cases .node__content::before,
.page-node-type-resources .node__content::before,
.page-node-type-news .node__content .bg-content,
.page-node-type-icac-cases .node__content .bg-content,
.page-node-type-resources .node__content .bg-content,
.deep-blue::before,
.light-blue::before,
.page-node-type-sector-industry .industry-section-2::before {
  --bs-gutter-x: 60px;
}

.medium-container {
  --bs-gutter-x: 60px;
  --bs-gutter-y: 0;
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}

.paragraph>.paragraph__column {
  padding-bottom: 0;
}

/* toolbar fixed */
.toolbar-fixed header {
  top: 40px;
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal header {
  top: 80px;
}

/* card */
.card-title a::after {
  content: '';
  position: absolute;
  /* inset: 0; */
}

@media (min-width: 768px) {

  .container-sm,
  .container {
    max-width: none;
  }
}

@media (min-width: 1200px) {

  :root,
  .container,
  .bannerSwiper-content--shared,
  .bannerSwiper-button-content,
  .index-news-section::before,
  .index-news-section .bg-content,
  .quiz-section .content,
  .index-industry-section::before,
  .index-industry-section::after,
  .paragraph--type--resources .field--name-field-image,
  .block-system-breadcrumb-block,
  .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before,
  .page-node-type-resources .node__content::before,
  .page-node-type-news .node__content .bg-content,
  .page-node-type-icac-cases .node__content .bg-content,
  .page-node-type-resources .node__content .bg-content,
  .deep-blue::before,
  .light-blue::before,
  .page-node-type-sector-industry .industry-section-2::before {
    --bs-gutter-x: 100px;
  }
}

@media (min-width: 1540px) {
  .container {
    max-width: 1540px;
  }
}

@media (min-width: 1600px) {

  :root,
  .bannerSwiper-content--shared,
  .bannerSwiper-button-content,
  .index-news-section::before,
  .index-news-section .bg-content,
  .index-industry-section::before,
  .paragraph--type--resources .field--name-field-image,
  .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before,
  .page-node-type-resources .node__content::before,
  .page-node-type-news .node__content .bg-content,
  .page-node-type-icac-cases .node__content .bg-content,
  .page-node-type-resources .node__content .bg-content,
  .deep-blue::before,
  .light-blue::before,
  .page-node-type-sector-industry .industry-section-2::before {
    --bs-gutter-x: 160px;
  }
}

@media (max-width: 767.98px) {

  :root,
  .container,
  .bannerSwiper-content--shared,
  .bannerSwiper-button-content,
  .index-news-section::before,
  .index-news-section .bg-content,
  .quiz-section .content,
  .index-industry-section::before,
  .index-industry-section::after,
  .paragraph--type--resources .field--name-field-image,
  .medium-container,
  .block-system-breadcrumb-block,
  .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before,
  .page-node-type-resources .node__content::before,
  .page-node-type-news .node__content .bg-content,
  .page-node-type-icac-cases .node__content .bg-content,
  .page-node-type-resources .node__content .bg-content,
  .deep-blue::before,
  .light-blue::before,
  .page-node-type-sector-industry .industry-section-2::before {
    --bs-gutter-x: 30px;
  }
}

/* global Css Document  ***************************************************/
p {
  font-size: 16px;
  line-height: 1.75;
}

.field--type-text-long :last-child {
  margin-bottom: 0;
}

.field--name-body a {
  color: #005DB2;
  text-decoration: underline;
}

.field--name-body a:hover,
.field--name-body a:focus {
  color: #151B74;
}

.field--name-bp-text ul,
.card-text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  list-style: none;
  border-radius: 20px;
  padding-left: 0;
}

.field--name-bp-text ul {
  margin-bottom: 20px;
}

.field--name-bp-text ul li,
.card-text li {
  position: relative;
  padding-left: 20px;
}

.field--name-bp-text ul li::before,
.card-text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  background-color: #005DB2;
  border-radius: 50%;
}

.field--name-bp-text ul li ul li::before {
  background-color: #55AEFF;
}

.field--name-bp-text a,
.field--name-field-content a {
  color: #005DB2;
  text-decoration: underline;
}
.field--name-bp-text a:hover,
.field--name-bp-text a:focus,
.field--name-field-content a:hover,
.field--name-field-content a:focus {
  color: #151B74;
}

.block-field-blockparagraphtext-two-columnfield-left-content p,
.block-field-blockparagraphtext-two-columnfield-right-content p {
  color: #000;
  font-size: 18px;
  line-height: 34px;
}

.field--name-field-content h3 {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

/* table */
.i2-table {
  margin-bottom: 50px;
}

.i2-table .table thead {
  background-color: #FFE282;
}

.i2-table .table thead th {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  padding: 10px 20px;
}

.i2-table .table-striped>tbody>tr>td {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  line-height: 26px;
  min-width: 130px;
  padding: 15px 20px;
}

.i2-table .table-striped>tbody>tr:nth-of-type(even)>td {
  background-color: #F5F5F5;
}

.i2-table .button_link {
  background: url(../images/icon/button_link.svg) left top no-repeat;
  color: #005DB2;
  display: block;
  padding-left: 40px;
}

/* header  ***************************************************/
body:not(.path-frontpage) .layout--twocol-section {
  gap: 50px 30px;
}

body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--second,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--second,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--second,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--second,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--second,
body:not(.path-frontpage) .layout--twocol-section>.layout__region--first {
  flex: 0 0 auto;
  width: 100%;
}

@media screen and (min-width: 991px) {

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second {
    flex: 0 1 calc(50% - 15px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-33,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-33 {
    flex: 0 1 calc(33% - 15px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-67,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-67 {
    flex: 0 1 calc(67% - 15px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-25,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-25 {
    flex: 0 1 calc(25% - 15px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-75,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-75 {
    flex: 0 1 calc(75% - 15px);
  }
}

@media screen and (min-width: 1200px) {
  body:not(.path-frontpage) .layout--twocol-section {
    gap: 50px;
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second {
    flex: 0 1 calc(50% - 25px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-33,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-33 {
    flex: 0 1 calc(33% - 25px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-67,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-67 {
    flex: 0 1 calc(67% - 25px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-25,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-25 {
    flex: 0 1 calc(25% - 25px);
  }

  body:not(.path-frontpage) .layout--twocol-section>.layout__region--second.column-75,
  body:not(.path-frontpage) .layout--twocol-section>.layout__region--first.column-75 {
    flex: 0 1 calc(75% - 25px);
  }
}

/* header  ***************************************************/
header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}

header::after {
  content: '';
  width: calc(50% + 30px);
}

header .navbar {
  align-items: flex-start;
  width: 100%;
  padding: 0;
}

header .header-left {
  flex: 1 1 auto;
  width: 50%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  position: relative;
}

header .header-left::before {
  background: linear-gradient(90deg, #FFC72E 60%, #fff 100%);
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.region-nav-branding {
  position: relative;
}

#block-i2-theme-headerlogo {
  position: relative;
  z-index: 1;
}

.section-header-logo ul {
  background-color: #fff;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  display: inline-flex;
  padding: 20px 20px 20px 40px;
  transition: all 0.2s ease;
}

.section-header-logo ul li+li {
  margin-left: 40px;
}

.section-header-logo ul li img {
  width: auto;
  height: 80px;
  transition: all 0.2s ease;
}

body.scroll-fixed .section-header-logo ul {
  border-radius: 0 0 20px 20px;
  padding: 13px 13px 13px 23px;
}

body.scroll-fixed .section-header-logo ul li img {
  width: auto;
  height: 54px;
}

header .header-right {
  flex: 0 0 auto;
}

header .header-right .navbar-toggler {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 1;
}

.offcanvas-backdrop.show {
  opacity: 0;
}

#block-i2-theme-main-navigation .nav-level-0 {
  margin-right: -22px;
}

.nav-right-second-content {
  text-align: right;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.region-nav-right-second-additional {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 2px 0px #cccccc77;
  display: inline-flex;
  padding-left: 25px;
}

.region-nav-right-second-additional .language-switcher-language-url {
  padding-top: 9px;
  padding-bottom: 9px;
  transition: all 0.2s ease;
}

.region-nav-right-second-additional .btn {
  background-color: transparent;
  border: none;
  color: #000;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin-right: 0;
  padding: 0;
}

.region-nav-right-second-additional .btn:hover,
.region-nav-right-second-additional .btn:focus {
  color: #666;
}

body.scroll-fixed .region-nav-right-second-additional .btn {
  font-size: 15px;
}

.region-nav-right-second-additional .dropdown-toggle::after {
  background: url(../images/icon/dropdown_arrow.svg) center center no-repeat;
  border: none;
  width: 10px;
  height: 22px;
  vertical-align: top;
  margin-left: 7px;
}

.region-nav-right-second-additional .dropdown-toggle[aria-expanded="true"]::after {
  transform: scaleY(-1);
}

.header-function-section {
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
}

.header-function-section::before {
  background-color: #BCBCBC;
  content: '';
  width: 1px;
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
}

.header-function-section ul {
  display: flex;
}

.header-function-section ul li:not(:last-child) {
  padding-top: 9px;
  padding-bottom: 9px;
}

.header-function-section ul li+li:not(:last-child) {
  margin-left: 30px;
}

.header-function-section ul li a,
.header-function-section ul li a img {
  display: block;
  transition: all 0.2s ease;
}

.header-function-section ul li a:hover,
.header-function-section ul li a:focus {
  color: #666;
}

body.scroll-fixed .header-function-section ul li a img {
  width: 20px;
}

.service-hotline-content {
  background: linear-gradient(90deg, #FFC72E 0%, rgba(255, 199, 46, 0.10) 90%);
  border-radius: 0 0 20px 20px;
  font-size: 15px;
  line-height: 22px;
  margin-left: 16px;
  padding: 9px 27px 9px 15px;
  transition: all 0.2s ease;
}

.service-hotline-content :last-child {
  color: var(--color-blue);
  font-weight: 700;
}

.navbar-toggler {
  border: none;
  border-radius: 4px;
  padding: 2px;
}

.collapsed .navbar-toggler-icon {
  background: url(../images/icon/navbar-toggler.svg) center center no-repeat;
}

#block-i2-theme-main-navigation-menu {
  color: #fff;
}

@media (min-width: 1200px) {
  #block-i2-theme-main-navigation {
    border-bottom-left-radius: 30px;
    background-color: var(--color-blue);
    padding-left: 18px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }

  #block-i2-theme-main-navigation .dropdown-toggle::after {
    content: none;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 16px 22px;
    transition: all 0.2s ease;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link:hover,
  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link:focus {
    color: var(--color-lightgray);
  }

  body.scroll-fixed #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  /* Main nav mega menu (desktop: jQuery; all top-level items with children; menu--main.html.twig) */
  #block-i2-theme-main-navigation {
    position: relative;
  }

  header.header .navbar.navbar-expand-xl,
  header.header .navbar.navbar-expand-xl>.header-right,
  header.header .nav-main-content {
    overflow: visible;
  }

  #block-i2-theme-main-navigation .nav-item--mega-nav {
    position: static;
  }

  #block-i2-theme-main-navigation .nav-item--mega-nav>.mega-nav-desktop {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 25px;
    background: linear-gradient(90deg, #FFF 75%, #B6E7FF 100%);
    border-radius: 0 0 28px 28px;
    box-shadow: 0 14px 44px rgba(22, 58, 143, 0.18);
    z-index: 1040;
    box-sizing: border-box;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-blue);
    margin: 0 0 10px;
    line-height: 1.2;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__columns {
    display: flex;
    gap: 2rem;
    align-items: stretch;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__columns--single .mega-nav-desktop__primary {
    flex: 1 1 auto;
    max-width: 100%;
    padding-right: 0;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__detail.mega-nav-desktop__detail--hidden {
    display: none !important;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__primary {
    flex: 0 0 auto;
    width: 300px;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__primary-link {
    display: block;
    padding: 8px;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    border-radius: 10px;
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__primary-link:hover,
  #block-i2-theme-main-navigation .mega-nav-desktop__primary-link:focus {
    color: var(--color-blue);
    outline: none;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__primary-item.is-highlighted .mega-nav-desktop__primary-link {
    background: rgba(255, 215, 120, 0.55);
    color: #111;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__detail {
    flex: 1;
    min-width: 0;
    background: #faf6ee;
    border-radius: 18px;
    padding: 1.35rem 1.65rem;
    min-height: 200px;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__panel-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-blue);
    margin: 0 0 1rem;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__panel:not(.is-active) {
    display: none;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__panel.is-active {
    display: block;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__sub-link {
    display: inline-block;
    padding: 0.35rem 0;
    color: #222;
    text-decoration: none;
    font-size: 0.98rem;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__sub-link:hover,
  #block-i2-theme-main-navigation .mega-nav-desktop__sub-link:focus {
    color: var(--color-blue);
    text-decoration: underline;
    outline: none;
  }

  #block-i2-theme-main-navigation .mega-nav-desktop__sub-item+.mega-nav-desktop__sub-item {
    margin-top: 0.35rem;
  }
}

@media (max-width: 1199.98px) {
  #block-i2-theme-main-navigation [data-mega-nav-desktop] {
    display: none !important;
  }

  .navbar-expand-xl .offcanvas {
    background-color: var(--color-blue);
  }

  #block-i2-theme-main-navigation .nav-link {
    color: #fff;
  }
}

/* footer  ***************************************************/
footer {
  background-color: #F2F2F2;
  border-top-left-radius: clamp(50px, 5.25vw, 100px);
  padding: 60px calc(var(--bs-gutter-x) * 0.5) 30px;
}

footer .region-footer {
  flex-direction: row;
  align-items: center;
}

footer .navbar-nav {
  flex-direction: row;
}

#block-i2-theme-mainnavigation {
  margin-left: auto;
}

footer .navbar-nav {
  gap: 20px;
  margin-right: -10px;
}

footer .navbar-nav .dropdown-toggle {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px;
}

footer .navbar-nav .dropdown-toggle::after {
  content: none;
}

footer .navbar-nav .dropdown-toggle:hover,
footer .navbar-nav .dropdown-toggle:focus {
  color: #666;
}

footer .region-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}

footer .section-footer-link ul {
  display: flex;
}

footer .section-footer-link ul li,
footer .section-footer-link ul li a {
  font-size: 14px;
  line-height: 17px;
}

footer .section-footer-link ul li+li::before {
  content: ' | ';
  padding-left: 10px;
  padding-right: 6px;
}

footer .section-footer-link ul li,
footer .section-footer-link ul li a {
  color: #000;
  text-decoration: none;
}

footer .section-footer-link ul li a:hover,
footer .section-footer-link ul li a:focus,
footer .section-footer-link ul li,
footer .section-footer-link ul li a:hover,
footer .section-footer-link ul li,
footer .section-footer-link ul li a:focus {
  color: #666;
}

footer .section-copyright .content {
  display: flex;
  align-items: center;
}

footer .section-copyright img {
  margin-left: 10px;
}

/* index Css Document  ***************************************************/
.page-node-type-index .node__content {
  padding-bottom: 150px;
}

/* banner */
.paragraph--type--banner .paragraph__column {
  padding-bottom: 0;
}

.paragraph--type--banner .bannerSwiper {  
  border-bottom-right-radius: 80px;
  overflow: hidden;
  position: relative;
}

.paragraph--type--banner .bannerSwiper::before {
  background: url(../images/icon/banner_hero_shadow.png) no-repeat;
  background-size: cover;
  content: '';
  width: 50%;
  aspect-ratio: 952 / 737;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  transition: all 0.2s ease;
}

.paragraph--type--banner:has(.bannerSwiper-content--empty) .bannerSwiper::before {
  opacity: 0;
}

.paragraph--type--banner .bannerSwiper::after {
  background: linear-gradient(0deg, rgba(0, 26, 87, 0.40) 33%, rgba(0, 26, 87, 0.00) 100%);
  content: '';
  height: 150px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.paragraph--type--banner .bannerSwiper-button-content {
  background: rgba(56, 56, 56, 0.80);
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px;
  position: absolute;
  right: calc(var(--bs-gutter-x) * 0.5);
  bottom: 40px;
  z-index: 6;
}

.paragraph--type--banner .bannerSwiper-button-next,
.paragraph--type--banner .bannerSwiper-button-prev,
.paragraph--type--banner .bannerSwiper-button-play,
.paragraph--type--banner .bannerSwiper-button-stop {
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin: 0;
  position: static;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  transition: all 0.2s ease;
}

.paragraph--type--banner .bannerSwiper-button-next {
  background: var(--color-yellow) url(../images/icon/arrow_30x30.svg) center center no-repeat;
}

.paragraph--type--banner .bannerSwiper-button-prev {
  background: var(--color-yellow) url(../images/icon/arrow_30x30.svg) center center no-repeat;
  transform: scaleX(-1);
}
.paragraph--type--banner .bannerSwiper-button-next:hover,
.paragraph--type--banner .bannerSwiper-button-next:focus,
.paragraph--type--banner .bannerSwiper-button-prev:hover,
.paragraph--type--banner .bannerSwiper-button-prev:focus {
  background-color: #B3E6FF;
}

.paragraph--type--banner .swiper-navigation-icon {
  display: none;
}

.paragraph--type--banner .bannerSwiper-button-play,
.paragraph--type--banner .bannerSwiper-button-stop {
  border: #fff 1px solid;
  background: transparent;
  color: #fff;
}

.paragraph--type--banner .bannerSwiper-button-play::before {
  content: "";
  margin-left: 1px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #fff;
}

.paragraph--type--banner .bannerSwiper-button-stop::before {
  content: "";
  width: 10px;
  height: 9px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}

.paragraph--type--banner .bannerSwiper-button-play:hover,
.paragraph--type--banner .bannerSwiper-button-play:focus,
.paragraph--type--banner .bannerSwiper-button-stop:hover,
.paragraph--type--banner .bannerSwiper-button-stop:focus {  
  background-color: #000;
}

.paragraph--type--banner .bannerSwiper-pagination {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  position: static;
  width: auto;
  min-width: 44px;
  padding-left: 5px;
  padding-right: 5px;
}

.paragraph--type--banner .bannerSwiper-slide-content {
  position: relative;
}

.paragraph--type--banner .bannerSwiper-slide-image-desktop,
.paragraph--type--banner .bannerSwiper-slide-image-mobile,
.paragraph--type--banner .bannerSwiper-slide-video {
  width: 100%;
  display: block;
  object-fit: cover;
}

.paragraph--type--banner .bannerSwiper-slide-image-desktop,
.paragraph--type--banner .bannerSwiper-slide-video {
  object-fit: cover;
  aspect-ratio: 1920 / 800;
}

.paragraph--type--banner .bannerSwiper-button-play,
.paragraph--type--banner .bannerSwiper-button-stop {
  cursor: pointer;
}

/* Banner: shared copy layer (synced with active slide; built in custom.js) */
.paragraph--type--banner .bannerSwiper-hero {
  border-bottom-right-radius: 80px;
  background-color: var(--color-blue);
  margin-bottom: 75px;
  position: relative;
  width: 100%;
}

.paragraph--type--banner .bannerSwiper-content--shared {
  background: url(../images/icon/home_banner_contentbg.svg) left top no-repeat;
  max-width: 60%;
  padding-left: 40px;
  padding-bottom: 30px;
  position: absolute;
  left: calc(var(--bs-gutter-x) * 0.5);
  bottom: 10px;
  z-index: 5;
}

.paragraph--type--banner .bannerSwiper-content--shared::before {
  background-image: linear-gradient(180deg, #FFC72E 10px, rgba(255, 199, 46, 0.00) 98%);
  content: '';
  display: block;
  width: 10px;
  height: 93px;
  position: absolute;
  left: 0;
  top: calc(100% - 10px);
}

.paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-title {
  color: #fff;
  font-size: var(--font-size-xl);
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.20);
}

.paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-button a {
  background-color: var(--color-yellow);
  border-radius: 44px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  display: block;
  width: fit-content;
  min-width: 150px;
  padding: 11px 28px 11px 25px;
  position: relative;
}

.paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-button a::after {
  background-color: #fff;
  content: '';
  display: block;
  width: 35px;
  height: 1px;
  position: absolute;
  right: -17px;
  top: 50%;
}
.paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-button a:hover,
.paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-button a:focus {
  background-color: #B3E6FF;  
}

.paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--empty {
  display: none !important;
}

@keyframes bannerSharedFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-title {
  animation: bannerSharedFadeUp 0.48s ease both;
}

.paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-description {
  animation: bannerSharedFadeUp 0.48s ease 0.06s both;
}

.paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-button {
  animation: bannerSharedFadeUp 0.48s ease 0.12s both;
}

@media (prefers-reduced-motion: reduce) {

  .paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-title,
  .paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-description,
  .paragraph--type--banner .bannerSwiper-content--shared.bannerSwiper-content--enter .bannerSwiper-content-button {
    animation: none !important;
  }
}

/* What's News */
.index-news-section {
  margin-top: 75px;
  padding-top: 180px;
  padding-bottom: 100px;
  position: relative;
}

.index-news-section .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
  position: relative;
  z-index: 1;
}

.index-news-section .bg-content {
  border-top-left-radius: 120px;
  overflow: hidden;
  position: absolute;
  inset: 0 0 0 calc(var(--bs-gutter-x) * 0.5);
}

.index-news-section .bg-content::before {
  content: '';
  background: linear-gradient(to left, #FFF 45%, rgba(255, 255, 255, 0.00) 90%);
  position: absolute;
  inset: 0;
}

.index-news-section .bg-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .index-news-section::before {
  border-top-left-radius: 120px;
  background: linear-gradient(262deg, #FFF 24%, #D2F0FF 72.5%);
  content: '';
  position: absolute;
  inset: 0 0 0 calc(var(--bs-gutter-x) * 0.5);
} */

.index-news-section::after {
  background: url(../images/icon/index_news_pattern.png) no-repeat;
  background-size: cover;
  content: '';
  display: block;
  /* width: 920px;
  aspect-ratio: 920 / 380; */
  width: min(60%, 722px);
  aspect-ratio: 722 / 322;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: -155px;
  z-index: 0;
}

@media (min-width: 1600px) {
  .index-news-section .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.index-news-section .view-block-news-list,
.index-news-section .section-view-header {
  position: relative;
}

.index-news-section h2 {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.index-news-section .section-view-header a {
  background-color: #fff;
  color: var(--color-blue);
  border: #3FB5E8 1px solid;
  border-radius: 35px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  margin-right: 12px;
  padding: 7px 20px;
  position: absolute;
  right: 0;
  top: 8px;
}
.index-news-section .section-view-header a:hover,
.index-news-section .section-view-header a:focus {
  background-color: #B3E6FF;
}

.index-news-section .section-view-header a::after {
  background-color: var(--color-blue);
  content: '';
  display: block;
  width: 25px;
  height: 1px;
  position: absolute;
  right: -13px;
  top: 50%;
}

.view-block-news-list .row {
  row-gap: 30px;
  --bs-gutter-x: 46px;
}

.view-block-news-list .news-card {
  background-color: transparent;
  border: none;
  border-bottom: #005DB2 1px solid;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-bottom: 30px;
}

.view-block-news-list .views-row:nth-child(4n+2) .news-card,
.view-block-news-list .views-row:nth-child(4n+3) .news-card {
  border-color: var(--color-yellow);
}

.view-block-news-list .news-card .card-image {
  flex: 0 0 auto;
  width: 230px;
  overflow: hidden;
}

.view-block-news-list .news-card .card-image img {
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  transition: all 0.2s ease;
}

.view-block-news-list .news-card:hover .card-image img,
.view-block-news-list .news-card:focus .card-image img {
  transform: scale(1.1);
}

.view-block-news-list .news-card .card-body {
  flex: 1 1 auto;
  padding: 0;
}

.news-card .card-date {
  color: #005DB2;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 10px;
}

.news-card .card-title {
  font-size: 18px;
  font-weight: 500;
  line-height: calc(100% + 10px);
  margin-bottom: 0;
}

.news-card .card-title a {
  color: #000;
}

.news-card .card-title a:hover,
.news-card .card-title a:focus {
  color: var(--color-blue);
}

/* Site Analytics */
.paragraph--type--analytics {
  margin-top: 100px;
}

.paragraph--type--analytics>.paragraph__column>h2 {
  display: none;
}

.paragraph--type--analytics .layout__region--first {
  padding-right: 50px;
}

.paragraph--type--analytics .layout__region--first p {
  font-size: 18px;
  line-height: 30px;
}

.block-field-blockparagraphanalyticsfield-paragraphs {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 64px;
}

.block-field-blockparagraphanalyticsfield-paragraphs>div {
  flex: 0 0 auto;
  width: calc(50% - 32px);
}

.paragraph--type--analytics .stat-item .counter,
.paragraph--type--analytics .stat-item .counter-plus {
  color: #005DB2;
  font-size: 50px;
  font-weight: 900;
  line-height: calc(100% + 10px);
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}

.block-field-blockparagraphanalyticsfield-paragraphs>div:last-child .stat-item .counter-plus {
  font-size: 35px;
}

.paragraph--type--analytics .stat-item .counter::before {
  background: linear-gradient(90deg, #FFD970 76.35%, rgba(255, 217, 112, 0.00) 100%);
  content: '';
  display: block;
  height: 22px;
  position: absolute;
  left: 0;
  right: -34px;
  bottom: 0;
  z-index: -1;
}

.block-field-blockparagraphanalyticsfield-paragraphs>div:nth-child(even) .stat-item .counter::before {
  background: linear-gradient(90deg, #B3E6FF 76.35%, rgba(179, 230, 255, 0.00) 100%);
}

.paragraph--type--analytics .stat-description {
  color: #272727;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

/* Sector Industry */
.index-industry-section {  
  background: #000 linear-gradient(to right, #fff 0%, #fff 100%);
  padding-top: 100px;
  padding-bottom: 200px;
  position: relative;
}

.index-industry-section::before {  
  background: linear-gradient(to right, #163A8F 0%, #1252AD 100%);
  border-top-right-radius: 120px;
  content: '';
  position: absolute;
  inset: 0 calc(var(--bs-gutter-x) * 0.5) 100px 0;
  /* z-index: 1; */
}

.index-industry-section::after {
  background: linear-gradient(to right, #FBC735 10%, #fff 90%);
  border-bottom-left-radius: 120px;
  content: '';
  position: absolute;
  inset: calc(100% - 100px) 0 0 calc(var(--bs-gutter-x) * 0.5);
  z-index: 0;
}

@media (min-width: 1540px) {
  .index-industry-section::after {
    left: calc(50% - 720px);
  }
}

.view-block-sector-industry {
  position: relative;
  z-index: 2;
}

.view-block-sector-industry h2 {
  background: url(../images/icon/title_stroke.svg) center bottom no-repeat;
  color: #fff;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 26px;
  margin-bottom: 30px;
  position: relative;
}

.sector-industry-swiper .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide {
  transform: translateX(-237px);
}

.sector-industry-swiper .swiper-slide {
  box-sizing: border-box;
  width: 327px;
  height: 480px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  transition: all 0.5s ease;
  position: relative;
  overflow: visible;
}

.sector-industry-swiper .swiper-slide:hover,
.sector-industry-swiper .swiper-slide:focus {
  width: 786px;
}

.sector-industry-swiper .swiper-slide .views-field,
.sector-industry-swiper .swiper-slide .views-field .field-content {
  display: block;
  height: 100%;
}

.industry-card {
  border: 0;
  border-radius: 0;
  height: 100%;
  position: relative;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 0.45s ease;
  will-change: transform;
}

.sector-industry-swiper .swiper-slide:focus-within,
.sector-industry-swiper .industry-card:hover,
.sector-industry-swiper .industry-card:focus-within {
  z-index: 6;
}

.sector-industry-swiper .swiper-slide.swiper-slide-active .industry-card {
  transform: scale(1);
}

.industry-card {
  background-color: #000;
}

.industry-card .card-img-top {
  height: 100%;
  position: relative;
}

.industry-card .card-img-top::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 6%, rgba(0, 0, 0, 0.00) 100%);
  content: '';
  display: block;
  height: 240px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.industry-card .card-img-top img {
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}

.industry-card .card-body {  
  border-bottom: 8px solid;
  border-image-source: linear-gradient(to right, #B3E6FF 8%, #B3E6FF 93%);
  border-image-slice: 1;
  /* Required to fill the entire border */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px;
  overflow: hidden;
  position: absolute;
  inset: 0;
  transition: all 0.2s ease;
}

.industry-card:hover .card-body,
.industry-card:focus .card-body {
  border-image-source: linear-gradient(to right, #FFC72E 8%, #FFE79A 93%);
}

.industry-card .card-tags {
  color: #FFF;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 5px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.industry-card .card-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: -35px;
  transition: all 0.2s ease;
}

.industry-card:hover .card-title,
.industry-card:focus .card-title {
  font-size: 30px;
  margin-bottom: 15px;
}

.industry-card a {
  border: #3FB5E8 1px solid;
  border-radius: 35px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  display: inline-block;
  padding: 7px 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.industry-card:hover a,
.industry-card:focus a {
  opacity: 1;
  visibility: visible;
}

.industry-card a::before {
  content: '';
  position: absolute;
  inset: 0;
}

.industry-card a::after {
  background-color: #fff;
  content: '';
  display: inline-block;
  width: 25px;
  height: 1px;
  margin-right: -13px;
  vertical-align: middle;
  transform: translateX(20px);
}

.industry-card .card-body .card-right {
  flex: 0 0 auto;
  width: 0;
  margin-left: 30px;
  transition: all 0.2s ease;
}

.industry-card:hover .card-body .card-right,
.industry-card:focus .card-body .card-right {
  width: 125px;
}

.industry-card .card-body .card-right img {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.industry-card:hover .card-body .card-right img,
.industry-card:focus .card-body .card-right img {
  opacity: 1;
}

.sector-industry-swiper-button {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

.news-swiper-button,
.featured-webinars-swiper-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

.sector-industry-swiper-button-next,
.sector-industry-swiper-button-prev,
.news-swiper-button .swiper-button-prev,
.news-swiper-button .swiper-button-next,
.featured-webinars-swiper-button .featured-webinars-swiper-button-prev,
.featured-webinars-swiper-button .featured-webinars-swiper-button-next {
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 46px;
  height: 46px;
  margin: 0;
  position: static;
  margin-top: 0;
  transition: all 0.2s ease;
}
.sector-industry-swiper-button-next:hover,
.sector-industry-swiper-button-next:focus,
.sector-industry-swiper-button-prev:hover,
.sector-industry-swiper-button-prev:focus,
.news-swiper-button .swiper-button-prev:hover,
.news-swiper-button .swiper-button-prev:focus,
.news-swiper-button .swiper-button-next:hover,
.news-swiper-button .swiper-button-next:focus,
.featured-webinars-swiper-button .featured-webinars-swiper-button-prev:hover,
.featured-webinars-swiper-button .featured-webinars-swiper-button-prev:focus,
.featured-webinars-swiper-button .featured-webinars-swiper-button-next:hover,
.featured-webinars-swiper-button .featured-webinars-swiper-button-next:focus {
  background-color: #B3E6FF;
}

.sector-industry-swiper-button-prev,
.news-swiper-button .swiper-button-prev,
.featured-webinars-swiper-button .featured-webinars-swiper-button-prev {
  background: var(--color-yellow) url(../images/icon/arrow_46x46.svg) center center no-repeat;
  transform: scaleX(-1);
}

.sector-industry-swiper-button-next,
.news-swiper-button .swiper-button-next,
.featured-webinars-swiper-button .featured-webinars-swiper-button-next {
  background: var(--color-yellow) url(../images/icon/arrow_46x46.svg) center center no-repeat;  
}

.sector-industry-swiper-button .swiper-navigation-icon,
.news-swiper-button .swiper-navigation-icon,
.featured-webinars-swiper-button .swiper-navigation-icon {
  display: none;
}

/* Resources */
.index-resources-section {
  padding-top: 112px;
  padding-bottom: 100px;
  overflow: hidden;
  position: relative;
}

.index-resources-section::before {
  background-image: linear-gradient(225deg, rgba(255, 241, 202, 0.00) 60%, #FFF1CA 83%);
  border-bottom-left-radius: 100px;
  content: '';
  display: block;
  position: absolute;
  inset: -100px 0 0 0;
  z-index: -1;
}

.paragraph--type--resources>.paragraph__column {
  position: initial;
}

.paragraph--type--resources h2 {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.paragraph--type--resources .field--type-text-long {
  width: min(calc(60% - 30px), 600px);
  margin-bottom: 50px;
}

.paragraph--type--resources .field--type-text-long p {
  font-size: 18px;
  line-height: 30px;
}

.paragraph--type--resources .field--type-text-long :last-child {
  margin-bottom: 0;
}

.paragraph--type--resources .field--name-field-image {
  width: calc(((100% - var(--bs-gutter-x))* 0.4) + (var(--bs-gutter-x) * 0.5));
  position: absolute;
  top: -112px;
  right: 0;
  z-index: -1;
}

@media (min-width: 1540px) {
  .paragraph--type--resources .field--name-field-image {
    width: calc((50vw - 770px) + 626px);
    right: calc((50vw - 770px) * -1);
  }
}

.paragraph--type--resources-list .paragraph__column {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--resources-list .paragraph__column>div {
  width: 20%;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(4) {
  margin-right: 20%;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(5) {
  margin-left: auto;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item .resources-item-image img {
  transition: all 0.2s ease;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item:focus .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item:focus .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item:focus .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item:focus .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item:focus .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item:hover .resources-item-image img,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item:focus .resources-item-image img {
  opacity: 0;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item .resources-item-image::before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_elearning_materials_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_practical_guides_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_publicity_materials_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_feature_articles_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_code_of_conduct_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item .resources-item-image::before {
  background: url(../images/icon/resources_training_videos_hover.png) no-repeat;
  background-size: contain;
}

.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item:focus .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item:focus .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item:focus .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item:focus .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item:focus .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item:hover .resources-item-image::before,
.paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item:focus .resources-item-image::before {
  opacity: 1;
}

.paragraph--type--resources-list .resources-item {
  background: #1251AA url(../images/icon/resources_arrow.svg) right 25px top 27px no-repeat;
  border: #C0C0C0 1px solid;
  display: flex;
  flex-direction: column;
  height: 200px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  transition: all 0.2s ease;
}

.paragraph--type--resources-list .resources-item:hover,
.paragraph--type--resources-list .resources-item:focus {
  background-color: #FFCC41;
}

.paragraph--type--resources-list .resources-item .resources-item-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-top: auto;
  transition: all 0.2s ease;
}

.paragraph--type--resources-list .resources-item:hover .resources-item-title,
.paragraph--type--resources-list .resources-item:focus .resources-item-title {
  color: #151B74;
}

.paragraph--type--resources-list .resources-item a {
  color: #fff;
  text-indent: -9999px;
  position: absolute;
  inset: 0;
}

/* About Us - Vision & Mission  ***************************************************/
.vision-mission-section .layout--twocol-section .layout__region--first img {
  width: 100%;
  border-bottom-right-radius: 50px;
}

.vision-mission-section .layout--twocol-section .layout__region--second p {
  margin-bottom: 28px;
}

/* About Us - Achievements  ***************************************************/
.achievements-section {
  margin-bottom: 100px;
}

.achievements-section h2,
.paragraph--type--clients-feedback h2 {
  background: url(../images/icon/title_stroke.svg) center bottom no-repeat;
  color: #151B74;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.achievements-section .media--type-video {
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
}

.achievements-section .media--type-video::before {
  border-bottom-right-radius: 40px;
  background: linear-gradient(270deg, #FFE79A 7.77%, #FFC72E 92.61%);
  content: '';
  position: absolute;
  inset: 20px 0 0;
}

.achievements-section video {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 20px 20px;
  position: relative;
}

/* About Us - Advisory Committee  ***************************************************/
.committee-section h2,
.icac-representatives-section h2 {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.committee-section~.committee-section {
  margin-top: 20px;
}

.committee-section p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 30px;
}

.committee-membership-section {
  margin-bottom: 100px;
}

.committee-membership-section>.paragraph--type--card-list>.paragraph__column,
.icac-representatives-section>.paragraph--type--card-list>.paragraph__column {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}

.committee-membership-section>.paragraph--type--card-list>.paragraph__column>div:not(.field),
.icac-representatives-section>.paragraph--type--card-list>.paragraph__column>div:not(.field) {
  width: min(calc(25% - 20px), 340px);
}

.committee-membership-section .paragraph--type--card-list-item,
.committee-membership-section .paragraph--type--card-list-item>.paragraph__column,
.icac-representatives-section .paragraph--type--card-list-item,
.icac-representatives-section .paragraph--type--card-list-item>.paragraph__column {
  height: 100%;
}

.committee-membership-section>.paragraph--type--card-list .card {
  background: linear-gradient(90deg, #FAFDFF 4.5%, #B6E7FF 97%);
  border: #3FB5E8 1px solid;
  border-radius: 20px;
  height: calc(100% - 20px);
  margin-bottom: 20px;
}

.committee-membership-section>.paragraph--type--card-list .card::after {
  background: var(--color-yellow) url(../images/icon/card_arrow.svg) no-repeat;
  background-size: contain;  
  border-radius: 40px;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  bottom: -20px;
  transition: all 0.2s ease;
}

.committee-membership-section>.paragraph--type--card-list .card .card-img-top {
  padding: 15px 15px 0;
}

.committee-membership-section>.paragraph--type--card-list .card .card-img-top .field__item {
  overflow: hidden;
}

.committee-membership-section>.paragraph--type--card-list .card .card-img-top img {
  background-color: #fff;
  border: #F4F4F4 1px solid;
  border-radius: 8px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  height: auto;
  transition: all 0.3s ease;
}

.committee-membership-section>.paragraph--type--card-list .card:hover .card-img-top img,
.committee-membership-section>.paragraph--type--card-list .card:focus .card-img-top img,
.icac-representatives-section>.paragraph--type--card-list .card:hover .card-img-top img,
.icac-representatives-section>.paragraph--type--card-list .card:focus .card-img-top img {
  transform: scale(1.15);
}

.committee-membership-section>.paragraph--type--card-list .card .card-body {
  padding: 15px 14px 25px;
}

.committee-membership-section>.paragraph--type--card-list .card .card-title,
.icac-representatives-section>.paragraph--type--card-list .card .card-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
}

.committee-membership-section>.paragraph--type--card-list .card .card-title a,
.icac-representatives-section>.paragraph--type--card-list .card .card-title a {
  color: #151B74;
}

.committee-membership-section>.paragraph--type--card-list .card .card-text :last-child,
.icac-representatives-section>.paragraph--type--card-list .card .card-text :last-child {
  margin-bottom: 0;
}

.committee-membership-section>.paragraph--type--card-list .card .card-text p,
.icac-representatives-section>.paragraph--type--card-list .card .card-text p {
  font-size: 16px;
  line-height: 24px;
}

.icac-representatives-section>.paragraph--type--card-list .card {
  background: linear-gradient(90deg, #FFFEFA 4.5%, #FFF3D2 97%);
  border: #FFC72E 1px solid;
  border-radius: 20px;
  height: 100%;
}

.icac-representatives-section>.paragraph--type--card-list .card .card-img-top {
  padding: 15px 15px 0;
}

.icac-representatives-section>.paragraph--type--card-list .card .card-img-top .field__item {
  overflow: hidden;
}

.icac-representatives-section>.paragraph--type--card-list .card .card-img-top img {
  background-color: #fff;
  border: #F4F4F4 1px solid;
  border-radius: 8px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  height: auto;
  transition: all 0.3s ease;
}

.icac-representatives-section>.paragraph--type--card-list .card .card-body {
  padding: 15px 14px 20px;
}

/* About Us - Contact Us  ***************************************************/
.hotline-email-section .layout--twocol-section {
  margin-bottom: 30px;
}

.hotline-email-section .layout--twocol-section .block {
  display: flex;
  height: 100%;
}

.hotline-email-section .layout--twocol-section .block::before {
  border: #FFCC41 1px solid;
  border-radius: 50%;
  content: '';
  flex: 0 0 auto;
  display: block;
  width: 150px;
  height: 150px;
  margin-right: -75px;
  position: relative;
  z-index: 1;
}

.hotline-email-section .layout__region--first .block::before {
  background-image: url(../images/icon/hotline.svg), linear-gradient(137deg, #FFF3D2 15%, #FFFCF5 54%);
  background-size: contain;
}

.hotline-email-section .layout__region--second .block::before {
  background-image: url(../images/icon/email.svg), linear-gradient(137deg, #FFF3D2 15%, #FFFCF5 54%);
  background-size: contain;
}

.hotline-email-section .layout--twocol-section .block>div {
  background: #FFF;
  border-radius: 0 0 20px 20px;
  border: 1px solid #B3E6FF;
  margin-top: 60px;
  margin-bottom: 20px;
  padding: 38px 30px 30px 105px;
  position: relative;
}

.hotline-email-section .layout--twocol-section .block>div :last-child {
  margin-bottom: 0;
}

.hotline-email-section .layout--twocol-section .block>div::before {
  background-image: linear-gradient(to right, #A7D5FF, #0D73D0);
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.hotline-email-section h2 {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 10px;
}

.hotline-email-section p {
  line-height: 30px;
}

.contactus-section .field--type-text-long {
  background-image: linear-gradient(to right, #FAFDFF 26%, #B6E7FF 100%);
  border: #3FB5E8 1px solid;
  border-radius: 20px;
  padding: 40px;
}

.contactus-section .field--type-text-long p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 30px;
}

.contactus-section .field--type-text-long p:has(.btn):not(.btn-linkedin) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}

.contactus-section .field--type-text-long .btn {
  display: inline-flex;
  margin-right: 17px;
  margin-bottom: 20px;
  padding-right: 26px;
  position: relative;  
}
.contactus-section .field--type-text-long .btn:hover,
.contactus-section .field--type-text-long .btn:focus {
  background-color: #B3E6FF;
}

.contactus-section .field--type-text-long .btn::after {
  background-color: #fff;
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  margin-top: 11px;
  position: absolute;
  right: -18px;
}

.contactus-section .field--type-text-long .btn-linkedin {
  background-color: #0A66C2;
  border-radius: 6px;
  color: #fff;
  line-height: 34px;
  padding: 5px 25px;
}
.contactus-section .field--type-text-long .btn-linkedin:hover,
.contactus-section .field--type-text-long .btn-linkedin:focus {
  color: #000;
}

.contactus-section .field--type-text-long .btn-linkedin::before {
  background: url(../images/icon/btn_linkedin.svg) no-repeat;
  background-size: contain;
  border-radius: 34px;
  content: '';
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: top;
  margin-right: 6px;
  transition: all 0.2s ease;
}
.contactus-section .field--type-text-long .btn-linkedin:hover::before,
.contactus-section .field--type-text-long .btn-linkedin:focus::before {
  background: url(../images/icon/btn_linkedin_hover.svg) no-repeat;
}

.contactus-section .field--type-text-long .btn-linkedin::after {
  content: none;
}

/* News and Events List, Cases List ***************************************************/
.view-block-news-and-events-lists .form--inline,
.view-block-icac-cases-list .form--inline {
  display: flex;
  gap: 30px;
  align-items: end;
}

.view-block-news-and-events-lists .form--inline::after,
.view-block-icac-cases-list .form--inline::after {
  content: none;
}

.view-block-news-and-events-lists .views-exposed-form,
.view-block-icac-cases-list .views-exposed-form {
  background: #18479c;
  border-radius: 20px;
  padding: 20px 30px;
  margin-bottom: 28px;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .form-item,
.view-block-icac-cases-list .views-exposed-form .form--inline .form-item {
  display: flex;
  align-items: center;
  margin: 0;
  float: unset;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .form-item label,
.view-block-icac-cases-list .views-exposed-form .form--inline .form-item label {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  flex: 0 0 auto;
  margin-right: 15px;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .form-item.js-form-type-textfield {
  border-left: 1px solid #538CE2;
  padding-left: 30px;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .form-select,
.view-block-news-and-events-lists .views-exposed-form .form--inline .form-control,
.view-block-icac-cases-list .views-exposed-form .form--inline .form-control {
  height: 43px;
  border-radius: 999px;
  border: 1px solid #cad6ef;
  background: #fff;
  color: #767676;
  font-size: 15px;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 44px;
  background-image: none;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .js-form-type-select {
  position: relative;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .js-form-type-select::after {
  content: "";
  position: absolute;
  right: 16px;
  top: auto;
  bottom: 17px;
  width: 22px;
  height: 9px;
  background-image: url("/themes/custom/i2_theme/images/icon/dropdown_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.view-block-news-and-events-lists .views-exposed-form .form--inline .js-form-type-select:has(.form-select:open)::after {
  transform: rotate(180deg);
}

.view-block-news-and-events-lists .views-exposed-form .form-actions,
.view-block-icac-cases-list .views-exposed-form .form-actions {
  align-self: end;
  margin: 0;
  margin-left: auto;
}

.view-block-news-and-events-lists .views-exposed-form>div .form-actions input,
.view-block-icac-cases-list .views-exposed-form>div .form-actions input {
  min-width: 130px;
  height: 43px;
  border-radius: 999px;
  border: 0;
  background: #FFC300;
  color: #183a88;
  font-size: 0;
  padding: 0 20px;
  background-image: url(/themes/custom/i2_theme/images/icon/search.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}
.view-block-news-and-events-lists .views-exposed-form>div .form-actions input:hover,
.view-block-news-and-events-lists .views-exposed-form>div .form-actions input:focus,
.view-block-icac-cases-list .views-exposed-form>div .form-actions input:hover,
.view-block-icac-cases-list .views-exposed-form>div .form-actions input:focus {
  background-color: #B3E6FF;
}

.view-block-news-and-events-lists .views-row:not(:last-child),
.view-block-icac-cases-list .views-row:not(:last-child) {
  margin-bottom: 20px;
}

.news-events-card {
  border-radius: 20px;
  border: 1px solid #FFC72E;
  background: linear-gradient(to right, #FFFDFA 77%, #FFF3D2 100%);
  display: flex;
  flex-direction: row;
  gap: 30px 40px;
  padding: 25px 76px;
}

.news-events-card::after,
.cases-card::after {
  background: #fff url(../images/icon/arrow_to.svg) center center no-repeat;
  border: #C1C1C1 1px solid;
  border-radius: 40px;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 32px;
  top: 33px;
  transition: all 0.2s ease;
}

.news-events-card:hover::after,
.news-events-card:focus::after,
.cases-card:hover::after,
.cases-card:focus::after {
  background: var(--color-blue) url(../images/icon/arrow_to_white.svg) center center no-repeat;
}

.news-events-card .card-date {
  border-radius: 8px;
  background: linear-gradient(to bottom, #B9E8FF 16.25%, #E6F7FF 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 35px;
  left: 30px;
}

.news-events-card .card-date span {
  font-weight: 700;
  display: block;
  font-size: 14px;
  line-height: 17px;
}

.news-events-card .card-date span:first-child {
  color: #151B74;
  font-size: 26px;
  line-height: 31px;
  padding: 0 7px;
}

.news-events-card .card-date span:last-child {
  text-align: center;
}

.news-events-card .card-cover {
  flex: 0 0 auto;
  overflow: hidden;
  max-width: 40%;
}

.news-events-card .card-cover img {
  border-bottom-right-radius: 30px;
  width: 290px;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  object-position: center top;
  transition: all 0.2s ease;
}

.news-events-card .card-body,
.cases-card .card-body {
  padding: 0;
}

.news-events-card .card-tags ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 10px 20px;
  margin-bottom: 20px;
  padding-left: 0;
}

.news-events-card .card-tags ol li {
  background: #FFE282;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 3px 6px;
}

.news-events-card .card-title,
.cases-card .card-title {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px;
}

.news-events-card .card-title a,
.cases-card .card-title a {
  color: #151B74;
}

.news-events-card .card-description,
.cases-card .card-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-events-card .card-description :last-child,
.cases-card .card-description :last-child {
  margin-bottom: 0;
}

/* case card */
.cases-card {
  border-radius: 20px;
  border: 1px solid #3FB5E8;
  background: linear-gradient(to right, #FAFDFF 77%, #B6E7FF 100%);
  display: flex;
  flex-direction: row;
  gap: 30px 40px;
  padding: 25px 76px;
}

.cases-card .card-date {
  background: url(../images/icon/folder_yellow.svg) no-repeat;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15));
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 95px;
  height: 76px;
  padding-top: 5px;
  position: absolute;
  left: 30px;
  top: 146px;
}

.view-block-icac-cases-list .views-row:nth-child(even) .cases-card .card-date {
  background: url(../images/icon/folder_blue.svg) no-repeat;
}

.cases-card .card-date span {
  font-weight: 700;
  display: block;
  font-size: 14px;
  line-height: 17px;
  padding: 0 12px;
}

.cases-card .card-date span:first-child {
  color: #151B74;
  font-size: 26px;
  line-height: 31px;
}

.cases-card .card-cover {
  flex: 0 0 auto;
  overflow: hidden;
  max-width: 40%;
}

.cases-card .card-cover img {
  border-bottom-right-radius: 30px;
  width: 290px;
  aspect-ratio: 8 / 5;
  margin-bottom: 16px;
  transition: all 0.2s ease;
}

/* Pagination ***************************************************/
#pagination-heading {
  display: none;
  visibility: hidden;
}

.pagination {
  margin-top: 50px;
  margin-bottom: 0;
  padding: 0;
}

.pagination .page-item>.page-link {
  border-color: transparent;
  border-radius: 38px;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  margin: 4px 0;
  padding: 6px 15px;
}

.pagination .page-item>.page-link:hover,
.pagination .page-item>.page-link:focus {
  background-color: transparent;
  color: #151B74;
}

.pagination .page-item.active>.page-link {
  background-color: var(--color-yellow);
  text-align: center;
  width: 38px;
  margin: 4px 4px;
  padding: 6px;
}

.pagination .pager__item--next .page-link,
.pagination .pager__item--previous .page-link {
  background: url(../images/icon/arrow_46x46.svg) center center no-repeat;
  background-size: contain;
  border-color: #C1C1C1;
  width: 46px;
  height: 46px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 3px;
}

.pagination .pager__item--next .page-link {
  margin-right: 15px;
}

.pagination .pager__item--previous .page-link {
  margin-left: 15px;
}

.pagination .pager__item--last .page-link,
.pagination .pager__item--first .page-link {
  background: url(../images/icon/arrow_two_46x46.svg) center center no-repeat;
  background-size: contain;
  border-color: #C1C1C1;
  width: 46px;
  height: 46px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 3px;
}

.pagination .pager__item--first .page-link,
.pagination .pager__item--previous .page-link {
  transform: scaleX(-1);
}

.pagination .pager__item--next .page-link:hover,
.pagination .pager__item--previous .page-link:hover,
.pagination .pager__item--last .page-link:hover,
.pagination .pager__item--first .page-link:hover {
  background-color: var(--color-yellow);
}

/* News and Events Detail, Cases Detail ***************************************************/
.page-node-type-news .block-system-breadcrumb-block,
.page-node-type-icac-cases .block-system-breadcrumb-block {
  max-width: 1540px;
  margin: 150px auto 50px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.page-node-type-news .node__content,
.page-node-type-icac-cases .node__content {
  padding-top: 80px;
  padding-bottom: 150px;
  position: relative;
}

.page-node-type-news .node__content .layout.container:not(:last-child),
.page-node-type-icac-cases .node__content.layout.container:not(:last-child) {
  margin-bottom: 50px;
}

.page-node-type-news .node__content .bg-content,
.page-node-type-icac-cases .node__content .bg-content {
  border-top-left-radius: 120px;
  overflow: hidden;
  position: absolute;
  inset: 0 0 -30px calc(var(--bs-gutter-x) * 0.5);
  z-index: -1;
}

.page-node-type-news .node__content .bg-content::before,
.page-node-type-icac-cases .node__content .bg-content::before {
  content: '';
  background: linear-gradient(330deg, #FFF 45%, rgba(255, 255, 255, 0.00) 90%);
  position: absolute;
  inset: 0;
}

.page-node-type-news .node__content .bg-content video,
.page-node-type-icac-cases .node__content .bg-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .page-node-type-news .node__content::before,
.page-node-type-icac-cases .node__content::before {
  border-top-left-radius: 120px;
  background: url(../images/background/detail_bg.png), linear-gradient(262deg, #FFF 24%, #DCF3FF 72.5%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  position: absolute;
  inset: 0 0 -30px calc(var(--bs-gutter-x) * 0.5);
  z-index: -1;
} */
.page-node-type-news .node__content .container,
.page-node-type-icac-cases .node__content .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

@media (min-width: 1600px) {

  .page-node-type-news .node__content .container,
  .page-node-type-icac-cases .node__content .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3),
.page-node-type-icac-cases .node__content .layout--twocol-section:first-child {
  flex-wrap: nowrap;
}

.page-node-type-news .node__content:has(.news-content-2) .layout--twocol-section--33-67:nth-child(3) {
  margin-bottom: 50px;
}

.page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3) .layout__region--first,
.page-node-type-icac-cases .node__content .layout--twocol-section:first-child .layout__region--first {
  flex: 0 0 auto;
  width: min(40%, 553px);
  position: relative;
}

.page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3) .layout__region--second,
.page-node-type-icac-cases .node__content .layout--twocol-section:first-child .layout__region--second {
  flex: 1 1 auto;
  position: relative;
}

.block-field-blocknodenewsfield-info-data img {
  width: 100%;
  max-width: 900px;
  height: auto;
  object-fit: cover;
  object-position: center top;
}

.page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3) .layout__region--first .field--name-field-cover,
.page-node-type-icac-cases .node__content .layout--twocol-section:first-child .layout__region--first .field--name-field-cover {
  background: linear-gradient(to bottom, #5CB4DE 0%, rgba(92, 180, 222, 0.30) 100%);
  border-bottom-right-radius: 34px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3) .layout__region--first .field--name-field-cover img,
.page-node-type-icac-cases .node__content .layout--twocol-section:first-child .layout__region--first .field--name-field-cover img {
  border-bottom-right-radius: 30px;
  width: 100%;
}

.page-node-type-icac-cases .node__content .block-field-blocknodeicac-casescreated {
  width: 112px;
  margin-top: -33px;
  position: relative;
  left: 30px;
  z-index: 2;
}

.page-node-type-icac-cases .node__content .block-field-blocknodeicac-casescreated span {
  color: #151B74;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  display: block;
  padding: 0 12px;
}

.page-node-type-icac-cases .node__content .block-field-blocknodeicac-casescreated+.block-field-blocknodeicac-casescreated {
  background: url(../images/icon/folder_yellow.svg) no-repeat;
  background-size: contain;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15));
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 112px;
  height: 90px;
  margin-top: -55px;
  padding-top: 5px;
  position: relative;
  left: 30px;
  z-index: 1;
}

.page-node-type-icac-cases .node__content .block-field-blocknodeicac-casescreated+.block-field-blocknodeicac-casescreated span {
  color: #000;
  font-weight: 700;
  display: block;
  font-size: 16px;
  line-height: 19px;
  margin-top: 34px;
  padding: 0 12px;
}

.page-node-type-news .node__content .field--name-field-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 20px;
  padding-right: 120px;
}

.page-node-type-news .node__content .field--name-field-tags .field__item {
  font-size: 16px;
  font-weight: 500;
  background: rgb(255, 226, 130);
  border-radius: 4px;
  margin: 0px;
  padding: 3px 6px;
}

.page-node-type-news .node__content .block-field-blocknodenewscreated {
  position: absolute;
  right: 0;
  top: 5px;
}

.page-node-type-news .node__content .block-field-blocknodenewscreated .field--name-created {
  display: block;
  font-size: 16px;
  line-height: 19px;
}

.page-node-type-news .node__content .field--name-title,
.page-node-type-icac-cases .node__content .field--name-title {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 10px);
  display: block;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.page-node-type-news .node__content .block-field-blocknodenewsbody .field> :last-child {
  margin-bottom: 0;
}

.page-node-type-news .node__content .news-content-2 .container,
.page-node-type-icac-cases .node__content .block-field-blocknodeicac-casesfield-paragraphs-content .container {
  padding-left: 0;
  padding-right: 0;
}

/* Services - PSIC Channel ***************************************************/
.featured-section {
  background: #000 linear-gradient(to right, #fff 0%, #fff 100%);
  margin-top: 0;
}

.featured-section .view-header h2 {
  background: url(../images/icon/title_stroke.svg) center bottom no-repeat;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 100px;
}

.featured-webinars-swiper-section {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 100px;
}

.featured-webinars-swiper {
  position: relative;
  overflow: hidden;
}

.featured-webinars-swiper .swiper-wrapper {
  align-items: stretch;
}

.featured-webinars-swiper .swiper-slide {
  width: min(68vw, 980px);
  height: auto;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
}

.featured-webinars-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.featured-webinars-card {
  border: none;
  border-radius: unset;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: calc(min(68vw, 980px) * 0.45);
  min-height: 360px;
  overflow: hidden;
  position: relative;
}

.featured-webinars-card .card-img-top {
  margin: 0;
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: 0;
}

.featured-webinars-card .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.featured-webinars-card .card-img-top::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.92) 18%, rgba(255, 255, 255, 0) 52%);
}

.featured-webinars-card .card-body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 28px 20px 28px 28px;
  position: relative;
  z-index: 2;
}

.featured-webinars-card .card-industry {
  color: #151B74;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 50px;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.featured-webinars-card .featured-webinars-title-line1 {
  font-size: 34px;
}

.featured-webinars-card .featured-webinars-title-line2 {
  /* color: transparent;
  -webkit-text-stroke: 1px #151B74;
  paint-order: stroke fill; */
  font-size: 34px;
}

.featured-webinars-card .card-staff {
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 50px;
  padding: 6px;
  background: #FFC72E;
  color: #151B74;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  transition: all 0.2s ease;
}
.featured-webinars-card:hover .card-staff,
.featured-webinars-card:focus .card-staff {
  background-color: #B3E6FF;
}

.featured-webinars-card .card-date {
  color: #151B74;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

.featured-webinars-card .card-date time {
  font-weight: 700;
}

.featured-webinars-card .card-date span+span {
  margin-left: 20px;
}

.featured-webinars-card .card-language {
  color: #151B74;
  font-size: 20px;
  line-height: 24px;
}

.featured-webinars-card .card-language ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.featured-webinars-card .card-language li {
  margin: 0;
}

.webinars-calendar-notes {
  margin-bottom: 100px;
}

.webinars-calendar-notes .paragraph__column {
  padding-left: 170px;
}

.webinars-calendar-notes .paragraph__column h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.webinars-calendar-notes .paragraph__column ul li {
  margin-bottom: 10px;
}

.webinars-calendar-notes .paragraph__column ul li span {
  display: inline-block;
  margin-bottom: 10px;
}

.statement-box-section .paragraph__column {
  border-radius: 10px;
  border: 1px solid #FFC72E;
  background: linear-gradient(to right, #FFFEFA 5%, #FFF3D2 97%);
  padding: 48px 30px;
}

.statement-box-section h2 {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
}

/* Webinars calendar (calendar.js + API) ***********************************/
.webinars-calendar {
  margin-bottom: 100px;
}

.webinars-calendar h2 {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 10px);
  display: block;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.calendar-shell {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.calendar-panel {
  border-radius: 20px;
  border: 1px solid #3FB5E8;
  background: linear-gradient(90deg, #FAFDFF 25%, #B6E7FF 100%);
  flex: 0 0 auto;
  width: 40%;
  padding: 40px;
  position: relative;
  z-index: 1;
}

.calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.calendar-nav-label {
  color: #112970;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.calendar-nav-btn {
  border: #EEEEEE 1px solid;
  border-radius: 50%;
  background: #fff url(../images/icon/arrow_46x46.svg) center no-repeat;
  color: #112970;
  text-indent: -9999px;
  cursor: pointer;
  display: block;
  width: 46px;
  height: 46px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.calendar-nav-btn:hover,
.calendar-nav-btn:focus {
  background: var(--color-blue) url(../images/icon/arrow_46x46_white.svg) center no-repeat;
}

.calendar-nav-btn.calendar-nav-prev {
  transform: scaleX(-1);
}

.calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: calc((100% - 280px) * 0.167);
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #112970;
  margin-bottom: 14px;
  padding-bottom: 8px;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px calc((100% - 280px) * 0.167);
}

.calendar-cell--pad {
  min-height: 36px;
}

.calendar-cell--day {
  background: transparent;
  cursor: pointer;
  color: #112970;
  font-size: 20px;
  line-height: 24px;
  border: none;
  border-radius: 50%;
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}

.calendar-cell-num {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.calendar-cell--day.has-event .calendar-cell-num {
  background: var(--color-yellow);
}

.calendar-cell--day.is-selected .calendar-cell-num {
  box-shadow: 0 0 0 1px #134FA8;
  background: transparent;
}

.calendar-cell--day.has-event.is-selected .calendar-cell-num {
  background: var(--color-yellow);
  box-shadow: 0 0 0 1px #134FA8;
}

.calendar-events-panel {
  border-radius: 0 20px 20PX 0;
  border: 1px solid #3FB5E8;
  border-left: none;
  background: linear-gradient(to right, #FAFDFF 15%, #B6E7FF 100%);
  flex: 1 1 auto;
  width: 60%;
  margin-left: -20px;
  padding: 40px 40px 40px 60px;
}

.calendar-events-heading {
  font-weight: 700;
  color: #112970;
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
}

.calendar-events-empty {
  margin: 0;
  color: #000;
}

.calendar-events-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  max-height: 434px;
  padding-right: 15px;
}

.calendar-events-list:has(.calendar-events-empty) {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.calendar-events-list .calendar-events-empty {
  font-size: 18px;
}

.calendar-event-card {
  border-bottom: 1px solid #3FB5E8;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  padding-bottom: 20px;
}

.calendar-event-card-media {
  border-bottom-right-radius: 20px;
  flex: 0 0 auto;
  width: 200px;
  overflow: hidden;
}

.calendar-event-card-media img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.2s ease;
}
.calendar-event-card:hover .calendar-event-card-media img,
.calendar-event-card:focus .calendar-event-card-media img {
  transform: scale(1.1);
}

.calendar-event-card-body {
  flex: 1;
  min-width: 0;
}

.calendar-event-card-meta {
  font-size: 16px;
  line-height: 19px;
  color: #000;
  margin-bottom: 10px;
}

.calendar-event-card-title {
  color: #112970;
  font-size: 18px;
  font-weight: 700;
  line-height: calc(100% + 10px);
}

.calendar-event-card-footer {
  color: #000;
  font-size: 15px;
  line-height: 1.875;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.calendar-event-card-lang::before {
  background: url(../images/icon/global_language.svg) center no-repeat;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}

/* Anti-Corruption Laws in Hong Kong ***************************************************/
.operations-section,
.flags-section,
.deep-blue,
.light-blue {
  position: relative;
  margin-top: 50px;
  margin-bottom: 120px;
}

.deep-blue::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (var(--bs-gutter-x) * 0.5));
  height: 100%;
  border-top-right-radius: 120px;
  background: linear-gradient(90deg, #163A8F 0%, #1252AD 100%);
}

.light-blue::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (var(--bs-gutter-x) * 0.5));
  height: 100%;
  border-top-right-radius: 120px;
  background: #BEEAFF;
}

.corruption-section {
  background: #000 linear-gradient(to right, #fff 0%, #fff 100%);
  position: relative;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-bottom: 100px;
}

.corruption-section .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

@media (min-width: 1600px) {
  .corruption-section .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.corruption-section .container .layout__region--second {
  padding-top: 50px;
}

.corruption-section .field--name-field-image {
  margin-top: -50px;
}

.corruption-section .field--name-field-content p {
  color: #FFF;
  font-size: 18px;
  line-height: 34px;
}

.corruption-section .field--name-field-content p a {
  color: #FFC72E;
  font-weight: 500;
  text-decoration: underline;
}
.corruption-section .field--name-field-content p a:hover,
.corruption-section .field--name-field-content p a:focus {
  color: #B3E6FF;
}

.corruption-accordion {
  max-width: 1260px;
  margin: 0 auto 100px;
  padding-left: 30px;
  padding-right: 30px;
}

.corruption-accordion a {
  color: #005DB2;
  font-size: 18px;
  text-decoration: underline;
  font-weight: bold;
}

.corruption-accordion .accordion-button {
  background-color: #fff;
  box-shadow: none;
  border: none;
  border-radius: 0 !important;
  margin-top: 20px;
  margin-bottom: 12px;
  padding: 0 20px 8px;
  position: relative;
}

.corruption-accordion .accordion-button::after {
  background: #D9F2FF url(/themes/custom/i2_theme/images/icon/accordion_arrow.svg) center center no-repeat;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  transition: all 0.2s ease;
}
.corruption-accordion .accordion-button:hover::after,
.corruption-accordion .accordion-button:focus::after {
  background-color: #ffc72e;
}

.corruption-accordion .accordion-item {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}

.corruption-accordion .paragraph--type--bp-accordion>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after {
  background-image: url('/themes/custom/i2_theme/images/icon/accordion_arrow.svg');
  content: '';
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #D9F2FF;
  z-index: 2;
}

.corruption-accordion .paragraph--type--bp-accordion>div>.accordion>.accordion-item>.accordion-header>.accordion-button[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(-180deg);
}

.corruption-accordion .accordion-button::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  width: 100%;
  background: linear-gradient(90deg, #0d73d0, #a7d5ff);
}

.corruption-accordion .accordion-button__inner {
  display: flex;
}

.corruption-accordion .accordion-button__title {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 46px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.corruption-accordion .accordion-button__inner .accordion-button__icon {
  flex: 0 0 auto;
  margin-top: -20px;
  margin-bottom: -20px;
  position: relative;
}

.corruption-accordion .panel-collapse {
  background: linear-gradient(90deg, #FFFEFA 4.41%, #FFF3D2 96.76%);
  border: 1px solid #FFC72E;
  border-top: none;
  border-radius: 0 0 20px 20px;
  color: #000;
  font-size: 18px;
  line-height: 34px;
  margin-top: -12px;
  padding: 30px;
}

.corruption-accordion.paragraph--type--bp-accordion .panel-collapse>.paragraph,
.corruption-accordion.paragraph--type--bp-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
  padding: 0;
}

.corruption-accordion .panel-collapse p {
  margin-bottom: 0;
}

/* Back to top button */
.sidebar-back-to-top {
  background: #FFC72E;
  border-bottom-left-radius: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: fixed;
  right: 0;
  bottom: 120px;
  z-index: 30;
  transition: all 0.2s ease;
}
.sidebar-back-to-top:hover,
.sidebar-back-to-top:focus {
  background-color: #B3E6FF;
}

/* Quiz (custom-block + quiz paragraphs → .quiz-section via custom.js) */
.quiz-section {
  box-sizing: border-box;
  position: relative;
  z-index: 66;
}

.quiz-section .content {
  background: linear-gradient(90deg, #FFF 86%, #B6F2FF 100%);
  border: 1px solid #3FB5E8;
  border-radius: 100px 0 0 100px;
  box-shadow: 0 7px 0 #005DB2;
  display: flex;
  max-width: 1212px;
  width: calc(100% - (var(--bs-gutter-x) * 0.5));
  align-items: flex-start;
  padding: 23px calc(var(--bs-gutter-x) * 0.5) 23px 32px;
  position: absolute;
  right: 0;
}

.quiz-section.quiz-section--dock-collapsed>.content {
  box-shadow: 0 4px 0 #005DB2;
}

.quiz-section .quiz-title {
  background: #FFCC41;
  border-radius: 100px;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  padding: 6px 18px;
  top: -20px;
  left: 160px;
  position: absolute;
}

.quiz-section .quiz-title .quiz-title-text {
  color: #151B74;
  font-size: 28px;
  font-weight: 700;
  margin-right: 22px;
}
[lang="zh-hant"] .quiz-section .quiz-title .quiz-title-text,
[lang="zh-hans"] .quiz-section .quiz-title .quiz-title-text {
  font-size: 26px;
}

.quiz-section .quiz-content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding-right: 20px;
}

.quiz-section .quiz-dock-toggle {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  line-height: 0;
  flex-shrink: 0;
}

.quiz-section .quiz-dock-toggle:focus-visible {
  outline: 2px solid #151b74;
  outline-offset: 3px;
  border-radius: 8px;
}

.quiz-section .quiz-content img {
  flex-shrink: 0;
  display: block;
  width: 112px;
  height: auto;
  transition: all 0.2s ease;
}

.quiz-section.quiz-section--dock-collapsed .quiz-content img {
  width: 68px;
}

.quiz-section .quiz-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  min-width: 0;
}

.quiz-section .quiz-content li {
  display: none;
  margin: 0;
}

.quiz-section .quiz-content li.is-active {
  display: block;
}

.quiz-section .quiz-question {
  color: #151B74;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 15px;
  margin-bottom: 5px;
}
[lang="zh-hant"] .quiz-section .quiz-question,
[lang="zh-hans"] .quiz-section .quiz-question {
  font-size: 28px;
}

.quiz-section .quiz-topic {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}

.quiz-section .quiz-buttons {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: auto;
  margin-top: auto;
}

.quiz-section .quiz-button-yes,
.quiz-section .quiz-button-no {
  background-color: #fff;
  border: #3FB5E8 1px solid;
  border-radius: 44px;
  color: var(--color-blue);
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  min-width: 150px;
  padding: 11px;
  transition: all 0.2s ease;
}

.quiz-section .quiz-button-yes:disabled,
.quiz-section .quiz-button-no:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.quiz-section .quiz-button-yes:hover,
.quiz-section .quiz-button-yes:focus,
.quiz-section .quiz-button-no:hover,
.quiz-section .quiz-button-no:focus {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: #fff;
}

/* Quiz：捲過 section 後 fixed；向上捲還原 inline、向下捲維持 fixed（custom.js） */
.quiz-section.quiz-section--dock-collapsed,
.quiz-section.quiz-section--dock-expanded {
  z-index: 80;
}

.quiz-section.quiz-section--dock-collapsed>.content,
.quiz-section.quiz-section--dock-expanded>.content {
  position: fixed;
  /* top / right 由 custom.js 依捲動前可見位置寫入 inline，避免與 22vh 錯位 */
  z-index: 80;
  /* 向下收合／點擊收合：較慢 */
  transition: width 0.35s ease-out, max-width 0.35s ease-out, padding 0.35s ease-out;
}

.quiz-section.quiz-section--dock-collapsed>.content {
  width: 100px;
  padding: 8px 10px 8px 20px;
  overflow: hidden;
  align-items: center;
}

.quiz-section.quiz-section--dock-collapsed>.content:hover,
.quiz-section.quiz-section--dock-collapsed>.content:focus {
  width: 115px;
}

.quiz-section.quiz-section--dock-collapsed .quiz-title,
.quiz-section.quiz-section--dock-collapsed .quiz-buttons,
.quiz-section.quiz-section--dock-collapsed .quiz-content>ul {
  display: none !important;
}

.quiz-section.quiz-section--dock-collapsed .quiz-content {
  gap: 0;
}

.quiz-section.quiz-section--dock-expanded>.content {
  width: min(1212px, calc(100vw - 20px));
  max-width: min(1212px, calc(100vw - 20px));
  padding: 24px 28px;
  overflow: visible;
  align-items: flex-start;
}

/* Basic page */
.block-field-blocknodepagefield-banner,
.block-field-blocknodesector-industryfield-banner {
  display: none;
}

/* news & events ***************************************************/
.page-node-type-news .field--name-field-have-two-sides,
.page-node-type-news .news-content-1,
.page-node-type-news .news-content-2 {
  display: none;
}

/* banner section  ***************************************************/
.banner-section .content img {
  width: 100%;
  aspect-ratio: 1920 / 550;
  min-height: 400px;
  max-height: 550px;
  object-fit: cover;
}

.banner-section .content {
  background-color: var(--color-blue);
  border-bottom-right-radius: 80px;
  overflow: hidden;
  position: relative;
}

.banner-section .content::before {
  background: url(../images/icon/banner_section_shadow.png) no-repeat;
  background-size: cover;
  content: '';
  width: 51.23%;
  aspect-ratio: 976 / 535;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: all 0.2s ease;
}

.banner-section .content::after {
  background: linear-gradient(0deg, rgba(0, 26, 87, 0.40) 0%, rgba(0, 26, 87, 0.00) 100%);
  content: '';
  height: 120px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.banner-section .content .container {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 3;
  transform: translateX(-50%);
}

.banner-section .content .container h2 {
  background: url(../images/icon/home_banner_contentbg.svg) left top no-repeat;
  color: #fff;
  font-size: var(--font-size-xl);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0;
  padding-left: 40px;
  padding-bottom: 40px;
}

/* breadcrumb section  ***************************************************/
.node__content .layout--onecol:has(.banner-section)+.layout--onecol .block-system-breadcrumb-block .breadcrumb {
  margin-bottom: 80px;
  padding-left: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.node__content .layout--onecol:has(.banner-section)+.layout--onecol .block-system-breadcrumb-block .breadcrumb::before {
  background-image: linear-gradient(180deg, #FFC72E 15px, rgba(255, 199, 46, 0.00) 100%);
  content: '';
  display: block;
  width: 10px;
  height: 77px;
  position: absolute;
  left: 0;
  top: 0;
}

.breadcrumb {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.breadcrumb .breadcrumb-item {
  font-size: 14px;
  line-height: 17px;
  flex: 0 0 auto;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
  padding-left: 10px;
}

.breadcrumb .breadcrumb-item:last-child {
  color: #151B74;
  font-weight: 500;
}

.breadcrumb-item+.breadcrumb-item::before {
  background-color: #151B74;
  border-radius: 4px;
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-top: 7px;
  margin-right: 10px;
  padding: 0;
}

/* node content  ***************************************************/
.node__content:has(.banner-section) {
  /* background: url(../images/icon/pattern_bg.jpg) center top clamp(400px, 28vw, 545px) no-repeat;
  background-size: 100% auto; */
  padding-bottom: 150px;
}

/* Resources case studies exposed filters: AND / OR mode switch */
.resources-filters-form,
.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form,
#views-exposed-form-block-search-block-1 {
  background: #18479c;
  border-radius: 20px;
  padding: 20px 30px;
  margin-bottom: 30px;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div,
#views-exposed-form-block-search-block-1>div {
  display: flex;
  align-items: center;
  gap: 30px;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div::after,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div::after,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div::after,
#views-exposed-form-block-search-block-1>div::after {
  content: none;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions,
#views-exposed-form-block-search-block-1>div .form-actions {
  margin: 0;
  margin-left: auto;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id label,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id label,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id label {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  white-space: nowrap;
  margin-right: 15px;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id select,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id select,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id select {
  height: 43px;
  border-radius: 999px;
  border: 1px solid #cad6ef;
  background: #fff;
  color: #767676;
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 44px;
  background-image: none;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id::after,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id::after,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id::after {
  background-image: url("/themes/custom/i2_theme/images/icon/dropdown_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  width: 12px;
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: auto;
  bottom: 17px;
}

.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id:has(.form-select:open)::after,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id:has(.form-select:open)::after,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id:has(.form-select:open)::after {
  transform: rotate(180deg);
}

/* Tag-click navigation + scrollIntoView: offset fixed header */
#views-exposed-form-block-resources-list-block-1 {
  scroll-margin-top: 120px;
}

.resources-filters-form .resources-filters-top {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) minmax(220px, 1.1fr) auto;
  gap: 20px;
  align-items: end;
}

.resources-filters-form .resources-filters-layout .form-item {
  margin: 0;
  float: unset;
}

.resources-filters-form .resources-filters-layout .form-item.js-form-type-textfield {
  border-left: 1px solid #538CE2;
  padding-left: 20px;
}

.resources-filters-form .resources-filters-layout label {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
}

.resources-filters-form .resources-filters-layout .form-select,
.resources-filters-form .resources-filters-layout .form-control {
  height: 43px;
  border-radius: 999px;
  border: 1px solid #cad6ef;
  background: #fff;
  color: #767676;
  font-size: 15px;
}

.resources-filters-form .resources-filters-layout .form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 44px;
  background-image: none;
}

.resources-filters-form .resources-filters-layout .js-form-type-select {
  position: relative;
}

.resources-filters-form .resources-filters-layout .js-form-type-select::after {
  content: "";
  position: absolute;
  right: 16px;
  top: auto;
  bottom: 17px;
  width: 22px;
  height: 9px;
  background-image: url("/themes/custom/i2_theme/images/icon/dropdown_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.resources-filters-form .resources-filters-layout .js-form-type-select.is-open::after {
  transform: rotate(180deg);
}

.resources-filters-form .resources-mode-switch {
  display: inline-block;
  align-self: end;
}

.resources-filters-form .resources-mode-switch__toggle {
  display: inline-flex;
  align-items: center;
  min-width: 100px;
  height: 43px;
  padding: 0 17px;
  font-size: 16px;
  border-radius: 100px;
  border: 1px solid #FFF;
  background: #FFF;
  color: #000;
  margin-right: 0;
  min-width: 102px;
}

.resources-filters-form .resources-mode-switch__toggle::after {
  content: '';
  display: block;
  flex: 0 0 22px;
  border: unset;
  background-image: url("/themes/custom/i2_theme/images/icon/dropdown_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 9px;
  margin-left: 13px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
  will-change: transform;
}

.resources-filters-form .resources-mode-switch__toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.resources-filters-form .resources-mode-switch__menu {
  min-width: 100px;
  border-radius: 10px;
  padding: 4px;
}

.resources-filters-form .resources-mode-switch__item {
  border-radius: 8px;
  font-weight: 600;
}

.resources-filters-form .resources-mode-switch__item.active,
.resources-filters-form .resources-mode-switch__item:active {
  background: #B3E6FF;
  color: #000;
}

.resources-filters-form .resources-filters-actions {
  align-self: end;
  margin: 0;
  margin-left: auto;
}

.resources-filters-form .resources-filters-submit,
.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions input,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions input,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions input,
#views-exposed-form-block-search-block-1>div .form-actions input {
  min-width: 130px;
  height: 43px;
  border-radius: 999px;
  border: 0;
  background: #FFC300;
  color: #183a88;
  font-size: 0;
  padding: 0 20px;
  background-image: url("/themes/custom/i2_theme/images/icon/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.resources-filters-form .resources-filters-submit:hover,
.resources-filters-form .resources-filters-submit:focus,
.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions input:hover,
.view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions input:focus,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions input:hover,
.view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions input:focus,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions input:hover,
.view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions input:focus,
#views-exposed-form-block-search-block-1>div .form-actions input:hover,
#views-exposed-form-block-search-block-1>div .form-actions input:focus {
  background-color: #B3E6FF;
}

.resources-filters-form .is-disabled label {
  opacity: 0.6;
}

.resources-filters-form .is-disabled .form-select {
  opacity: 0.6;
  cursor: not-allowed;
}

.resources-filters-form.is-mode-and .form-item-industry-1-id,
.resources-filters-form.is-mode-and .form-item-areas-1-id {
  display: none;
}

.resources-filters-form.is-mode-or .form-item-industry-id,
.resources-filters-form.is-mode-or .form-item-areas-id {
  display: none;
}

.view-id-block_resources_list .views-field-field-youtube-video {
  display: none;
}

.view-block-resources-list .views-field-field-youtube-video-1.i2-resources-card-media-moved,
.view-block-resources-list .views-field-field-cover.i2-resources-card-media-moved {
  display: none;
}

.view-block-resources-list:has(.resources-card) .views-row {
  padding-top: 1px;
}

.view-block-resources-list:has(.resources-card) .views-row+.views-row {
  padding-top: 20px;
}

.view-block-resources-list:has(.materials-card) .view-content {
  row-gap: 30px;
}

.view-block-resources-list:has(.materials-card) .views-row {
  --bs-gutter-x: 26px;
}

.view-block-resources-list:has(.materials-card) .views-row>.views-field,
.view-block-resources-list:has(.materials-card) .views-row>.views-field>.field-content {
  height: 100%;
}

.view-id-block_resources_list .view-content .views-row .card,
.paragraph--type--glance-card .resources-card {
  border-radius: 20px;
  position: relative;
}

.view-id-block_resources_list .view-content .views-row:nth-child(odd) .resources-card,
.sector-industry-resources-stack .resources-card:nth-child(odd),
.paragraph--type--glance-card .paragraph__column>div:nth-child(odd) .resources-card {
  border: 1px solid #B3E6FF;
  background: linear-gradient(90deg, #FAFDFF 77.03%, #B6E7FF 100%);
}

.view-id-block_resources_list .view-content .views-row:nth-child(even) .resources-card,
.sector-industry-resources-stack .resources-card:nth-child(even),
.paragraph--type--glance-card .paragraph__column>div:nth-child(even) .resources-card {
  border: 1px solid #FFE282;
  background: linear-gradient(90deg, #FFFDFA 77.03%, #FFF3D2 100%);
}

.view-id-block_resources_list .view-content .views-row:nth-child(odd) .resources-card .card-body::before,
.paragraph--type--glance-card .paragraph__column>div:nth-child(odd) .resources-card .card-body::before {
  background: linear-gradient(to top, #B3E6FF 8px, #B3E6FF00 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
}

.view-id-block_resources_list .view-content .views-row:nth-child(even) .resources-card .card-body::before,
.paragraph--type--glance-card .paragraph__column>div:nth-child(even) .resources-card .card-body::before {
  background: linear-gradient(to top, #FFE282 8px, #FFE28200 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
}

.resources-card {
  display: flex;
  flex-direction: row;
  gap: 30px 40px;
  margin-top: 20px;
  margin-bottom: 23px;
  padding: 0 30px 30px;
  position: relative;
}

.sector-industry-resources-stack .resources-card {
  margin-top: 50px;
}

.sector-industry-resources-stack .resources-card+.resources-card {
  margin-top: 63px;
}

.resources-card .card-image {
  flex: 0 0 auto;
  width: min(30%, 410px);
  margin-top: -21px;
  padding-right: 5px;
}

.resources-card .img-fluid {
  width: 100%;
  position: relative;
  z-index: 0;
}

.resources-card .img-fluid img {
  border-radius: 0 0 34px 0;
  border: #EDEDED 1px solid;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 10;
  position: relative;
  z-index: 1;
}

.sector-industry-resources-stack .resources-card:nth-child(odd) .img-fluid::after,
.view-id-block_resources_list .view-content .views-row:nth-child(odd) .img-fluid::after,
.paragraph--type--glance-card .paragraph__column>div:nth-child(odd) .resources-card .img-fluid::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 0px;
  width: calc(100% + 5px);
  height: calc(100% - 15px);
  border-radius: 0 0 34px 0;
  background: linear-gradient(180deg, #5CB4DE 0%, rgba(92, 180, 222, 0.30) 100%);
  z-index: 0;
}

.sector-industry-resources-stack .resources-card:nth-child(even) .img-fluid::after,
.view-id-block_resources_list .view-content .views-row:nth-child(even) .img-fluid::after,
.paragraph--type--glance-card .paragraph__column>div:nth-child(even) .resources-card .img-fluid::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 0px;
  width: calc(100% + 5px);
  height: calc(100% - 15px);
  border-radius: 0 0 34px 0;
  background: linear-gradient(180deg, #FFC72E 0%, rgba(255, 199, 46, 0.30) 100%);
  z-index: 0;
}

.resources-card .card-body {
  padding: 34px 0 0;
}

.resources-card .arrow-to,
.resources-card .zoom-to,
.resources-card .link-outline {
  position: absolute;
  right: 30px;
  bottom: -23px;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFC300;
  border-radius: 50%;
  background-color: #FFC300;
  cursor: pointer;
  transition: all 0.2s ease;
}
.resources-card:hover .arrow-to,
.resources-card:focus .arrow-to,
.resources-card:hover .zoom-to,
.resources-card:focus .zoom-to,
.resources-card:hover .link-outline,
.resources-card:focus .link-outline {
  background-color: #B3E6FF;
  border: 1px solid #3FB5E8;
}

.resources-card .arrow-to img,
.resources-card .zoom-to img,
.resources-card .link-outline img {
  width: 18px;
  height: 14px;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
}

.resources-card .zoom-to img,
.resources-card .link-outline img {
  width: 20px;
  height: 20px;
}

.resources-card .card-title {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 20px;
}

.resources-card .card-title a {
  color: #151B74;
  text-decoration: none;
}

.resources-card .card-title a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.resources-card .tags-label,
.page-node-type-resources .field--name-field-sector-industry-tgas .field__label,
.page-node-type-resources .field--name-field-areas-of-concern-tags .field__label {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  white-space: nowrap;
}

.resources-card .tags-list ul,
.page-node-type-resources .field--name-field-sector-industry-tgas .field__items,
.page-node-type-resources .field--name-field-areas-of-concern-tags .field__items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.sector-industry-resources-accordion .resources-tag-chip,
.resources-card .tags-list ul li,
.page-node-type-resources .field--name-field-sector-industry-tgas .field__items .field__item,
.page-node-type-resources .field--name-field-areas-of-concern-tags .field__items .field__item {
  margin: 0;
}

.sector-industry-resources-accordion .resources-tag-chip,
.resources-card .tags-list ul li a,
.page-node-type-resources .field--name-field-sector-industry-tgas .field__items .field__item a,
.page-node-type-resources .field--name-field-areas-of-concern-tags .field__items .field__item a {
  display: inline-block;
  padding: 0 4px;
}

.resources-card .industries-tags,
.resources-card .areas-tags {
  display: flex;
  width: 100%;
  gap: 10px 7px;
  margin-bottom: 15px;
}

.resources-card .industries-tags ul li a,
.page-node-type-resources .field--name-field-sector-industry-tgas .field__items .field__item a {
  background: #FFE282;
}

.resources-card .areas-tags ul li a,
.sector-industry-resources-accordion .resources-tag-chip,
.page-node-type-resources .field--name-field-areas-of-concern-tags .field__items .field__item a {
  background: #B3E6FF;
}

.view-id-block_resources_list.view-display-id-block_2 .resources-card .card-body,
.paragraph--type--glance-card .resources-card .card-body {
  flex-direction: column;
  display: flex;
  height: 100%;
}

.resources-card .areas-tags+.card-text {
  margin-top: 20px;
}

.resources-card .card-title+.card-text {
  margin-top: -10px;
}

.resources-card .card-text p {
  color: #000;
  font-size: 15px;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resources-card .media-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  margin-top: 30px;
}

.resources-card .media-group .media-item-play {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #FFC72E;
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px 10px 50px;
  position: relative;
  transition: all 0.2s ease;
}
.resources-card .media-group .media-item-play::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 17px;
  background-image: url('/themes/custom/i2_theme/images/icon/video.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.resources-card .media-group .media-item-transcript {
  border-radius: 50px;
  border: 1px solid #3FB5E8;
  cursor: pointer;
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px 10px 50px;
  position: relative;
  transition: all 0.2s ease;
}
.resources-card .media-group .media-item-transcript::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 22px;
  background-image: url('/themes/custom/i2_theme/images/icon/transcript.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.resources-card .media-group .media-item-play:hover,
.resources-card .media-group .media-item-play:focus,
.resources-card .media-group .media-item-transcript:hover,
.resources-card .media-group .media-item-transcript:focus {
  background-color: #e6f6ff;
  border-color: #18479c;
}

/* .resources-card .media-group .media-item-transcript>div,
.materials-card .media-group>div>div {
  position: unset;
  height: 0;
  opacity: 0
} */
.resources-card .media-group .media-item-transcript>div .file,
.materials-card .media-group>div>div .file {
  display: inline;
  min-height: auto;
  padding-left: 0;
}

.resources-card .media-group .media-item-transcript a,
.materials-card .media-group>div a {
  border-radius: 40px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  inset: 0;
}

.paragraph--type--transcript .media-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  margin-top: 0;
  margin-bottom: 20px;
}

.paragraph--type--transcript .media-item-transcript {
  border-radius: 50px;
  border: 1px solid #3FB5E8;
  cursor: pointer;
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px 10px 50px;
  position: relative;
  transition: all 0.2s ease;
}

.paragraph--type--transcript .media-item-transcript:hover,
.paragraph--type--transcript .media-item-transcript:focus {
  background-color: #e6f6ff;
  border-color: #18479c;
}

.paragraph--type--transcript .media-item-transcript::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 22px;
  background-image: url('/themes/custom/i2_theme/images/icon/transcript.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.materials-card {
  border-radius: 20px;
  border: 1px solid #3FB5E8;
  background: linear-gradient(90deg, #FAFDFF 5%, #B6E7FF 97%);
  height: 100%;
}

.sector-industry-resources-stack.materials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  padding-top: 50px;
}

.sector-industry-resources-stack.materials .materials-card {
  margin-bottom: 0;
  height: 100%;
}

.materials-card .card-img-top {
  border-radius: unset;
  width: min(100%, 230px);
  aspect-ratio: 1;
  margin: 15px auto 0;
}

.materials-card .card-img-top img {
  filter: drop-shadow(0 2px 4px #63CBFF);
  object-fit: contain;
  max-height: 230px;
}

.materials-card .card-body {
  padding: 15px;
}

.materials-card .card-title {
  color: #151B74;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  min-height: 66px;
  margin-bottom: 30px;
}

.materials-card .media-group {
  height: 80px;
}

.materials-card .media-group>div {
  background: #FFF;
  border-radius: 50px;
  border: 1px solid #FFC72E;
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;  
  position: relative;
  text-align: center;
  transition: all 0.2s ease;
}
.materials-card .media-group>div>.text {
  padding: 7px 0px;
}
.materials-card .media-group>div:hover,
.materials-card .media-group>div:focus,
.materials-card .media-group>div.media-item-word:hover,
.materials-card .media-group>div.media-item-word:focus {
  background-color: #e6f6ff;
  border-color: #18479c;
}

.materials-card .media-group>div+div {
  margin-top: 10px;
}

.materials-card .media-group>div.media-item-word {
  border: 1px solid #3FB5E8;
}

.materials-card .media-group>div>span {
  display: block;
  position: relative;
}

.materials-card .media-group>div>span img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-top: -5px;
}

/* === login page ================================================== */
.page-route-user-login .user-login-form {
  margin-top: 300px;
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
}

/* === Accordion ================================================== */
.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item {
  border: none;
  border-radius: 0;
  background: none;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item {
  margin-bottom: 5px;
}
.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item:not(:last-child) {
  margin-bottom: 40px;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button {
  background: linear-gradient(0deg, #005DB2 0%, #005DB2 100%), linear-gradient(90deg, #F4FCFF 41.98%, #B6E7FF 100%);
  border: 1px solid #3FB5E8;
  border-radius: 31px !important;
  box-shadow: none;
  padding: 0;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
  background-color: #BEEAFF;
  border-radius: 60px;
  text-align: center;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 12px;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon img {
  display: block;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item:nth-child(even)>.accordion-header>.accordion-button {
  background: #2B78BF;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner {
  display: flex;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__title,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.sector-industry-resources-accordion__title {
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  padding: 6px 20px;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after {
  background: #FFC300 url(/themes/custom/i2_theme/images/icon/accordion_arrow.svg) center center no-repeat;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  margin: 6px 6px 6px auto;
  transition: all 0.2s ease;
}
.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button:hover::after,
.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button:focus::after,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button:hover::after,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button:focus::after {
  background-color: #B3E6FF;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.panel-collapse {
  background: linear-gradient(90deg, #FAFDFF 77%, #B6E7FF 100%);
  border-radius: 0 0 20px 20px;
  border: 1px solid #005DB2;
  border-top: none;
  margin-top: -35px;
  padding: 75px 40px 40px;
  transition: all 0.1s ease;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.panel-collapse>.paragraph {
  padding-left: 0;
  padding-right: 0;
}

.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.panel-collapse>.paragraph>.paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
}

/* === Basic page  ================================================== */
.page-node-type-page .block-field-blocknodepagetitle .field--name-title {
  color: #151B74;
  font-weight: 700;
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: 80px;
}

.page-node-type-page .block-field-blocknodepagetitle .field--name-title::before {
  background: linear-gradient(90deg, #FFE79A 76.35%, rgba(255, 231, 154, 0.00) 100%);
  content: '';
  position: absolute;
  left: -5px;
  bottom: 0;
  width: calc(100% + 10px);
  height: 20px;
  z-index: -1;
}

.page-node-type-page .parentheses-content {
  margin-bottom: 50px;
  position: relative;
}

.page-node-type-page .parentheses-content .paragraph--type--bp-simple {
  max-width: 1180px;
  padding-right: calc((var(--bs-gutter-x) * 0.5) + 40px);
  padding-left: calc((var(--bs-gutter-x) * 0.5) + 40px);
  position: relative;
}

.page-node-type-page .parentheses-content .paragraph--type--bp-simple::before,
.page-node-type-page .parentheses-content .paragraph--type--bp-simple::after {
  content: '';
  background-image: url('/themes/custom/i2_theme/images/icon/parentheses.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 69px;
}

.page-node-type-page .parentheses-content .paragraph--type--bp-simple::before {
  left: calc(var(--bs-gutter-x) * 0.5 + 2px);
}

.page-node-type-page .parentheses-content .paragraph--type--bp-simple::after {
  right: calc(var(--bs-gutter-x) * 0.5 + 2px);
  transform: translateY(-50%) scaleX(-1);
}

.page-node-type-page .parentheses-content p {
  color: #151B74;
  font-size: 20px;
  font-weight: 700;
  /* max-width: 1000px; */
  margin: auto;
  text-align: center;
}

/* Sector industry: API-driven resources accordion (tags paragraph). */
.sector-industry-resources-accordion {
  --sr-acc-navy: #0c2a5e;
  --sr-acc-border: #9ec0e8;
  --sr-acc-gradient-start: #f9fcff;
  --sr-acc-gradient-end: #d8e8f7;
}

.sector-industry-resources-accordion .accordion-item {
  margin-bottom: 1rem;
  border: none;
  background: transparent;
}

.sector-industry-resources-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.sector-industry-resources-accordion .accordion-item,
.sector-industry-resources-accordion .accordion-header,
.sector-industry-resources-accordion .accordion-button {
  border-radius: 0;
}

.sector-industry-resources-accordion .accordion-button {
  position: relative;
  width: 100%;
  border: 1px solid var(--sr-acc-border);
  background: linear-gradient(90deg,
      var(--sr-acc-gradient-start) 0%,
      var(--sr-acc-gradient-end) 100%);
  color: var(--sr-acc-navy);
  font-weight: 700;
  box-shadow: none;
  padding: 0.85rem 1.1rem;
  min-height: 3.25rem;
  align-items: center;
}

.sector-industry-resources-accordion .accordion-button:hover,
.sector-industry-resources-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: var(--sr-acc-border);
  color: var(--sr-acc-navy);
}

.sector-industry-resources-accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(90deg,
      var(--sr-acc-gradient-start) 0%,
      var(--sr-acc-gradient-end) 100%);
  color: var(--sr-acc-navy);
  box-shadow: none;
}

.sector-industry-resources-accordion .accordion-button.collapsed {
  color: var(--sr-acc-navy);
}

.sector-industry-resources-accordion .sector-industry-resources-accordion__title {
  flex: 1;
  min-width: 0;
  text-align: left;
  padding-right: 0.5rem;
}

/* White circle chevron control (override Bootstrap default icon). */
.sector-industry-resources-accordion .accordion-button::after {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: auto;
  border-radius: 0.25rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c2a5e'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px rgba(12, 42, 94, 0.08);
}

.sector-industry-resources-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c2a5e'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.sector-industry-resources-accordion .accordion-body {
  padding: 0 0 1.25rem 0;
}


.sector-industry-resources-accordion .resources-card__cover img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.sector-industry-resources-accordion .resources-tag-chip {
  display: inline-block;
}

.resources-card .tags-label {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.resources-card .tags-list {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 1;
}

.sector-industry-resources-accordion .resources-card .link-to {
  display: inline-block;
  margin-top: 0.75rem;
}

.sector-industry-resources-message {
  padding: 0.75rem 0;
  color: #0c2a5e;
}

/* Resources video popup hook (applies only when JS adds .resources-video-popup) */
.modal-lg {
  max-width: min(calc(100% - 30px), 1202px);
}

.modal-backdrop.show {
  opacity: .7;
}

/* CPAS modal detail blocks (calendar + shared #cpasModal) */
#cpasModal .modal-content {
  background: none;
  border: none;
  position: relative;
  border-radius: 20px;
  /* overflow: hidden; */
}

#cpasModal .btn-close {
  background: url(../images/icon/modal_btn_close.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: -16px;
  top: -16px;
  z-index: 5;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #FFC300;
  opacity: 1;
}

#cpasModal .modal-body {
  border-radius: 20px;
  border: 1px solid #1250AA;
  background: linear-gradient(to right, #FAFDFF 77%, #B6E7FF 100%);
  padding: 40px 40px 0;
}

#cpasModal .content-wrapper .popup-content-header {
  margin-bottom: 30px;
}

#cpasModal .content-wrapper .popup-content-header .row {
  --bs-gutter-x: 30px;
  row-gap: 30px;
}

#cpasModal .content-wrapper .popup-content-header .row .col-md-5 {
  width: min(40%, 460px);
}

#cpasModal .content-wrapper .popup-content-header .row .col-md-7 {
  flex: 1 1 auto;
  width: calc(100% - min(40%, 460px));
}

#cpasModal .popup-cover img {
  border-bottom-right-radius: 30px;
  width: 100%;
  height: auto;
}

#cpasModal .popup-title {
  color: #112970;
  font-size: 30px;
  font-weight: 700;
  line-height: calc(100% + 10px);
  margin-bottom: 20px;
}

#cpasModal .popup-date {
  font-size: 16px;
  line-height: 1;
  display: flex;
  margin-bottom: 20px;
}

#cpasModal .popup-date span {
  margin-top: 7px;
  margin-bottom: 7px;
}

#cpasModal .popup-date span+span {
  border-left: #3FB5E8 1px solid;
  margin-left: 10px;
  padding-left: 10px;
}

#cpasModal .popup-language {
  margin-bottom: 10px;
}

#cpasModal .popup-language .item-list ol {
  background: url(../images/icon/global_language.svg) 0 3px no-repeat;
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding-left: 30px;
}

#cpasModal .popup-language .item-list ol li {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

#cpasModal .popup-staff {
  background: url(../images/icon/modal_staff.svg) 0 3px no-repeat;
  font-size: 16px;
  line-height: 30px;
  padding-left: 30px;
}

#cpasModal .popup-content-body {
  padding-bottom: 10px;
}

#cpasModal .popup-content-body>div {
  margin-bottom: 30px;
}

#cpasModal .popup-label {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

#cpasModal .popup-content-body .popup-content {
  font-size: 16px;
  line-height: 30px;
}

#cpasModal .popup-content-body .popup-content .item-list ul,
#cpasModal .popup-content-body .popup-content .item-list ol {
  list-style: none;
  padding-left: 0;
}

#cpasModal .popup-content-body .popup-content .item-list ul li,
#cpasModal .popup-content-body .popup-content .item-list ol li {
  margin: 0;
  padding-left: 20px;
  position: relative;
}

#cpasModal .popup-content-body .popup-content .item-list ul li::before,
#cpasModal .popup-content-body .popup-content .item-list ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  background-color: #005DB2;
  border-radius: 50%;
}

#cpasModal .popup-content-footer {
  background: #1250AA;
  border-radius: 0 0 20px 20px;
  margin: 0 -41px -1px;
  padding: 18px 40px;
}

#cpasModal .popup-content-footer .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

#cpasModal .popup-content-footer .popup-enquiry {
  display: flex;
}

#cpasModal .popup-content-footer .popup-label {
  color: #fff;
  font-weight: 700;
  margin-right: 10px;
  margin-bottom: 0;
}

#cpasModal .popup-content-footer .popup-content {
  color: #fff;
}

#cpasModal .popup-content-footer .popup-enrolment-link a {
  background: #FFC300;
  border-radius: 44px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  margin-right: 17px;
  padding: 11px 33px 11px 25px;
  position: relative;
}
#cpasModal .popup-content-footer .popup-enrolment-link a:hover,
#cpasModal .popup-content-footer .popup-enrolment-link a:focus {
  background-color: #B3E6FF;
}

#cpasModal .popup-content-footer .popup-enrolment-link a::after {
  background-color: #fff;
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  margin-top: 11px;
  position: absolute;
  right: -18px;
}

#cpasModal.resources-video-popup .modal-body {
  padding: 0;
}

#cpasModal.resources-video-popup .ratio iframe {
  border-radius: 16px;
}

#cpasModal.resources-transcript-popup .modal-body {
  padding: 50px 20px 30px;
  max-height: min(80vh, 640px);
  overflow-y: auto;
}

#cpasModal.resources-transcript-popup .resources-transcript-popup__body {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
}

#cpasModal.resources-transcript-popup .resources-transcript-popup__body a {
  color: #00573e;
}

/* === Resources Details Page  ================================================== */
.page-node-type-resources #block-i2-theme-breadcrumbs {
  max-width: 1540px;
  margin: 150px auto 50px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.page-node-type-resources .node__content {
  padding-top: 80px;
  padding-bottom: 150px;
  position: relative;
}

.page-node-type-resources .node__content .bg-content {
  border-top-left-radius: 120px;
  overflow: hidden;
  position: absolute;
  inset: 0 0 -30px calc(var(--bs-gutter-x) * 0.5);
  z-index: -1;
}

.page-node-type-resources .node__content .bg-content::before {
  content: '';
  background: linear-gradient(330deg, #FFF 45%, rgba(255, 255, 255, 0.00) 90%);
  position: absolute;
  inset: 0;
}

.page-node-type-resources .node__content .bg-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-node-type-resources .node__content::before {
  border-top-left-radius: 120px;
  background: url(../images/background/detail_bg.png), linear-gradient(262deg, #FFF 24%, #DCF3FF 72.5%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  position: absolute;
  inset: 0 0 -30px calc(var(--bs-gutter-x) * 0.5);
  z-index: -1;
}

.page-node-type-resources .layout--twocol-section {
  flex-wrap: nowrap;
}

.page-node-type-resources .node__content .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

.page-node-type-resources .node__content .container .container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1600px) {
  .page-node-type-resources .node__content .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.page-node-type-resources .node__content>.layout--twocol-section>.layout__region--first {
  flex: 0 0 auto;
  width: min(40%, 553px);
  position: relative;
}

.page-node-type-resources .node__content>.layout--twocol-section>.layout__region--second {
  flex: 1 1 auto;
}

.page-node-type-resources .field--name-field-media-image .field__item {
  background: linear-gradient(to bottom, #5CB4DE 0%, rgba(92, 180, 222, 0.30) 100%);
  border-bottom-right-radius: 34px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.page-node-type-resources .field--name-field-media-image img {
  border-bottom-right-radius: 30px;
  width: 100%;
}

.page-node-type-resources .block-field-blocknoderesourcestitle .field--name-title {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 10px);
  display: block;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.page-node-type-resources .field--name-field-sector-industry-tgas,
.page-node-type-resources .field--name-field-areas-of-concern-tags {
  font-size: 16px;
  line-height: 20px;
  display: flex;
  width: 100%;
  gap: 10px 7px;
  margin-bottom: 20px;
}

.page-node-type-resources .block-field-blocknoderesourcesfield-paragraphs-content {
  margin-top: 50px;
}

.page-node-type-resources .block-field-blocknoderesourcesfield-paragraphs-content>div .container {
  max-width: 100%;
  --bs-gutter-x: 0px !important;
  padding-left: 0;
  padding-right: 0;
}

.page-node-type-resources .block-field-blocknoderesourcesfield-case-analysis {
  background: linear-gradient(90deg, #FFFEFA 5%, #FFF3D2 97%);
  border-radius: 10px;
  border: 1px solid #FFC72E;
  margin-top: 50px;
  padding: 40px 30px;
}

.page-node-type-resources .field--name-field-case-analysis {
  display: flex;
  gap: 30px;
}

.page-node-type-resources .field--name-field-case-analysis::after {
  content: none;
}

.page-node-type-resources .field--name-field-case-analysis .field__label {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: 40px;
  white-space: nowrap;
  flex: 0 0 auto;
  width: min(100%, 250px);
  position: relative;
}

.page-node-type-resources .field--name-field-case-analysis .field__label::before {
  background-image: url('/themes/custom/i2_theme/images/icon/case.svg');
  content: '';
  vertical-align: top;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.page-node-type-resources .field--name-field-case-analysis .field__item {
  flex: 1 1 auto;
}

.next-previous-section {
  margin-top: 50px;
}

.next-previous-section .previous {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

.next-previous-section .previous.has-only-next .previous-right {
  margin-left: auto;
}

.next-previous-section .previous.has-only-prev .previous-left {
  margin-right: auto;
}

.next-previous-section .previous>a {
  background: #FFF;
  border-radius: 50px;
  border: 1px solid #3FB5E8;
  color: #163A8F;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: min(calc(50% - 10px), 200px);
  justify-content: space-between;
  padding: 6px 17px 6px 6px;
}

.next-previous-section .previous>a:hover {
  color: #ffffff;
  background: #163A8F;
}

.next-previous-section .previous>a.previous-right {
  padding: 6px 6px 6px 17px;
}

.next-previous-section .previous img {
  width: 20px;
  height: 16px;
  display: block;
}

.next-previous-section .previous-left img {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 10px 8px;
  border-radius: 50%;
  background: #aee2ff;
  object-fit: contain;
  transform: rotate(180deg);
}

.next-previous-section .previous-right {
  flex-direction: row;
}

.next-previous-section .previous-right img {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 10px 8px;
  border-radius: 50%;
  background: #ffc300;
  object-fit: contain;
}

/* === Toutube card item ================================================== */
.paragraph--type--toutube-card-item {
  height: 100%;
}

.paragraph--type--toutube-card-item>.paragraph__column {
  height: 100%;
}

.toutube-card__link {
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.toutube-card__thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  aspect-ratio: 16 / 9;
}

.toutube-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.toutube-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  background: #ff0000;
  border-radius: 12px;
  display: block;
  pointer-events: none;
  transition: background 0.25s ease;
}

.toutube-card__play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.toutube-card__link:hover .toutube-card__play,
.toutube-card__link:focus-visible .toutube-card__play {
  background: #cc0000;
}

.toutube-card__title {
  margin: 14px 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #1a1a1a;
}

.paragraph--type--toutube-card-item .field--name-bp-link {
  display: none;
}

/* Responsive grid (3 / 2 / 1) applied to any wrapper that holds toutube cards. */
.paragraph__column:has(> .paragraph--type--toutube-card-item),
.field__items:has(> div > .paragraph--type--toutube-card-item),
.paragraphs-items:has(> .paragraph--type--toutube-card-item) {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}

/* === paragraph--type--checklist-card ================================================== */
.paragraph--type--checklist-card {
  width: min(calc(100% - 60px), 860px);
  margin: 94px auto 100px;
  border-radius: 100px;
  border: 1px solid #3FB5E8;
  background: linear-gradient(90deg, #163A8F 0%, #1252AD 100%);
  position: relative;
  padding: 25px 45px 20px 155px;
}

.paragraph--type--checklist-card>.paragraph__column {
  position: initial;
}

.paragraph--type--checklist-card .field--name-field-image {
  width: 80px;
  position: absolute;
  top: -45px;
  left: 46px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.paragraph--type--checklist-card .field--name-bp-link {
  border-radius: 50px;
  border: 1px solid #FFC72E;
  background: #FFF;
  line-height: 19px;
  display: inline-block;
  padding: 7px 20px;
  position: absolute;
  top: -21px;
  transition: all 0.2s ease;
}
.paragraph--type--checklist-card .field--name-bp-link:hover,
.paragraph--type--checklist-card .field--name-bp-link:focus {
  background-color: #e6f6ff;
  border-color: #18479c;
}

.paragraph--type--checklist-card .field--name-bp-link::before {
  background-image: url('/themes/custom/i2_theme/images/icon/download.svg');
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  vertical-align: top;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-right: 8px;
}

.paragraph--type--checklist-card .field--name-bp-link a {
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
}

.paragraph--type--checklist-card .field--name-field-introduction {
  color: #FFF;
  font-size: 16px;
  line-height: 26px;
}

/* === Checklists Card List ================================================== */
.checklists-card .paragraph--type--card-list>.paragraph__column.row {
  --bs-gutter-x: 50px;
  float: none;
  width: auto;
  row-gap: 30px;
}

.checklists-card .paragraph--type--card-list .paragraph__column.row>div.col-md-6 {
  width: 100%;
}

.checklists-card .paragraph--type--card-list .paragraph__column.row>div:nth-child(n + 5) {
  overflow: visible;
}

.checklists-card .paragraph--type--card-list-item {
  position: relative;
}

.checklists-card .paragraph--type--card-list .paragraph__column.row>div>.paragraph--type--card-list-item,
.checklists-card .paragraph--type--card-list .paragraph__column.row>div>.paragraph--type--card-list-item>.paragraph__column {
  height: 100%;
}

.checklists-card .paragraph--type--card-list-item .card-list {
  overflow: visible;
  border-radius: 20px;
  height: calc(100% - 75px);
  margin-top: 75px;
  position: relative;
}

.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(5) .card-list,
.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(7) .card-list {
  border: 1px solid #B3E6FF;
  background: linear-gradient(90deg, #FAFDFF 77.03%, #B6E7FF 100%);
}

.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(6) .card-list,
.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(8) .card-list {
  border: 1px solid #FFE282;
  background: linear-gradient(90deg, #FFFDFA 77.03%, #FFF3D2 100%);
}

.checklists-card .paragraph--type--card-list-item .card-img-top {
  background: #fff;
  border: #FFCC41 1px solid;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
  position: absolute;
  top: -75px;
  left: 29px;
  z-index: 2;
}

.checklists-card .paragraph--type--card-list-item .card-img-top .field__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.checklists-card .paragraph--type--card-list-item .card-img-top img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.checklists-card .paragraph--type--card-list-item .card-body {
  padding: 30px 30px 38px 30px;
  position: relative;
  z-index: 1;
}

.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(5) .card-list::before,
.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(7) .card-list::before {
  background: linear-gradient(to top, #B3E6FF 8px, #B3E6FF00 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
}

.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(6) .card-list::before,
.checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(8) .card-list::before {
  background: linear-gradient(to top, #FFE282 8px, #FFE28200 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
}

.checklists-card .paragraph--type--card-list-item .card-title {
  color: #1a237e;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 10px;
  padding-left: 180px;
}

.checklists-card .paragraph--type--card-list-item .card-title a {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-decoration: none;
}

.checklists-card .paragraph--type--card-list-item .card-title a:hover {
  text-decoration: underline;
}

.checklists-card .paragraph--type--card-list-item .card-title a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.checklists-card .paragraph--type--card-list-item .card-subtitle {
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  padding-left: 180px;
}

.checklists-card .paragraph--type--card-list-item .card-subtitle p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
}

.checklists-card .paragraph--type--card-list-item .card-subtitle strong {
  background: linear-gradient(90deg, #FFE282 77.03%, #FFFDFA 100%);
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.checklists-card .paragraph--type--card-list-item .card-text,
.checklists-card .paragraph--type--card-list-item .card-text p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: calc(100% + 10px);
  border-radius: 0;
}

@media screen and (min-width: 992px) {
  .checklists-card .paragraph--type--card-list .paragraph__column.row>div.col-md-6 {
    width: 50%;
  }

  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(5) .card-list,
  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(8) .card-list {
    border: 1px solid #B3E6FF;
    background: linear-gradient(90deg, #FAFDFF 77.03%, #B6E7FF 100%);
  }

  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(6) .card-list,
  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(7) .card-list {
    border: 1px solid #FFE282;
    background: linear-gradient(90deg, #FFFDFA 77.03%, #FFF3D2 100%);
  }

  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(8) .card-list::before {
    background: linear-gradient(to top, #B3E6FF 8px, #B3E6FF00 8px);
  }

  .checklists-card .paragraph--type--card-list .paragraph__column>div:nth-child(7) .card-list::before {
    background: linear-gradient(to top, #FFE282 8px, #FFE28200 8px);
  }
}

/* === Anti-Corruption and Ethics Training ================================================== */
body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>.tab-content h3:not(.toutube-card__title) {
  line-height: calc(100% + 10px);
  margin-bottom: 30px;
}

.professionals-ul {
  border-radius: 0 0 20px 20px;
  background: #FFF;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
}

.professionals-ul ul {
  margin-bottom: 0;
}

.professionals-ul li {
  line-height: 30px;
  color: #000;
}

.professionals-ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #a7d5ff 0%, #0d73d0 100%);
}

/* Toutube card list: field template wraps each item in an extra div — grid targets .paragraph__column */
.paragraph--type--toutube-card-list {
  position: relative;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 30px;
  background: #fff;
  border-radius: 0 0 20px 20px;
  box-sizing: border-box;
}

.paragraph--type--toutube-card-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #a7d5ff 0%, #0d73d0 100%);
}

.paragraph--type--toutube-card-list>.paragraph__column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: start;
}

.paragraph--type--toutube-card-list .toutube-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.paragraph--type--toutube-card-list .toutube-card__thumb {
  border-radius: 0 0 34px 0;
  overflow: visible;
  width: calc(100% - 5px);
  margin-right: 5px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}

.paragraph--type--toutube-card-list .toutube-card__thumb img {
  border-radius: 0 0 34px 0;
}

.paragraph--type--toutube-card-list .paragraph__column>div:nth-child(odd) .toutube-card__thumb::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  border-radius: 0 0 34px 0;
  background: linear-gradient(180deg, #FFC72E 0%, rgba(255, 199, 46, 0.30) 100%);
  z-index: -1;
}

.paragraph--type--toutube-card-list .paragraph__column>div:nth-child(even) .toutube-card__thumb::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  border-radius: 0 0 34px 0;
  background: linear-gradient(180deg, #5CB4DE 0%, rgba(92, 180, 222, 0.30) 100%);
  z-index: -1;
}

.paragraph--type--toutube-card-list .toutube-card__title {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: calc(100% + 10px);
  margin-top: 0;
}

.training-tabs>.paragraph>.paragraph__column>.tab-content>.tab-pane:nth-child(3)>.paragraph--type--html-content:nth-child(2) p {
  color: #151B74;
  font-size: 22px;
  font-weight: 700;
  line-height: calc(100% + 10px);
  margin-bottom: 0;
}

/* Corruption card list — square image cards, bottom gradient title, accent border */
.corruption-card-list .paragraph--type--card-list>.paragraph__column.row {
  --bs-gutter-x: 15px;
  row-gap: 15px;
  width: calc(100% + 15px);
}

.corruption-card-list .paragraph--type--card-list-item .card-list {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: none;
  border-radius: 0;
  background: #000;
  box-shadow: none;
}

.corruption-card-list .paragraph--type--card-list-item .card-list::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.35) 45%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}

.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(5) .card-list,
.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(6) .card-list,
.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(7) .card-list {
  border-bottom: 8px solid #b3e6ff;
}

.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(5) .card-list:hover,
.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(6) .card-list:hover,
.corruption-card-list .paragraph--type--card-list .paragraph__column.row>.col-12:nth-child(7) .card-list:hover {
  border-bottom: 8px solid #ffc72e;
}

.corruption-card-list .paragraph--type--card-list-item .card-img-top {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.corruption-card-list .paragraph--type--card-list-item .card-img-top .field__item {
  width: 100%;
  height: 100%;
  margin: 0;
}

.corruption-card-list .paragraph--type--card-list-item .card-img-top img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: block;
  transition: all 0.2s ease;
}

.corruption-card-list .paragraph--type--card-list-item:hover .card-img-top img {
  transform: scale(1.1);
}

.corruption-card-list .paragraph--type--card-list-item .card-body {
  padding: 30px;
  text-align: center;
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.corruption-card-list .paragraph--type--card-list-item .card-title {
  color: #fff;
  font-weight: 700;
  font-size: clamp(1rem, 2.2vw, 26px);
  line-height: 1.3;
  margin: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.corruption-card-list .paragraph--type--card-list-item .card-title a {
  color: #FFF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 26px;
  font-weight: 700;
}

/* === Cross-Boundary Business Operations ================================================== */
.operations-section {
  position: relative;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-bottom: 100px;
}

.operations-section .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

@media (min-width: 1600px) {
  .operations-section .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.operations-section .container .layout__region--second {
  padding-top: 50px;
}

.operations-section .field--name-field-image {
  margin-top: -50px;
}

.operations-section .field--name-field-content p {
  color: #000;
  font-size: 18px;
  line-height: 34px;
}

.operations-section .field--name-field-content p a {
  color: #151B74;
  font-weight: 500;
  text-decoration: underline;
}

.point-section h2,
.point-title h2 {
  background: url(../images/icon/title_stroke.svg) center bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 7px);
  text-align: center;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.point-img {
  max-width: 100%;
  height: auto;
}

.point-section .field--name-bp-text {
  max-width: 1200px;
  margin: 0 auto;
}

.point-section .field--name-bp-text ul {
  margin-top: 50px;
  margin-bottom: 100px;
}

.point-section .field--name-bp-text ul li:not(:last-child) {
  margin-bottom: 10px;
}

.point-title h2 {
  margin-bottom: 80px;
}


/* Step numbers: overlapping circles (1, 2, 3…) — scoped to .point-accordion ancestor */
.point-accordion .accordion-item {
  padding-top: 50px;
}

.point-accordion .accordion-item+.accordion-item {
  margin-top: -15px;
}

.point-accordion.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
  flex: 0 0 auto;
  margin-top: -50px;
  margin-bottom: 10px;
  padding: 0;
}

.point-accordion .accordion-button>.accordion-button__inner {
  padding-left: 20px;
}

/* .point-accordion .accordion-item>.panel-collapse {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 40px;
} */
.point-accordion.paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
  padding: 0;
}

.point-accordion .accordion-item>.panel-collapse .paragraph__column ul li:not(:last-child) {
  margin-bottom: 10px;
}

.point-accordion .field--name-field-youtube {
  border-radius: 20px;
  max-width: 460px;
  overflow: hidden;
}

.point-accordion .field--name-field-youtube .youtube-container--responsive {
  margin-bottom: 0;
}

.point-accordion .download-poster {
  display: flex;
  justify-content: center;
  gap: 30px 26px;
}

.point-accordion .download-poster-item {
  background: linear-gradient(90deg, #FAFDFF 5%, #B6E7FF 97%);
  border: 1px solid #3FB5E8;
  border-radius: 20px;
  width: 260px;
  text-align: center;
  padding: 15px;
}

.point-accordion .download-poster-item img {
  display: block;
  width: auto;
  height: 230px;
  margin: 0 auto 30px;
}

.point-accordion .download-poster-item a {
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid #FFC72E;
  color: #163A8F;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 7px 0px;
}

.point-accordion .download-poster-item a:hover,
.point-accordion .download-poster-item a:focus {
  background-color: #e6f6ff;
  border-color: #18479c;
}

.point-accordion .download-poster-item a::before {
  background: url(../images/icon/download.svg) no-repeat;
  content: '';
  vertical-align: top;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-right: 8px;
}

/* === Red Flags ================================================== */
.flags-section {
  position: relative;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-bottom: 100px;
}

.flags-section .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

@media (min-width: 1600px) {
  .flags-section .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.flags-section .container .layout__region--second {
  padding-top: 50px;
}

.flags-section .field--name-field-image {
  margin-top: -50px;
}

.flags-section .field--name-field-content h2 {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 7px);
  text-align: left;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.flags-section .field--name-field-content p {
  color: #000;
  font-size: 18px;
  line-height: 34px;
}

.flags-section .field--name-field-content p a {
  color: #151B74;
  font-weight: 500;
  text-decoration: underline;
}

.accordion-content-card {
  background-color: #FFF6DF;
  border: #FFC72E 1px solid;
  border-radius: 10px;
  display: flex;
  gap: 0 30px;
  padding: 40px;
}

.accordion-content-card h3 {
  color: #151B74;
  font-size: 22px;
  line-height: 27px;
  flex: 0 0 auto;
  width: min(25%, 325px);
}

.accordion-content-item {
  margin-bottom: 30px;
}

.accordion-content-item+.accordion-content-item {
  margin-top: 40px;
}

.accordion-item-body {
  display: flex;
  gap: 6px;
  margin-bottom: 15px;
}

.accordion-item-body p {
  margin-bottom: 0;
}

.example-box {
  border-bottom: 8px solid;
  border-image-source: linear-gradient(to right, #0D73D0, #A7D5FF);
  border-image-slice: 1;
  background-color: #fff;
  padding: 12px 20px;
}

.example-box :last-child {
  margin-bottom: 0;
}

/* === Private Sector Corruption ================================================== */
.corruption-text p {
  color: #000;
  font-size: 18px;
}

.corruption-text a {
  color: #005DB2;
  font-size: 18px;
  text-decoration: underline;
}

.corruption-text a:hover {
  color: var(--color-blue);
  text-decoration: underline;
}

.corruption-text a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.private-sector-accordion {
  margin-top: 100px;
}

.paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.corruption-accordion {
  max-width: 100%;
  padding: 0 40px 30px 40px;
  margin-bottom: 0;
}

.private-sector-accordion>div>div>.accordion>.accordion-item {
  border-radius: 28px !important;
  border: 1px solid #005DB2;
  background: linear-gradient(90deg, #FAFDFF 77.03%, #B6E7FF 100%);
  margin-bottom: 30px;
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button {
  padding: 0;
  border-radius: 50px !important;
  border: 1px solid #3FB5E8;
  background: linear-gradient(0deg, #005DB2 0%, #005DB2 100%), linear-gradient(90deg, #F4FCFF 41.98%, #B6E7FF 100%);
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner {
  display: flex;
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
  border-radius: 50px;
  background: #BEEAFF;
  padding: 0px 33px;
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__title {
  margin-left: 20px;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after {
  background-image: url('/themes/custom/i2_theme/images/icon/accordion_arrow.svg');
  content: '';
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #FFC300;
  z-index: 2;
}

.private-sector-accordion>div>div>.accordion>.accordion-item>.accordion-header>.accordion-button[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(-180deg);
}

.paragraph.paragraph--type--bp-accordion.private-sector-accordion .paragraph--type--question-card {
  max-width: 1060px;
  margin: 0 auto 50px;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.paragraph>.paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
}

.private-sector-accordion .paragraph--type--question-card .paragraph--type--question-card-item>.paragraph__column {
  padding-bottom: 0 !important;
}

.private-sector-accordion .paragraph--type--question-card>.paragraph__column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  counter-reset: question-card-number;
}

.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div {
  display: flex;
  min-width: 0;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.tips-accordion {
  padding-left: 40px;
  padding-right: 40px;
}

.private-sector-accordion .tips-accordion .accordion-item {
  border: #FFC72E 1px solid;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.private-sector-accordion .tips-accordion .accordion-item:has(.accordion-button[aria-expanded="true"]) {
  border-radius: 10px 10px 20px 20px;
}

.private-sector-accordion .tips-accordion .accordion-button {
  color: #000;
  background-color: #FFC300;
  box-shadow: none;
  justify-content: space-between;
  padding: 11px 20px;
}

.private-sector-accordion .tips-accordion .accordion-button::before {
  content: '';
  width: 46px;
}

.private-sector-accordion .tips-accordion .accordion-button::after {
  background: #FFD240 url(/themes/custom/i2_theme/images/icon/accordion_arrow.svg) center center no-repeat;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  transition: all 0.2s ease;
}

.private-sector-accordion .tips-accordion .accordion-button:hover::after,
.private-sector-accordion .tips-accordion .accordion-button:focus::after {
  background-color: #B3E6FF;
}

.private-sector-accordion .tips-accordion .accordion-button__inner {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.private-sector-accordion .tips-accordion .accordion-button__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 10px;
}

.private-sector-accordion .tips-accordion .panel-collapse>.paragraph.paragraph--type--card-list {
  padding: 30px;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column {
  display: flex;
  gap: 30px;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list {
  border: none;
  border-radius: 10px;
  height: 100%;
}

.paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.paragraph.tips-accordion>.paragraph__column {
  padding-bottom: 40px;
}

.private-sector-accordion .tips-accordion .panel-collapse .paragraph:last-of-type,
.private-sector-accordion .tips-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
  height: 100%;
}

.private-sector-accordion .tips-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
  padding-bottom: 0;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div:first-child .card-list {
  background-color: #D9F2FF;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div:nth-child(2) .card-list {
  background-color: #E9F3FF;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div:nth-child(3) .card-list {
  background-color: #FFF6DF;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list .card-img-top {
  padding-top: 20px;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list .card-img-top img {
  display: block;
  width: 90px !important;
  height: auto;
  margin: 0 auto;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list .card-body {
  padding: 10px 20px 20px;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list .card-text p {
  color: #151B74;
  font-size: 18px;
  line-height: calc(100% + 10px);
  text-align: center;
}

.private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column>div .card-list .card-text :last-child {
  margin-bottom: 0;
}

/* Exactly three items: third card spans full row (e.g. Section 9(3)); avoids affecting four-card rows */
.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div:nth-child(3):last-child {
  grid-column: 1 / -1;
}

.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div:nth-child(3):last-child .answer-card .card-img-top {
  aspect-ratio: auto;
  min-height: 0;
  overflow: hidden;
  background: #f5edd8;
}

.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div:nth-child(3):last-child .answer-card .card-img-top .field__item,
.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div:nth-child(3):last-child .answer-card .card-img-top picture {
  height: auto;
}

.private-sector-accordion .paragraph--type--question-card>.paragraph__column>div:nth-child(3):last-child .answer-card .card-img-top img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center center;
}

.private-sector-accordion .paragraph--type--question-card .paragraph--type--question-card-item,
.private-sector-accordion .paragraph--type--question-card .paragraph--type--question-card-item>.paragraph__column {
  display: block;
  width: 100%;
}

.private-sector-accordion .paragraph--type--question-card .paragraph--type--question-card-item>.paragraph__column {
  height: 100%;
}

.private-sector-accordion .paragraph--type--question-card .answer-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 0 0 20px 0;
  overflow: visible;
  background: #f5edd8;
  border: unset;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-img-top {
  margin: 0;
  width: 100%;
  aspect-ratio: 680 / 400;
  overflow: hidden;
  border-radius: 0;
  flex-shrink: 0;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-img-top .field__item,
.private-sector-accordion .paragraph--type--question-card .answer-card .card-img-top picture {
  display: block;
  width: 100%;
  height: 100%;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-img-top img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .answer-card-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer {
  position: absolute;
  right: 12px;
  bottom: 100%;
  z-index: 5;
  box-sizing: border-box;
  width: auto;
  max-width: min(480px, calc(100% - 24px));
  margin-bottom: 30px;
  padding: 16px 18px 18px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 40px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

.private-sector-accordion .paragraph--type--question-card .answer-card.is-answer-open .card-answer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer-text {
  position: relative;
  z-index: 1;
  color: #000;
  font-size: 18px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer-text ul {
  margin: 0;
  padding-left: 1.15em;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer-text ul li {
  margin-bottom: 0.35em;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer-text ul li:last-child {
  margin-bottom: 0;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-answer-text ul li::marker {
  color: #1b8f5a;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-body {
  background: #FFF3D3;
  border-bottom-right-radius: 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 20px;
  position: relative;
}

.private-sector-accordion .paragraph--type--question-card .answer-card.has-answer-popup .card-answer-toggle {
  position: absolute;
  right: 21px;
  top: -50px;
  z-index: 4;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent url('/themes/custom/i2_theme/images/icon/question_mark.svg') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  border-radius: 0;
}

.private-sector-accordion .paragraph--type--question-card .answer-card.has-answer-popup .card-answer-toggle:focus-visible {
  outline: 2px solid #005DB2;
  outline-offset: 2px;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-number {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  counter-increment: question-card-number;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-number::before {
  content: counter(question-card-number);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #6D5CB1;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-illegal-name {
  color: #151B74;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 10px;
}

.private-sector-accordion .paragraph--type--question-card .answer-card .card-illegal-acts {
  color: #000;
  font-size: 16px;
  line-height: 19px;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion {
  overflow: hidden;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  background: #FFC300 !important;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  padding: 5px 52px 5px 0px;
  box-shadow: none;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button[aria-expanded="true"] {
  border-radius: 10px 10px 0 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button::before {
  display: none;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button::after {
  content: '';
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  padding: 0;
  background-image: url('/themes/custom/i2_theme/images/icon/accordion_arrow.svg');
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #FFD240;
  z-index: 2;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button .accordion-button__inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 0 1 auto;
  max-width: calc(100% - 48px);
  text-align: left;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button .accordion-button__inner .accordion-button__title {
  padding: 0;
  color: #000;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button .accordion-button__inner .accordion-button__icon {
  position: static;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item .card-block.panel-collapse {
  background: #fff;
  border-top: 1px solid #FFC72E;
  padding: 30px 30px 15px 30px;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list {
  padding: 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  align-items: stretch;
  padding: 0;
}

/* Equal-height cards: stretch field wrappers + paragraph shell so .card-list fills row */
.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column>div {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .paragraph--type--card-list-item {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .paragraph--type--card-list-item>.paragraph__column {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .paragraph--type--card-list-item .card-list {
  flex: 1 1 auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: none;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
  padding: 20px 16px 24px;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column>div:nth-child(1) .card-list {
  background: #D9F2FF;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column>div:nth-child(2) .card-list {
  background: #E9F3FF;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column>div:nth-child(3) .card-list {
  background: #FFF6DF;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-img-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  background: transparent;
  border: none;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-img-top .field__item {
  display: flex;
  justify-content: center;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-img-top img {
  max-width: 90px;
  width: 100%;
  height: auto;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-body {
  flex: 1 1 auto;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding: 0;
  background: transparent;
}

.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-text,
.private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list .card-text p {
  color: #151B74;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 991px) {
  .private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .paragraph--type--card-list>.paragraph__column {
    grid-template-columns: 1fr;
  }

  .private-sector-accordion .tips-accordion>div:nth-child(3).paragraph--type--bp-accordion .accordion .accordion-item button {
    font-size: 18px;
    padding: 10px 48px 10px 12px;
  }
}

/* === Anti-corruption laws at a glance ================================================== */
.glance-text .layout--twocol-section>.layout__region div {
  height: 100%;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul,
.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul {
  padding: 30px 30px 38px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  height: 100%;
  list-style: none;
  border-radius: 20px;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul {
  border: 1px solid #B3E6FF;
  background: linear-gradient(90deg, #FAFDFF 77%, #B6E7FF 100%);
  position: relative;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul {
  border: 1px solid #FFE282;
  background: linear-gradient(90deg, #FFFDFA 77%, #FFF3D2 100%);
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul::before {
  background: linear-gradient(to top, #B3E6FF 8px, #B3E6FF00 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul::before {
  background: linear-gradient(to top, #FFE282 8px, #FFE28200 8px);
  border-radius: 20px;
  content: '';
  position: absolute;
  inset: 0;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul li,
.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul li {
  position: relative;
  padding-left: 20px;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul li:not(:last-child),
.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul li:not(:last-child) {
  margin-bottom: 10px;
}

.glance-text .block-field-blockparagraphtext-two-columnfield-left-content .field--name-field-content ul li::before,
.glance-text .block-field-blockparagraphtext-two-columnfield-right-content .field--name-field-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  background-color: #005DB2;
  border-radius: 50%;
}

.glance-pobo {
  color: #000;
  text-align: center;
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 100px;
}

.glance-pobo a {
  color: #005DB2;
  font-size: 16px;
  text-decoration: underline;
}

/* === Integrity Charters ================================================== */
.new-swiper-section {
  background: #000 linear-gradient(to right, #fff 0%, #fff 100%);
  margin-top: 0px;
  margin-bottom: 100px;
  padding: 100px 0;
}

.new-swiper-section .paragraph--type--swiper-card>.paragraph__column>h2 {
  background: url(../images/icon/title_stroke.svg) center bottom no-repeat;
  color: #fff;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

/* What's New — swiper-card carousel (JS builds .news-swiper) */
.news-swiper-section {
  position: relative;
  box-sizing: border-box;
}

.news-swiper {
  position: relative;
  overflow: hidden;
}

.news-swiper .swiper-wrapper {
  align-items: stretch;
}

.news-swiper .swiper-slide {
  width: min(68vw, 980px);
  height: auto;
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* .news-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
} */
.news-swiper .new-swiper-card,
.news-swiper .new-swiper-card a,
.news-swiper .new-swiper-card img {
  display: block;
  width: 100%;
  height: auto;
}

.news-swiper .new-swiper-card img {
  border-radius: 0;
  object-fit: cover;
  aspect-ratio: 980 / 436;
  min-height: 360px;
}

.news-swiper-section .news-swiper-button {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 16px;
}

.news-swiper-section .news-swiper-button .swiper-button-next,
.news-swiper-section .news-swiper-button .swiper-button-prev {
  position: static;
  width: 42px;
  height: 42px;
  margin: 0;
  border-radius: 50%;
  background: #f1bd1a;
  color: #112970;
}

.news-swiper-section .news-swiper-button .swiper-button-next::after,
.news-swiper-section .news-swiper-button .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 700;
}

.news-swiper .new-swiper-card {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}

.news-swiper .new-swiper-card-media {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}

.news-swiper .new-swiper-card-media img {
  border-radius: 0;
  transition: all 0.2s ease;
}
.news-swiper .new-swiper-card-media:hover img,
.news-swiper .new-swiper-card-media:focus img {
  transform: scale(1.1);
}

.news-swiper .new-swiper-card-overlay {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 14px 16px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.78));
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.news-swiper .new-swiper-card:hover .new-swiper-card-overlay,
.news-swiper .new-swiper-card:focus-within .new-swiper-card-overlay {
  opacity: 1;
}

.news-swiper .new-swiper-card-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .news-swiper .swiper-slide {
    width: calc(100vw - 40px);
  }
}

/* === Sidebar Back ================================================== */
#block-i2-theme-sidebarrequestservice a.sidebar-back-request-service {
  border-radius: 10px 0 0 10px;
  background: #FFC72E;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  text-decoration: none;
  padding: 10px 7px;
  cursor: pointer;
  overflow: hidden;
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 90;
  transition: all 0.2s ease;
}

#block-i2-theme-sidebarrequestservice a.sidebar-back-request-service:hover,
#block-i2-theme-sidebarrequestservice a.sidebar-back-request-service:focus {
  background: #B3E6FF;
}

#block-i2-theme-sidebarrequestservice p {
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  width: 66px;
  line-height: 1;
  margin-top: 6px;
}

/* === Sector / Industry  ================================================== */
.page-node-type-sector-industry .layout--twocol-section.industry-section-1 {
  margin-top: 100px;
  margin-bottom: 100px;
  gap: 30px;
}

.page-node-type-sector-industry .layout--twocol-section.industry-section-1>.layout__region--first {
  flex: 0 0 auto;
  width: calc(33.33% - 30px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page-node-type-sector-industry .layout--twocol-section.industry-section-1>.layout__region--second {
  flex: 1 1 auto;
  width: 66.67%;
  justify-content: flex-end;
  display: flex;
}

.page-node-type-sector-industry .industry-section-1>.layout__region--first .industry-heading-stack {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 285px);
}

.page-node-type-sector-industry .industry-section-1 h2.field--name-title {
  color: #151B74;
  font-size: calc(var(--font-size-lg) - 2px);
  font-weight: 700;
  line-height: calc(100% + 8px);
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}

.page-node-type-sector-industry .industry-section-1 h2.field--name-title::before {
  background: linear-gradient(90deg, #FFE79A 76.35%, rgba(255, 231, 154, 0.00) 100%);
  content: '';
  position: absolute;
  left: -5px;
  bottom: 0;
  width: calc(100% + 10px);
  height: 20px;
  z-index: -1;
}

.page-node-type-sector-industry .industry-section-1 .field--name-field-icon img {
  display: block;
  width: 100px;
  height: auto;
  object-fit: cover;
  margin-bottom: 20px;
}

.page-node-type-sector-industry .industry-section-1>.layout__region--second p {
  font-size: 18px;
  margin-bottom: 1.75em;
}

.page-node-type-sector-industry .industry-section-1>.layout__region--second p:last-child {
  margin-bottom: 0;
}

.page-node-type-sector-industry .industry-section-2 {
  margin-top: 195px;
  padding-bottom: 105px;
  position: relative;
}

.page-node-type-sector-industry .industry-section-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (var(--bs-gutter-x) * 0.5));
  height: 100%;
  border-top-right-radius: 120px;
  background: linear-gradient(90deg, #163A8F 0%, #1252AD 100%);
}

.page-node-type-sector-industry .industry-section-2 .container {
  max-width: none;
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

@media (min-width: 1600px) {
  .page-node-type-sector-industry .industry-section-2 .container {
    padding-left: 130px;
    padding-right: 130px;
    max-width: 1700px;
  }
}

.page-node-type-sector-industry .industry-section-2 .container .field--name-field-showcase-image {
  display: flex;
  align-items: flex-end;
  padding-right: min(5%, 70px);
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item {
  padding-bottom: 8px;
  position: relative;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child {
  flex: 0 0 auto;
  width: min(30%, 400px);
  display: block;
  z-index: 2;
  margin-bottom: -40px;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child::after {
  background-color: #B3E6FF;
  border-radius: 0px 0 0 40px;
  content: '';
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child img {
  border-radius: 0px 0 0 40px;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2) {
  flex: 1 1 auto;
  margin-left: -110px;
  margin-top: -95px;
  z-index: 1;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2)::before {
  background: linear-gradient(to right, rgba(163, 225, 255, 0.70) 6%, rgba(163, 225, 255, 0.00) 100%);
  content: '';
  width: 22%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 8px;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2)::after {
  background: linear-gradient(90deg, #FFC300 0%, #FFE79A 100%);
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2) img {
  width: 100%;
  aspect-ratio: 12/5;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .page-node-type-sector-industry .industry-section-2 {
    margin-top: 170px;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2) {
    margin-top: -70px;
  }
}

/* === paragraph--type--bp-tabs ================================================== */
.paragraph.paragraph--type--bp-tabs .tab-content .paragraph>.paragraph__column {
  margin-top: 0;
  padding-top: 0;
}

.paragraph--type--bp-tabs .paragraph--type--tags {
  margin-bottom: 20px;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column {
  display: flex;
}

.paragraph--type--bp-tabs>.paragraph__column>nav {
  margin-top: 100px;
}

.paragraph--type--bp-tabs>.paragraph__column>nav,
.paragraph--type--bp-tabs>.paragraph__column>nav>.nav,
.paragraph--type--bp-tabs>.paragraph__column>nav>.nav>button {
  border: unset;
}

/* Horizontal pill tabs + light blue panel (non–sector-industry pages only) */
body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav {
  margin-top: 100px;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 15px 30px;
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link {
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 999px;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #005DB2;
  text-align: center;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link:hover,
body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link:focus {  
  color: #000;
  background: #B3E6FF;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link:focus-visible {  
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 3px;    
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link.active,
body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link.active:hover,
body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs .nav-link.active:focus {
  border: none;
  color: #000;
  background: #FFC72E;
  font-weight: 700;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
  margin-top: 30px;
  padding: 40px;
  background: linear-gradient(90deg, #FAFDFF 25.69%, #B6E7FF 100%);
  border: 1px solid #3FB5E8;
  border-radius: 16px;
}

body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>.tab-content .tab-pane__title {
  display: none;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav {
  flex: 0 0 auto;
  width: 20%;
  border-right: 1px solid #C0C0C0;
  padding-top: 100px;
  margin-top: 0;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div {
  display: flex;
  flex-direction: column;
  border: unset;
  gap: 5px;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link {
  text-align: left;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  padding: 13px 13px 13px 27px;
  border-radius: 25px 0 0 25px;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link,
.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link.active,
.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link:hover,
.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link:focus {
  border: unset;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link.active,
.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link:hover,
.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link:focus {
  background: #FFC300;
}

.page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
  flex: 1 1 auto;
  width: 80%;
  padding-top: 100px;
  padding-left: 50px;
}

.tab-content>div>.paragraph--type--html-content~.paragraph--type--bp-accordion {
  margin-top: 40px;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .tab-pane__title {
  background: url(../images/icon/title_stroke.svg) left bottom no-repeat;
  color: #151B74;
  font-size: 32px;
  font-weight: 700;
  line-height: calc(100% + 7px);
  text-align: left;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.tab-content .accordion>.accordion-item img {
  max-width: 100%;
}

.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button,
.paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button {
  background: linear-gradient(90deg, #F4FCFF 41.98%, #B6E7FF 100%);
}

.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after,
.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button::after {
  border: #FFC300 1px solid;
}
.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button:hover::after,
.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button:focus::after {
  background-color: #6ec4ea;
  border: #6ec4ea 1px solid;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button .accordion-button__title,
.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion.sector-industry-resources-accordion>.accordion-item .accordion-button .sector-industry-resources-accordion__title {
  color: #151B74;
  font-size: 20px;
  font-weight: 700;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button:not(.collapsed) {
  background: linear-gradient(90deg, #F4FCFF 41.98%, #B6E7FF 100%);
  color: #151B74;
  box-shadow: none;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button:focus {
  border-color: #3FB5E8;

  outline: none;
  box-shadow: 0 0 0 2px rgba(63, 181, 232, 0.35);
}

/* Bootstrap Paragraphs – Accordion section header icon (Media field_icon). */
.tab-content .accordion>.accordion-item:has(.accordion-button__icon) {
  margin-top: 40px;
}

.tab-content .accordion>.accordion-item:has(.accordion-button__icon)+.accordion-item {
  margin-top: 50px;
}

.tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
  width: 140px;
}

.tab-content .accordion>.accordion-item .accordion-button .accordion-button__icon .field--name-field-icon img {
  display: block;
  width: 90px;
  height: 100px;
  object-fit: cover;
  margin-top: -52px;
  margin-bottom: -12px;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button .accordion-button__title,
.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button .sector-industry-resources-accordion__title {
  color: #151B74 !important;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button[aria-expanded="true"] {
  background: #005DB2 !important;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button[aria-expanded="true"]::after {
  background-color: #FFC300;
}

.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button[aria-expanded="true"] .accordion-button__title,
.paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion>.accordion-item .accordion-button[aria-expanded="true"] .sector-industry-resources-accordion__title {
  color: #fff !important;
}

/* === Companies item (paragraph--type--companies-item, built in custom.js) === */
.paragraph--type--companies-item {
  margin-bottom: 30px;
}

.paragraph--type--companies-item+.paragraph--type--companies-item {
  margin-top: -10px;
}

.paragraph--type--companies-item .companies-card {
  border: none;
  background: transparent;
  box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.paragraph--type--companies-item .companies-card>.row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  --companies-avatar-size: 200px;
  --companies-overlap: 48px;
}

.paragraph--type--companies-item .companies-card .col-left {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--companies-avatar-size);
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}

.paragraph--type--companies-item .companies-card .companies-card__avatar {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.paragraph--type--companies-item .companies-card .companies-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.field__item:has(.paragraph--type--companies-item):nth-child(even) .companies-card__avatar,
.paragraphs-items>.paragraph--type--companies-item:nth-child(even) .companies-card__avatar,
.field--type-entity-reference-revisions .field__items>.field__item:nth-child(even) .paragraph--type--companies-item .companies-card__avatar {
  border-color: #005db2;
  background: #e8f4fc;
}

.paragraph--type--companies-item .companies-card .col-right {
  flex: 1 1 auto;
  margin-top: 60px;
  margin-left: -100px;
  z-index: 1;
}

.paragraph--type--companies-item .companies-card .col-right .card-body {
  position: relative;
  background: #fff;
  border-top: none;
  border-bottom-right-radius: 20px;
  padding: 30px 30px 30px 160px;
  overflow: hidden;
}

.paragraph--type--companies-item .companies-card .col-right .card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #a7d5ff 0%, #0d73d0 100%);
}

.paragraph--type--companies-item .companies-card .card-title {
  color: #005db2;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
}

.paragraph--type--companies-item .companies-card ul.card-text {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}


.paragraph--type--companies-item .companies-card ul.card-text li:last-child {
  margin-bottom: 0;
}


.paragraph--type--companies-item .companies-card .target-audience {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
}

/**************************************************************/
/* Media Query ************************************************/
@media screen and (min-width: 992px) {

  /* index Css Document  ***************************************************/
  /* banner */
  .paragraph--type--banner .bannerSwiper-slide-image-mobile {
    display: none;
  }
}

@media screen and (max-width: 1499px) {

  /* header  ***************************************************/
  .section-header-logo ul {
    padding: 15px 15px 15px 30px;
  }

  .section-header-logo ul li img {
    height: 70px;
  }

  #block-i2-theme-main-navigation .nav-level-0 {
    margin-right: -16px;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link {
    padding: 16px;
  }
}

@media screen and (max-width: 1399px) {

  /* index Css Document  ***************************************************/
  /* Resources */
  .paragraph--type--resources-list .paragraph__column>div:nth-child(2) .resources-item .resources-item-image::before,
  .paragraph--type--resources-list .paragraph__column>div:nth-child(3) .resources-item .resources-item-image::before,
  .paragraph--type--resources-list .paragraph__column>div:nth-child(4) .resources-item .resources-item-image::before,
  .paragraph--type--resources-list .paragraph__column>div:nth-child(5) .resources-item .resources-item-image::before,
  .paragraph--type--resources-list .paragraph__column>div:nth-child(6) .resources-item .resources-item-image::before,
  .paragraph--type--resources-list .paragraph__column>div:nth-child(7) .resources-item .resources-item-image::before {
    width: 80px;
    height: 80px;
  }

  .paragraph--type--resources-list .resources-item .resources-item-image img {
    width: 80px;
  }

  .paragraph--type--resources-list .resources-item .resources-item-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 1299px) {

  /* header  ***************************************************/
  .section-header-logo ul li img {
    height: 60px;
  }

  #block-i2-theme-main-navigation .nav-level-0 {
    margin-right: -12px;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link {
    font-size: 16px;
    padding: 12px;
  }

  .region-nav-right-second-additional .btn {
    font-size: 16px;
  }

  .header-function-section ul li a {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .header-function-section ul li a img {
    width: 20px;
    height: auto;
  }

  /* footer  ***************************************************/
  footer .navbar-nav {
    gap: 10px;
  }
}

@media screen and (max-width: 1199px) {

  /* header  ***************************************************/
  header .header-left {
    padding-top: 10px;
  }

  header .header-left::before {
    height: 10px;
  }

  .section-header-logo ul {
    border-radius: 0 0 0 30px;
    width: 100%;
  }

  body.scroll-fixed .section-header-logo ul {
    border-radius: 0 0 0 20px;
  }

  .section-header-logo ul li+li {
    margin-left: 20px;
  }

  #block-i2-theme-main-navigation {
    padding-right: 0;
  }

  header .nav-right-second-content {
    display: none;
  }

  /* footer  ***************************************************/
  footer .region-footer {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 40px;
  }

  #block-i2-theme-mainnavigation {
    margin-left: 0;
  }

  /* index Css Document  ***************************************************/
  /* banner */
  .paragraph--type--banner .bannerSwiper-content--shared {
    max-width: 70%;
  }

  /* What's News */
  .index-news-section .bg-content::before {
    background: linear-gradient(to left, #FFF 20%, rgba(255, 255, 255, 0.00) 60%);
  }

  .view-block-news-list .row {
    --bs-gutter-x: 30px;
  }

  /* Site Analytics */
  .block-field-blockparagraphanalyticsfield-paragraphs {
    gap: 30px;
  }

  .block-field-blockparagraphanalyticsfield-paragraphs>div {
    flex: 0 0 auto;
    width: calc(50% - 15px);
  }

  .paragraph--type--analytics .stat-item .counter,
  .paragraph--type--analytics .stat-item .counter-plus {
    font-size: 42px;
  }

  .block-field-blockparagraphanalyticsfield-paragraphs>div:last-child .stat-item .counter-plus {
    font-size: 32px;
  }

  /* Quiz (custom-block + quiz paragraphs → .quiz-section via custom.js) */
  .quiz-section .quiz-button-yes,
  .quiz-section .quiz-button-no {
    min-width: 120px;
  }

  /* node content  ***************************************************/

  /* Tag-click navigation + scrollIntoView: offset fixed header */
  .resources-card {
    gap: 30px;
  }

  .resources-card .card-text p {
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }

  .resources-card .media-group {
    margin-top: 10px;
  }

  /* About Us - Advisory Committee  ***************************************************/
  .committee-membership-section>.paragraph--type--card-list>.paragraph__column>div:not(.field),
  .icac-representatives-section>.paragraph--type--card-list>.paragraph__column>div:not(.field) {
    width: calc(33.33% - 18px);
  }

  /* News and Events Detail, Cases Detail ***************************************************/
  .page-node-type-news .node__content .bg-content,
  .page-node-type-icac-cases .node__content .bg-content,
  .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before {
    border-top-left-radius: 80px;
  }

  /* Services - PSIC Channel ***************************************************/
  .webinars-calendar-notes .paragraph__column {
    padding-left: 120px;
  }

  /* Webinars calendar (calendar.js + API) ***********************************/
  .calendar-panel {
    padding: 30px;
  }

  .calendar-events-panel {
    padding: 30px 30px 30px 50px;
  }

  /* Anti-Corruption Laws in Hong Kong ***************************************************/
  .deep-blue::before,
  .light-blue::before {
    border-top-right-radius: 80px;
  }

  /* === Red Flags ================================================== */
  .accordion-content-card {
    padding: 30px;
  }

  /* === Sector / Industry  ================================================== */
  .page-node-type-sector-industry .industry-section-2::before {
    border-top-right-radius: 80px;
  }

  /* Horizontal pill tabs + light blue panel (non–sector-industry pages only) */
  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
    padding-left: 30px;
  }

  /* === Resources Details Page  ================================================== */
  .page-node-type-resources .node__content .bg-content,
  .page-node-type-resources .node__content::before {
    border-top-left-radius: 80px;
  }

  /* === Checklists Card List ================================================== */
  .checklists-card .paragraph--type--card-list>.paragraph__column.row {
    --bs-gutter-x: 30px;
  }

  .checklists-card .paragraph--type--card-list-item .card-list {
    height: calc(100% - 60px);
    margin-top: 60px;
  }

  .checklists-card .paragraph--type--card-list-item .card-img-top {
    width: 122px;
    height: 122px;
    top: -56px;
  }

  .checklists-card .paragraph--type--card-list-item .card-title,
  .checklists-card .paragraph--type--card-list-item .card-subtitle {
    padding-left: 140px;
  }
}

@media screen and (max-width: 991px) {

  /* index Css Document  ***************************************************/
  /* banner */
  .paragraph--type--banner .bannerSwiper-hero,
  .paragraph--type--banner .bannerSwiper {
    border-bottom-right-radius: 60px;
  }

  .paragraph--type--banner .bannerSwiper::before {
    width: 60%;
  }

  .paragraph--type--banner .bannerSwiper-slide-image-desktop {
    display: none;
  }

  .paragraph--type--banner .bannerSwiper-slide-image-mobile,
  .paragraph--type--banner .bannerSwiper-slide-video {
    aspect-ratio: 4 / 3;
  }

  .paragraph--type--banner .bannerSwiper-content--shared {
    max-width: 80%;
  }
  .paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-title {
    font-size: calc(var(--font-size-xl) - 2px);
  }

  /* What's News */
  .index-news-section .bg-content,
  .index-news-section::before {
    border-top-left-radius: 80px;
  }

  .view-block-news-list .row .col-md-6 {
    width: 100%;
  }

  .view-block-news-list .views-row:nth-child(4n+2) .news-card,
  .view-block-news-list .views-row:nth-child(4n+3) .news-card {
    border-color: #005DB2;
  }

  .view-block-news-list .views-row:nth-child(even) .news-card {
    border-color: var(--color-yellow);
  }

  /* Site Analytics */
  .paragraph--type--analytics .layout--twocol-section>.layout__region--first,
  .paragraph--type--analytics .layout--twocol-section>.layout__region--second {
    flex: 0 0 auto;
    width: 100%;
  }

  .paragraph--type--analytics .layout--twocol-section>.layout__region--first {
    padding-right: 0px;
    margin-bottom: 10px;
  }

  /* Sector Industry */
  .sector-industry-swiper .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide {
    transform: none;
  }

  .sector-industry-swiper .swiper-slide:hover,
  .sector-industry-swiper .swiper-slide:focus {
    width: 327px;
  }

  .industry-card:hover .card-title,
  .industry-card:focus .card-title {
    font-size: 24px;
    margin-bottom: -35px;
  }

  .industry-card:hover a,
  .industry-card:focus a {
    opacity: 0;
  }

  .industry-card:hover .card-body .card-right,
  .industry-card:focus .card-body .card-right {
    width: 0;
  }

  .industry-card:hover .card-body .card-right img,
  .industry-card:focus .card-body .card-right img {
    opacity: 0;
  }

  /* Resources */
  .index-resources-section {
    padding-top: 450px;
  }

  .paragraph--type--resources .field--name-field-image {
    width: 100vw;
    height: 500px;
    top: -450px;
  }

  .paragraph--type--resources .field--name-field-image .field__item {
    height: 100%;
  }

  .paragraph--type--resources .field--name-field-image img {
    object-fit: cover;
    object-position: bottom;
    width: 100%;
    height: 100%;
  }

  .paragraph--type--resources .field--type-text-long {
    width: 100%;
  }

  .paragraph--type--resources-list .paragraph__column>div {
    width: 33.33%;
  }

  .paragraph--type--resources-list .paragraph__column>div:nth-child(2) {
    margin-right: 33.33%;
  }

  .paragraph--type--resources-list .paragraph__column>div:nth-child(4) {
    margin-right: 0;
  }

  .paragraph--type--resources-list .paragraph__column>div:nth-child(6) {
    margin-left: auto;
  }

  /* Quiz (custom-block + quiz paragraphs → .quiz-section via custom.js) */
  .quiz-section .content {
    flex-wrap: wrap;
  }

  .quiz-section .quiz-content {
    max-width: none;
    padding-right: 0;
  }

  .quiz-section .quiz-title .quiz-title-text {
    font-size: 26px;
  }

  .quiz-section .quiz-question {
    font-size: 28px;
  }

  .quiz-section .quiz-topic {
    font-size: 18px;
    margin-bottom: 20px;
  }

  /* banner section  ***************************************************/
  .banner-section .content {
    border-bottom-right-radius: 60px;
  }

  .banner-section .content::before {
    width: 60%;
  }

  /* node content  ***************************************************/

  /* Resources case studies exposed filters: AND / OR mode switch */
  .resources-filters-form,
  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form {
    padding: 20px;
  }

  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div {
    flex-direction: column;
    align-items: stretch;
  }

  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id {
    display: block;
  }

  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form .form-item-industry-id label,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form .form-item-industry-id label,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form .form-item-field-sector-industry-tgas-target-id label {
    margin-right: 0;
    margin-bottom: 10px;
  }

  /* Tag-click navigation + scrollIntoView: offset fixed header */
  .resources-filters-form .resources-filters-top {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .resources-filters-form .resources-mode-switch__toggle {
    width: 100%;
  }

  .resources-filters-form .resources-mode-switch__toggle::after {
    margin-left: auto;
  }

  .resources-filters-form .resources-filters-layout .form-item.js-form-type-textfield {
    border-top: 1px solid #538CE2;
    border-left: none;
    padding-left: 0;
    padding-top: 20px;
  }

  .resources-filters-form .resources-filters-submit {
    width: 100%;
  }

  .resources-card {
    flex-direction: column;
  }

  .resources-card .card-image {
    width: min(100%, 410px);
  }

  .resources-card .card-body {
    padding-top: 0;
  }

  .sector-industry-resources-stack.materials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* === Accordion ================================================== */
  .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.panel-collapse {
    padding: 65px 30px 30px;
  }

  .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
    width: 60px;
  }

  .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__title,
  .paragraph--type--tags>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.sector-industry-resources-accordion__title,
  .paragraph--type--bp-tabs>.paragraph__column>.tab-content .accordion.sector-industry-resources-accordion>.accordion-item .accordion-button .sector-industry-resources-accordion__title {
    font-size: 18px;
    font-weight: 500;
    padding: 6px 10px;
  }

  /* About Us - Advisory Committee  ***************************************************/
  .committee-membership-section>.paragraph--type--card-list>.paragraph__column>div:not(.field),
  .icac-representatives-section>.paragraph--type--card-list>.paragraph__column>div:not(.field) {
    width: calc(50% - 13px);
  }

  /* News and Events List, Cases List ***************************************************/
  .view-block-news-and-events-lists .views-exposed-form,
  .view-block-icac-cases-list .views-exposed-form {
    padding: 20px;
  }

  .view-block-news-and-events-lists .form--inline,
  .view-block-icac-cases-list .form--inline {
    flex-direction: column;
    align-items: stretch;
  }

  .view-block-news-and-events-lists .views-exposed-form .form--inline .form-item,
  .view-block-icac-cases-list .views-exposed-form .form--inline .form-item {
    display: block;
  }

  .view-block-news-and-events-lists .views-exposed-form .form--inline .form-item label,
  .view-block-icac-cases-list .views-exposed-form .form--inline .form-item label {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .view-block-news-and-events-lists .views-exposed-form .form--inline .form-item.js-form-type-textfield {
    border-left: none;
    border-top: 1px solid #538CE2;
    padding-left: 0;
    padding-top: 20px;
  }

  .news-events-card,
  .cases-card {
    gap: 30px;
    padding: 20px 60px;
  }

  .news-events-card::after,
  .cases-card::after {
    right: 15px;
    top: 28px;
  }

  .news-events-card .card-date {
    left: 20px;
  }

  .news-events-card .card-description,
  .cases-card .card-description {
    -webkit-line-clamp: 3;
  }

  /* case card */
  .cases-card .card-date {
    top: calc(((100vw - 180px) * 0.25) - 40px);
  }

  /* News and Events Detail, Cases Detail ***************************************************/
  /* .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before {
    background-size: 150% auto;
  } */
  .page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3),
  .page-node-type-icac-cases .node__content .layout--twocol-section:first-child {
    flex-direction: column;
  }

  .page-node-type-news .node__content .layout--twocol-section--33-67:nth-child(3) .layout__region--first,
  .page-node-type-icac-cases .node__content .layout--twocol-section:first-child .layout__region--first {
    width: 100%;
  }

  .page-node-type-news .node__content .field--name-field-tags {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .page-node-type-news .node__content .block-field-blocknodenewscreated {
    margin-bottom: 10px;
    position: relative;
    top: auto;
  }

  .page-node-type-news .node__content .field--name-title,
  .page-node-type-icac-cases .node__content .field--name-title {
    font-size: 28px;
  }

  /* Services - PSIC Channel ***************************************************/
  .featured-webinars-card .card-img-top::after {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.92) 48%, rgba(255, 255, 255, 0) 100%);
  }

  /* Webinars calendar (calendar.js + API) ***********************************/
  .calendar-shell {
    flex-direction: column;
  }

  .calendar-panel {
    width: 100%;
  }

  .calendar-events-panel {
    background: linear-gradient(90deg, #FAFDFF 25%, #B6E7FF 100%);
    border-left: 1px solid #3FB5E8;
    border-top: none;
    border-radius: 0 0 20px 20px;
    width: 100%;
    margin-left: 0;
    margin-top: -20px;
    padding: 50px 30px 30px 30px;
  }

  .calendar-events-list {
    max-height: none;
  }

  .calendar-events-list:has(.calendar-events-empty) {
    min-height: 280px;
  }

  /* Anti-Corruption Laws in Hong Kong ***************************************************/
  .corruption-section .container .layout__region--second {
    padding-top: 0;
  }

  .corruption-accordion .accordion-button {
    flex-direction: column;
    margin-top: 40px;
  }

  .corruption-accordion .accordion-button::after {
    margin-right: auto;
    margin-bottom: -26px;
    position: relative;
  }

  .corruption-accordion .accordion-button__inner {
    flex-direction: column;
    align-items: center;
  }

  .corruption-accordion .accordion-button__title {
    padding: 20px 0;
  }

  .corruption-accordion .accordion-button__inner .accordion-button__icon {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-bottom: 0;
  }

  .corruption-accordion .panel-collapse {
    padding: 36px 20px 20px;
  }

  /* Resources video popup hook (applies only when JS adds .resources-video-popup) */
  /* CPAS modal detail blocks (calendar + shared #cpasModal) */
  #cpasModal .btn-close {
    right: -10px;
    top: -10px;
    width: 40px;
    height: 40px;
  }

  #cpasModal .modal-body {
    padding: 30px 30px 0;
  }

  #cpasModal .content-wrapper .popup-content-header .row .col-md-5 {
    width: min(100%, 460px);
  }

  #cpasModal .content-wrapper .popup-content-header .row .col-md-7 {
    width: 100%;
  }

  #cpasModal .popup-title {
    font-size: 24px;
  }

  #cpasModal .popup-content-footer {
    margin: 0 -31px -1px;
    padding: 18px 30px;
  }

  /* === Anti-Corruption and Ethics Training ================================================== */
  /* Toutube card list: field template wraps each item in an extra div — grid targets .paragraph__column */
  .paragraph--type--toutube-card-list>.paragraph__column {
    grid-template-columns: repeat(2, 1fr);
  }

  /* === Cross-Boundary Business Operations ================================================== */
  .operations-section .container .layout__region--second {
    padding-top: 0;
  }

  /* Step numbers: overlapping circles (1, 2, 3…) — scoped to .point-accordion ancestor */
  .point-accordion .accordion-item {
    padding-top: 30px;
  }

  .point-accordion .accordion-item+.accordion-item {
    margin-top: 0;
  }

  .point-accordion.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
    width: 80px;
    margin-top: -30px;
  }

  /* === Red Flags ================================================== */
  .flags-section .container .layout__region--second {
    padding-top: 0;
  }

  .accordion-content-card {
    flex-direction: column;
    padding: 20px;
  }

  /* === Private Sector Corruption ================================================== */
  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .paragraph--type--question-card,
  .paragraph.paragraph--type--bp-accordion .panel-collapse>.tips-accordion {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.corruption-accordion {
    padding: 0 30px 30px;
  }

  .private-sector-accordion .tips-accordion .accordion-button {
    padding: 10px;
  }

  .private-sector-accordion .tips-accordion .accordion-button::before {
    content: none;
  }

  .private-sector-accordion .tips-accordion .accordion-button__inner {
    margin-left: 0;
  }

  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.paragraph.tips-accordion>.paragraph__column {
    padding-bottom: 30px;
  }

  .private-sector-accordion .tips-accordion .panel-collapse>.paragraph.paragraph--type--card-list {
    padding: 20px;
  }

  .private-sector-accordion .tips-accordion .paragraph--type--card-list>.paragraph__column {
    gap: 30px 20px;
  }

  /* === Sidebar Back ================================================== */
  #block-i2-theme-sidebarrequestservice a.sidebar-back-request-service {
    top: 30%;
  }

  /* Horizontal pill tabs + light blue panel (non–sector-industry pages only) */
  body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
    padding: 30px;
  }

  /* === Sector / Industry  ================================================== */
  .page-node-type-sector-industry .layout--twocol-section.industry-section-1>.layout__region--first,
  .page-node-type-sector-industry .layout--twocol-section.industry-section-1>.layout__region--second {
    width: 100%;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2) {
    margin-left: -70px;
  }

  .page-node-type-sector-industry .industry-section-2 .container .field--name-field-showcase-image {
    padding-right: 0;
  }

  /* === Companies item (paragraph--type--companies-item, built in custom.js) === */
  .paragraph--type--companies-item .companies-card .col-right .card-body {
    padding: 30px 30px 30px 130px;
  }

  /* === Resources Details Page  ================================================== */
  .page-node-type-resources .node__content::before {
    background-size: 150% auto;
  }

  .page-node-type-resources .node__content>.layout--twocol-section,
  .page-node-type-resources .field--name-field-case-analysis {
    flex-direction: column;
  }

  .page-node-type-resources .node__content>.layout--twocol-section>.layout__region--first {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {

  /* bg video */
  .bg-video .bg-content {
    padding-right: 0;
  }

  .bg-video .bg-content::before {
    background: linear-gradient(315deg, #FFF 45%, rgba(255, 255, 255, 0.40) 75%, rgba(255, 255, 255, 0.20) 100%);
    inset: -60px 0 -1px 0;
  }

  .bg-video .bg-content::after {
    content: none;
  }

  .bg-video .bg-content video {
    width: 160%;
    height: 106.67%;
  }

  /* footer  ***************************************************/
  footer .region-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    margin-top: 70px;
  }

  footer .section-copyright .content {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 20px;
  }

  footer .section-copyright img {
    margin-left: 0;
  }

  /* index Css Document  ***************************************************/
  /* banner */
  .paragraph--type--banner .bannerSwiper-hero {
    margin-bottom: 120px;
  }

  .paragraph--type--banner .bannerSwiper::before {
    width: 120%;
  }

  .paragraph--type--banner .bannerSwiper::after {
    height: 200px;
  }

  .paragraph--type--banner .bannerSwiper-slide-image-mobile,
  .paragraph--type--banner .bannerSwiper-slide-video {
    aspect-ratio: unset;
    height: 80vh;
  }

  .paragraph--type--banner .bannerSwiper-button-content {
    bottom: -60px;
  }

  .paragraph--type--banner .bannerSwiper-content--shared {
    max-width: none;
    padding-left: 30px;
    padding-right: 15px;
  }

  .paragraph--type--banner .bannerSwiper-content--shared .bannerSwiper-content-title {
    -webkit-line-clamp: 3;
  }

  /* Resources */
  .index-resources-section {
    padding-top: 400px;    
  }

  .paragraph--type--resources .field--name-field-image {
    height: 450px;
    top: -400px;
    right: calc((50vw - 270px) * -1);
  }

  .paragraph--type--resources-list .paragraph__column>div {
    width: 50%;
  }

  .paragraph--type--resources-list .paragraph__column>div:nth-child(2),
  .paragraph--type--resources-list .paragraph__column>div:nth-child(6) {
    margin-right: 0;
  }

  /* banner section  ***************************************************/
  .banner-section .content::before {
    width: 100%;
  }

  .banner-section .content::after {
    height: 140px;
  }

  .banner-section .content img {
    aspect-ratio: 1;
    min-height: auto;
  }

  /* node content  ***************************************************/

  /* Resources case studies exposed filters: AND / OR mode switch */
  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions {
    align-self: stretch;
    margin-left: 0;
  }

  .view-id-block_resources_list.view-display-id-block_3 .views-exposed-form>div .form-actions input,
  .view-id-block_resources_list.view-display-id-block_6 .views-exposed-form>div .form-actions input,
  .view-id-block_resources_list.view-display-id-block_7 .views-exposed-form>div .form-actions input {
    width: 100%;
  }

  /* Tag-click navigation + scrollIntoView: offset fixed header */
  .resources-filters-form .resources-filters-actions {
    align-self: stretch;
    margin-left: 0;
  }

  .resources-card .industries-tags,
  .resources-card .areas-tags {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .resources-card .card-text {
    margin-top: 30px;
  }

  .resources-card .media-group .media-item-play,
  .resources-card .media-group .media-item-transcript,
  .paragraph--type--transcript .media-item-transcript {
    text-align: center;
    width: 100%;
  }

  /* === Accordion ================================================== */
  .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.panel-collapse {
    padding: 55px 20px 20px;
  }

  /* About Us - Advisory Committee  ***************************************************/
  .committee-membership-section>.paragraph--type--card-list>.paragraph__column>div:not(.field),
  .icac-representatives-section>.paragraph--type--card-list>.paragraph__column>div:not(.field) {
    width: 100%;
  }

  /* About Us - Contact Us  ***************************************************/
  .hotline-email-section .layout--twocol-section .block::before {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  .hotline-email-section .layout--twocol-section .block>div {
    margin-top: 40px;
    padding: 28px 20px 20px 60px;
  }

  /* News and Events List, Cases List ***************************************************/
  .view-block-news-and-events-lists .views-row:not(:last-child),
  .view-block-icac-cases-list .views-row:not(:last-child) {
    margin-bottom: 50px;
  }

  .view-block-news-and-events-lists .views-exposed-form .form-actions {
    align-self: stretch;
    margin-left: 0;
  }

  .view-block-news-and-events-lists .views-exposed-form>div .form-actions input {
    width: 100%;
  }

  .news-events-card,
  .cases-card {
    flex-direction: column;
    padding: 20px 20px 40px;
  }

  .news-events-card::after,
  .cases-card::after {
    top: calc(100% - 20px);
  }

  .news-events-card .card-cover,
  .cases-card .card-cover {
    max-width: none;
    margin-left: 40px;
  }

  .news-events-card .card-tags ol {
    margin-bottom: 30px;
  }

  /* case card */
  .cases-card .card-date {
    left: 20px;
    top: calc(((100vw - 110px) * 0.25) + 12vw + 16px);
  }

  /* News and Events Detail, Cases Detail ***************************************************/
  .page-node-type-news .node__content .bg-content,
  .page-node-type-icac-cases .node__content .bg-content {
    inset: 0 0 -30px 0;
  }

  /* .page-node-type-news .node__content::before,
  .page-node-type-icac-cases .node__content::before {
    background-size: 180% auto;
    inset: 0 0 -30px 0;
  } */
  .page-node-type-news .node__content .container,
  .page-node-type-icac-cases .node__content .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  /* Services - PSIC Channel ***************************************************/
  .featured-webinars-swiper .swiper-slide {
    width: calc(100vw - 30px);
  }

  .featured-webinars-card {
    flex-direction: column;
    height: auto;
  }

  .featured-webinars-card .card-img-top {
    position: relative;
  }

  .featured-webinars-card .card-img-top::after {
    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.92) 18%, rgba(255, 255, 255, 0) 52%);
  }

  .featured-webinars-card .card-img-top img {
    aspect-ratio: 20 / 9;
    margin-bottom: 20px;
  }

  .featured-webinars-card .card-body {
    order: 1;
    max-width: none;
    width: 100%;
    padding: 0 20px 20px;
  }

  .featured-webinars-card .card-industry {
    margin-top: 0;
  }

  .webinars-calendar-notes .paragraph__column {
    padding-left: 0;
  }

  .webinars-calendar-notes .paragraph__column h2 {
    position: relative;
  }

  /* Webinars calendar (calendar.js + API) ***********************************/
  .calendar-panel {
    padding: 30px 20px;
  }

  .calendar-events-panel {
    padding: 50px 20px 30px;
  }

  .calendar-events-list {
    gap: 30px;
    padding-right: 0;
  }

  .calendar-event-card {
    flex-direction: column;
    padding-bottom: 30px;
  }

  /* Anti-Corruption Laws in Hong Kong ***************************************************/
  .corruption-section {
    padding-bottom: 50px;
  }

  .corruption-section .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .deep-blue::before,
  .light-blue::before {
    width: 100%;
  }

  .corruption-accordion {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Resources video popup hook (applies only when JS adds .resources-video-popup) */
  .modal-lg {
    max-width: none;
  }

  /* CPAS modal detail blocks (calendar + shared #cpasModal) */
  #cpasModal .btn-close {
    right: -5px;
    top: -5px;
    width: 30px;
    height: 30px;
  }

  #cpasModal .popup-content-footer .popup-enrolment-link {
    width: 100%;
  }

  #cpasModal .popup-content-footer .popup-enrolment-link a {
    text-align: center;
    width: 100%;
  }

  /* === paragraph--type--checklist-card ================================================== */
  .paragraph--type--checklist-card {
    border-radius: 50px;
    width: min(calc(100% - 30px), 510px);
    margin-top: 140px;
    padding: 167px 30px 30px;
  }

  .paragraph--type--checklist-card .field--name-field-image {
    width: 160px;
    top: -90px;
    left: calc(50% - 80px);
  }

  .paragraph--type--checklist-card .field--name-bp-link {
    text-align: center;
    display: block;
    margin-bottom: 20px;
    position: relative;
    top: 0;
  }

  /* === Anti-Corruption and Ethics Training ================================================== */
  .professionals-ul {
    padding: 30px 20px;
  }

  /* Toutube card list: field template wraps each item in an extra div — grid targets .paragraph__column */
  .paragraph--type--toutube-card-list>.paragraph__column {
    grid-template-columns: 1fr;
  }

  .paragraph--type--toutube-card-list {
    padding: 30px 20px;
  }

  /* === Cross-Boundary Business Operations ================================================== */
  .operations-section {
    padding-bottom: 50px;
  }

  .operations-section .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  /* Step numbers: overlapping circles (1, 2, 3…) — scoped to .point-accordion ancestor */
  .point-accordion.paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
    width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .point-accordion .accordion-button>.accordion-button__inner {
    padding-left: 6px;
  }

  .point-accordion .download-poster {
    flex-direction: column;
    align-items: center;
  }

  /* === Red Flags ================================================== */
  .flags-section {
    padding-bottom: 50px;
  }

  .flags-section .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  /* === Sector / Industry  ================================================== */
  .page-node-type-sector-industry .industry-section-2 {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 0;
    position: relative;
  }

  .page-node-type-sector-industry .industry-section-2::before {
    width: 100%;
  }

  .page-node-type-sector-industry .industry-section-2 .container .field--name-field-showcase-image {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child {
    width: min(55%, 400px);
    margin-top: -30px;
    margin-bottom: -60px;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child::after {
    border-radius: 0 0 30px 0;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:first-child img {
    border-radius: 0 0 30px 0;
  }

  .page-node-type-sector-industry .industry-section-2 .field--name-field-showcase-image>.field__item:nth-child(2) {
    margin-left: -30px;
    margin-right: 30px;
    margin-top: 0;
  }

  /* === paragraph--type--bp-tabs ================================================== */
  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column {
    flex-direction: column;
  }

  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav {
    border-right: none;
    border-bottom: 1px solid #C0C0C0;
    width: 100%;
    padding-bottom: 50px;
  }

  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div {
    gap: 15px;
  }

  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link {
    background: #005DB2;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 12px 16px;
  }

  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>nav>div.nav-tabs .nav-link.active {
    color: #000;
  }

  .page-node-type-sector-industry .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
    width: 100%;
    padding-left: 0;
    padding-top: 50px;
  }

  .tab-content .paragraph--type--bp-accordion:not(.corruption-accordion, .tips-accordion)>div>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button__inner>.accordion-button__icon {
    width: 110px;
  }

  /* === Private Sector Corruption ================================================== */
  .private-sector-accordion .paragraph--type--question-card>.paragraph__column {
    grid-template-columns: 1fr;
  }

  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .paragraph--type--question-card,
  .paragraph.paragraph--type--bp-accordion .panel-collapse>.tips-accordion {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.corruption-accordion {
    padding: 0 20px 30px;
  }

  .corruption-accordion .accordion-button {
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph.paragraph--type--bp-accordion.private-sector-accordion .panel-collapse>.corruption-accordion .accordion-button__title {
    font-size: 18px;
    line-height: 28px;
  }

  .private-sector-accordion .tips-accordion .panel-collapse .paragraph:last-of-type>.paragraph__column {
    flex-direction: column;
  }

  /* === Integrity Charters ================================================== */
  /* What's New — swiper-card carousel (JS builds .news-swiper) */
  .news-swiper .new-swiper-card img {
    aspect-ratio: 16 / 10;
  }

  /* Horizontal pill tabs + light blue panel (non–sector-industry pages only) */
  body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>.tab-content {
    padding: 30px 20px;
  }

  body:not(.page-node-type-sector-industry) .paragraph--type--bp-tabs>.paragraph__column>nav>.nav.nav-tabs {
    flex-direction: column;
  }

  /* === Companies item (paragraph--type--companies-item, built in custom.js) === */
  .paragraph--type--companies-item {
    margin-bottom: 50px;
  }

  .paragraph--type--companies-item+.paragraph--type--companies-item {
    margin-top: 0;
  }

  .paragraph--type--companies-item .companies-card>.row {
    flex-direction: column;
    align-items: center;
  }

  .paragraph--type--companies-item .companies-card .col-left {
    margin-bottom: -100px;
  }

  .paragraph--type--companies-item .companies-card .col-right {
    margin-left: 0;
    margin-top: 0;
  }

  .paragraph--type--companies-item .companies-card .col-right .card-body {
    padding: 140px 20px 30px;
  }

  /* === Resources Details Page  ================================================== */
  .page-node-type-resources .node__content .bg-content {
    inset: 0 0 -30px 0;
  }

  .page-node-type-resources .node__content::before {
    background-size: 180% auto;
    inset: 0 0 -30px 0;
  }

  .page-node-type-resources .node__content .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .page-node-type-resources .field--name-field-sector-industry-tgas,
  .page-node-type-resources .field--name-field-areas-of-concern-tags {
    flex-direction: column;
  }

  .page-node-type-resources .block-field-blocknoderesourcesfield-case-analysis {
    padding: 30px 20px;
  }

  .next-previous-section .previous>a {
    font-size: 15px;
    padding: 6px 10px 6px 6px;
  }

  .next-previous-section .previous>a.previous-right {
    padding: 6px 6px 6px 10px;
  }

  /* === Checklists Card List ================================================== */
  .checklists-card .paragraph--type--card-list-item .card-img-top {
    left: calc(50% - 61px);
  }

  .checklists-card .paragraph--type--card-list-item .card-body {
    padding-top: 86px;
  }

  .checklists-card .paragraph--type--card-list-item .card-title,
  .checklists-card .paragraph--type--card-list-item .card-subtitle {
    text-align: center;
    padding-left: 0;
  }
}

@media screen and (max-width: 575px) {

  /* index Css Document  ***************************************************/
  /* What's News */
  .index-news-section .bg-content,
  .index-news-section::before {
    inset: 0;
  }

  .index-news-section .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .index-news-section .view-block-news-list {
    padding-bottom: 93px;
  }

  .index-news-section .section-view-header {
    position: initial;
  }

  .index-news-section .section-view-header a {    
    text-align: center;
    padding: 11px 20px;
    left: 0;
    right: 0;    
    top: auto;
    bottom: 0;    
  }

  .view-block-news-list .news-card {
    flex-direction: column;
    align-items: center;
  }

  /* Site Analytics */
  .block-field-blockparagraphanalyticsfield-paragraphs>div {
    width: 100%;
  }

  /* Sector Industry */
  .sector-industry-swiper .swiper-slide {
    width: 245px;
    height: 360px;
  }

  .industry-card .card-body {
    padding: 20px;
  }

  .industry-card .card-title {
    font-size: 20px;
  }

  .industry-card a {
    font-size: 14px;
  }

  /* Resources */
  .paragraph--type--resources .field--name-field-image {
    height: 450px;
    top: -400px;
    right: 0;
  }

  /* Pagination ***************************************************/  
  .pagination .page-item>.page-link,
  .pagination .page-item.active>.page-link {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .pagination .pager__item--next .page-link,
  .pagination .pager__item--previous .page-link,
  .pagination .pager__item--last .page-link,
  .pagination .pager__item--first .page-link {
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .pagination .pager__item--previous .page-link {
    margin-left: 10px;
  }

  .pagination .pager__item--next .page-link {
    margin-right: 10px;
  }

  /* Quiz (custom-block + quiz paragraphs → .quiz-section via custom.js) */
  .quiz-section .content {
    border-radius: 60px 0 0 60px;
    padding: 20px;
  }

  .quiz-section .quiz-content {
    flex-direction: column;
  }
}

/* === Media ================================================== */
@media (max-width: 991.98px) {

  /* Toutube card item */
  .paragraph__column:has(> .paragraph--type--toutube-card-item),
  .field__items:has(> div > .paragraph--type--toutube-card-item),
  .paragraphs-items:has(> .paragraph--type--toutube-card-item) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .next-previous-section .previous {
    justify-content: flex-start;
  }

  .next-previous-section .previous>div {
    font-size: 28px;
  }

  .corruption-card-list .paragraph--type--card-list>.paragraph__column.row {
    row-gap: 16px;
  }
}

@media (max-width: 575.98px) {

  .paragraph__column:has(> .paragraph--type--toutube-card-item),
  .field__items:has(> div > .paragraph--type--toutube-card-item),
  .paragraphs-items:has(> .paragraph--type--toutube-card-item) {
    grid-template-columns: 1fr;
  }

  .sector-industry-resources-stack.materials {
    grid-template-columns: 1fr;
  }
}

/* Tom Css *******************************************************************/
.block-field-blocknodenewsfield-check-to-magnify-the-photo {
  display: none;
}

.contactus-section .field--type-text-long a {
  font-size: 18px;
}

.page-node-type-page .parentheses-content a {
  font-weight: 700;
  font-size: 20px;
}

.resources-filters-form .resources-mode-switch__item {
  text-align: center;
}
.paragraph--type--transcript  {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* Resources page*/
.page-node-48 .parentheses-content .paragraph--type--bp-simple .field--name-bp-text>p:nth-child(2),
.page-node-54 .parentheses-content .paragraph--type--bp-simple .field--name-bp-text>p:nth-child(2) {
  font-size: 16px;
}

/* sitemap */
.page-route-sitemap-page #block-i2-theme-content {
  padding-top: 80px;
  padding-bottom: 150px;
  position: relative;
  margin-top: 200px;
}

.page-route-sitemap-page #block-i2-theme-content::before {
  border-top-left-radius: 120px;
  background: url(../images/background/detail_bg.png), linear-gradient(262deg, #FFF 24%, #DCF3FF 72.5%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  position: absolute;
  --bs-gutter-x: 160px;
  inset: 0 0 -30px calc(var(--bs-gutter-x) * 0.5);
  z-index: -1;
}

.page-route-sitemap-page #block-i2-theme-content .sitemap {
  padding-left: 130px;
  padding-right: 130px;
  max-width: 1700px;
  flex-wrap: nowrap;
  --bs-gutter-x: 100px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  --bs-gutter-y: 0;
  width: 100%;
  flex-direction: column
}

.page-route-sitemap-page #block-i2-theme-content .sitemap h2 {
  display: none;
}

/* resources-details-section */
#resources-details-section .layout--twocol-section {
  display: flex;
}

#resources-details-section .field--name-field-sector-industry-tgas .item-list ol,
#resources-details-section .field--name-field-areas-of-concern-tags .item-list ol {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}

#resources-details-section .field--name-field-sector-industry-tgas .item-list ol li,
#resources-details-section .field--name-field-areas-of-concern-tags .item-list ol li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  background: #FFE282;
  padding: 0 4px;
  font-size: 16px;
  font-weight: 400;
}

#resources-details-section .field--name-field-areas-of-concern-tags .item-list ol li {
  background-color: #B3E6FF;
}

#resources-details-section .field--name-field-sector-industry-tgas .item-list ol li a,
#resources-details-section .field--name-field-areas-of-concern-tags .item-list ol li a {
  pointer-events: none;
}

/* Search page */
.search-card {
  border-bottom: 1px solid #151B74;
  padding: 30px 20px 30px 0;
  gap: 30px;
}

.cases-search-card,
.news-search-card,
.sector-industry-search-card {
  display: flex;
}

.search-card .card-title a {
  color: #151B74;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.search-card .card-image {
  flex: 0 0 auto;
  width: min(30%, 300px);
}

.search-card .card-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
}

.search-card .item-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 10px 0px 20px 0;
}

.search-card .item-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  background: #FFE282;
  padding: 0 4px;
  font-size: 16px;
  font-weight: 400;
}

.search-card .card-description {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

#views-exposed-form-block-search-block-1 .js-form-item {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 0;
}

#views-exposed-form-block-search-block-1 .js-form-item label {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  white-space: nowrap;
  margin-right: 15px;
}

#views-exposed-form-block-search-block-1 .js-form-item input {
  height: 43px;
  border-radius: 999px;
  border: 1px solid #cad6ef;
  background: #fff;
  color: #767676;
  font-size: 15px;
}


/* Header hover: floating overlays (no layout shift) */
.nav-right-second-content,
.region-nav-right-second-additional,
.region-nav-right-second-additional .block,
.header-function-section,
.header-function-section .content,
.header-function-section ul,
.header-function-section li.function-share,
.header-function-section li.function-accessibility,
.header-function-section li.function-search {
  overflow: visible;
}

.region-nav-right-second-additional {
  overflow: visible;
  align-items: center;
}

.region-nav-right-second-additional .language-switcher-language-url .dropdown,
.region-nav-right-second-additional .block-language-blocklanguage-interface .dropdown {
  position: relative;
}

/* Shared panel shell */
.region-nav-right-second-additional .dropdown-menu,
.header-function-panel__inner {
  background-color: #fff;
  border: #E2E2E2 1px solid;
  border-radius: 10px;
  min-width: 0;
  width: max-content;
  text-align: center;
  margin-top: 10px;
  overflow: hidden;
}

.header-function-section .region-nav-right-second-additional .dropdown-menu li,
.header-function-section .header-function-panel__inner li {
  padding: 0 !important;
  margin: 0 !important;
}

.header-function-section .region-nav-right-second-additional .dropdown-menu li a,
.header-function-section .header-function-panel__inner li a,
.header-function-section .header-function-panel li a {
  padding: 7px 16px;
  width: auto;
  min-width: 70px;
  text-align: center;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
}

.header-function-section .function-accessibility .header-function-panel__inner li a>span {
  margin-right: 5px;
}

.region-nav-right-second-additional .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  margin-top: 15px !important;
  z-index: 10;
  padding: 0 !important;

}

.region-nav-right-second-additional .dropdown-menu>li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-function-section li.function-share,
.header-function-section li.function-accessibility,
.header-function-section li.function-search {
  position: relative;
}

.header-function-panel {
  position: absolute !important;
  top: 100% !important;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  margin-top: 6px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  display: none;
  z-index: 10;
  overflow: hidden;
}

/* Match .dropdown-menu gap: li has 9px bottom padding (custom.css), dropdown toggle does not */
.header-function-section li:not(:last-child) .header-function-panel {
  margin-top: calc(6px - 9px);
}

.header-function-panel[hidden] {
  display: none !important;
}

.header-function-panel.is-open {
  display: block;
}

.header-function-section .header-function-panel__inner>ul {
  display: flex;
  flex-direction: column;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Shared menu items */
.region-nav-right-second-additional .dropdown-menu .dropdown-item,
.header-function-share-links a,
.header-function-accessibility-links a {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.333;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;

}

.region-nav-right-second-additional .dropdown-menu .dropdown-item {
  width: auto;
  border-radius: 4px;
  min-width: 70px;
}

.region-nav-right-second-additional .dropdown-menu .dropdown-item:hover,
.region-nav-right-second-additional .dropdown-menu .dropdown-item:focus,
.header-function-section li.function-share .header-function-share-links a:hover,
.header-function-section li.function-share .header-function-share-links a:focus,
.header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):hover,
.header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):focus,
.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:hover,
.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:focus {
  background-color: #B3E6FF;
  color: #000 !important;
}

/* Reset: hover only — never keep selected (.active) styling */
.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active {
  background-color: transparent !important;
  color: #000 !important;
  font-weight: 400;
}

.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active:hover,
.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active:focus {
  background-color: #B3E6FF !important;
  color: #000 !important;
}

.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-toolbar-link.active:not(.pojo-a11y-btn-reset),
.header-function-section .function-accessibility .header-function-accessibility-links a.font-size-switch.active:not(.pojo-a11y-btn-reset) {
  background-color: #B3E6FF !important;
  color: #000 !important;
  font-weight: 700;
}

.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-toolbar-link.active:not(.pojo-a11y-btn-reset):hover,
.header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-toolbar-link.active:not(.pojo-a11y-btn-reset):focus,
.header-function-section .function-accessibility .header-function-accessibility-links a.font-size-switch.active:not(.pojo-a11y-btn-reset):hover,
.header-function-section .function-accessibility .header-function-accessibility-links a.font-size-switch.active:not(.pojo-a11y-btn-reset):focus {
  background-color: #B3E6FF !important;
  color: #000 !important;
}

.header-function-section .function-accessibility .header-function-accessibility-links a:hover .hc_black,
.header-function-section .function-accessibility .header-function-accessibility-links a:focus .hc_black,
.header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset) .hc_black {
  display: inline !important;
}

.header-function-section .function-accessibility .header-function-accessibility-links a:hover .hc_white,
.header-function-section .function-accessibility .header-function-accessibility-links a:focus .hc_white,
.header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset) .hc_white {
  display: none !important;
}

/* Keep yellow hover/active when a11y modes are on (pojo global styles use !important) */
body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset),
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset),
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset),
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset) {
  background-color: #B3E6FF !important;
  color: #000 !important;
}

body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):focus,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):hover,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.active:not(.pojo-a11y-btn-reset):focus {
  background-color: #B3E6FF !important;
  color: #000 !important;
}

body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:hover,
body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:focus,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:hover,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:focus,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:hover,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:focus,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:hover,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset:focus {
  background-color: #B3E6FF !important;
  color: #000 !important;
}

body.pojo-a11y-grayscale .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active,
body.pojo-a11y-high-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active,
body.pojo-a11y-negative-contrast .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active,
body.pojo-a11y-light-background .header-function-section .function-accessibility .header-function-accessibility-links a.pojo-a11y-btn-reset.active {
  background-color: transparent !important;
  color: #000 !important;
  font-weight: 400;
}

.header-function-panel__title {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #000;
  text-align: center;
}

.header-function-share-links,
.header-function-accessibility-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-function-share-links img {
  margin-right: 10px;
}

.header-function-a11y-open {
  background: transparent;
  border: 1px solid var(--color-blue, #003cc5);
  border-radius: 4px;
  color: var(--color-blue, #003cc5);
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  padding: 0.4rem 0.75rem;
}

.header-function-a11y-open:hover,
.header-function-a11y-open:focus {
  background-color: #1d5e99;
  border-color: #1d5e99;
  color: #fff;
}

.header-function-panel__inner--search {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  text-align: left;
}

.header-function-search-form {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 320px;
  background: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 100px;
  box-sizing: border-box;
  padding-right: 4px;
}

.header-function-search-form:focus-within {
  border-color: #a8b8d8;
}

.header-function-search-form input {
  flex: 1;
  min-width: 0;
  height: 48px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent !important;
  background-color: transparent !important;
  color: #333;
  font-size: 15px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding-left: 20px;
}

.header-function-search-form input:hover,
.header-function-search-form input:focus,
.header-function-search-form input:focus-visible,
.header-function-search-form input:active {
  background: transparent !important;
  background-color: transparent !important;
  outline: none;
  box-shadow: none;
}

.header-function-search-form input::placeholder {
  color: #767676;
}

/* Browser autofill / saved-field highlight — keep input visually colorless */
.header-function-search-form input:-webkit-autofill,
.header-function-search-form input:-webkit-autofill:hover,
.header-function-search-form input:-webkit-autofill:focus,
.header-function-search-form input:-webkit-autofill:active,
.header-function-search-form input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #333 !important;
  caret-color: #333;
  background: transparent !important;
  background-color: transparent !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}

.header-function-search-form input:autofill,
.header-function-search-form input:-moz-autofill,
.header-function-search-form input:-moz-autofill-preview {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #333;
  color: #333 !important;
}

.header-function-search-form button[type="submit"] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--color-yellow, #ffc72e);
  cursor: pointer;
  transition: all 0.2s ease;
}

.header-function-search-form button[type="submit"] img {
  display: block;
  width: 22px;
  height: 22px;
}

.header-function-search-form button[type="submit"]:hover,
.header-function-search-form button[type="submit"]:focus {
  background-color: #B3E6FF;
}

/* --- Quiz (#cpasModal)：quiz-section 參考內容與結尾 CTA --- */
#cpasModal.quiz-reference-popup .modal-content,
#cpasModal.quiz-finish-popup .modal-content {
  border: none;
  border-radius: 20px;
  overflow: visible;
  position: relative;
  box-shadow: 0 12px 40px rgba(0, 40, 80, 0.18);
}

#cpasModal.quiz-reference-popup .modal-content {
  background: transparent;
}

#cpasModal.quiz-finish-popup .modal-content {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
}

#cpasModal.quiz-reference-popup .modal-body,
#cpasModal.quiz-finish-popup .modal-body {
  padding: 0;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal--reference {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 30px;
  padding: 30px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, #e6f1fb 100%);
  text-align: left;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__heading {
  margin: 0 0 1rem;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__title-icon {
  width: 112px;
  height: 112px;
  flex-shrink: 0;
  object-fit: contain;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__body {
  flex: 1;
  min-width: 0;
  color: #000;
  font-size: 16px;
  line-height: 30px;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__title {
  color: #151B74;
  font-size: 30px;
  font-weight: 700;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__subtitle {
  color: #0d1f3c;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

/* #cpasModal.quiz-reference-popup .quiz-cpas-modal__body>.paragraph__column>div:not(:last-child) .paragraph, */
#cpasModal.quiz-reference-popup .quiz-cpas-modal__body>.paragraph__column>div:not(:last-child) .field:not(.field--type-link) {
  margin-bottom: 15px;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__body>.paragraph__column>div .field--type-link {
  margin-top: 10px;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__body>.paragraph__column>div:not(:last-child) .field--type-link {
  margin-bottom: 10px;
}

#cpasModal.quiz-reference-popup .quiz-cpas-modal__body a {
  color: #0d4f8b;
  text-decoration: underline;
}

#cpasModal.quiz-finish-popup .quiz-cpas-modal--finish {
  padding: 2.5rem 2rem 2.75rem;
  text-align: center;
  border-radius: 20px;
}

#cpasModal.quiz-finish-popup .quiz-cpas-modal__finish-title {
  color: #2a2a2a;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

#cpasModal.quiz-finish-popup .quiz-cpas-modal__finish-line {
  color: #2a2a2a;
  font-size: 1rem;
  margin: 0;
  line-height: 1.55;
}

#cpasModal.quiz-finish-popup .quiz-cpas-modal__finish-link {
  color: #1b5e20;
  text-decoration: underline;
  font-weight: 600;
}

#cpasModal.quiz-reference-popup .btn-close,
#cpasModal.quiz-finish-popup .btn-close {
  background: url(../images/icon/modal_btn_close.svg) no-repeat;
  background-size: contain;
  background-color: #FFC300;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: -16px;
  top: -16px;
  z-index: 5;
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link {
  margin-bottom: 30px;
  min-height: 36px;
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link,
#cpasModal.quiz-reference-popup .paragraph--type--answer-link .field--name-bp-link,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link .field--name-field-video-link {
  margin-bottom: 0;
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link .field--name-bp-link a,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link .field--name-field-video-link a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 3px 0 3px 46px;
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link .field--name-bp-link a::before,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link .field--name-field-video-link a::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link .field--name-bp-link a::before {
  background-image: url(../images/icon/quiz_link.svg);
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link .field--name-field-video-link a::before {
  background-image: url(../images/icon/quiz_youtube.svg);
}

#cpasModal.quiz-reference-popup .paragraph--type--answer-link .field--name-bp-link a:hover,
#cpasModal.quiz-reference-popup .paragraph--type--answer-video-link .field--name-field-video-link a:hover {
  color: var(--color-blue);
}

/* Quiz 答完：ul > li 結尾文案，無 Yes/No；保留 quiz-dock-toggle */
#block-i2-theme-quiz {
  display: none;
}

.quiz-section--finished .quiz-title {
  display: none;
}

.quiz-section--finished .quiz-content {
  align-items: center;
  justify-content: center;
}

.quiz-section--finished .quiz-content li.quiz-content__finish {
  display: block;
}

.quiz-section--finished .quiz-content li.quiz-content__finish h3,
.quiz-section--finished .quiz-content li.quiz-content__finish .quiz-finished__title {
  color: #151B74;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
}

.quiz-section--finished .quiz-content li.quiz-content__finish p,
.quiz-section--finished .quiz-content li.quiz-content__finish .quiz-finished__line {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  margin: 0;
}

.quiz-section--finished .quiz-content li.quiz-content__finish a,
.quiz-section--finished .quiz-content li.quiz-content__finish .quiz-finished__link {
  color: #005DB2;
  text-decoration: underline;
}

/* page-node-type-icac-cases ***************************************************/
.page-node-type-icac-cases .block-field-blocknodeicac-casesnid,
.page-node-type-icac-cases .block-views-blockblock-icac-cases-list-block-2 {
  display: none !important;
}

/* page-node-type-news ***************************************************/
.page-node-type-news .block-field-blocknodenewsfield-check-to-magnify-the-phot {
  display: none !important;
}

.page-node-type-news .has-zoom {
  position: relative;
  cursor: pointer;
}

.page-node-type-news .has-zoom .has-zoom__trigger {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.page-node-type-news .has-zoom:hover::before {
  background-color: #E7E8E7;
}

.page-node-type-news .has-zoom::before {
  background-image: url('/themes/custom/i2_theme/images/icon/zoom.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFC300;
  border-radius: 50%;
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  top: 15px;
  right: 23px;
  z-index: 3;
  pointer-events: none;
}

/* Mobile Menu  ***************************************************/
.nav-main-content .offcanvas.offcanvas-end {
  width: 100% !important;
}

.offcanvas-menu-top .btn-close {
  background: url(../images/icon/modal_btn_close.svg) no-repeat center;
  background-size: contain;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #FFC300;
  opacity: 1;
  box-shadow: none;
  position: static;
  flex-shrink: 0;
}

@media screen and (min-width: 1199.98px) {

  .header-right .offcanvas-body .block-language,
  .navbar-expand-xl .offcanvas .offcanvas-body>.btn-close {
    display: none !important;
  }
}

@media screen and (max-width: 1199.98px) {

  .nav-main-content .offcanvas.offcanvas-end.show,
  .nav-main-content .offcanvas.offcanvas-end.showing {
    border: none;
    overflow: hidden !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
  }

  /* Scrollable menu content + service hotline pinned to offcanvas bottom */
  .nav-main-content .offcanvas.offcanvas-end .offcanvas-body {
    display: flex !important;
    flex-direction: column;
    position: relative;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    padding: 20px 20px 0;
  }

  .offcanvas-menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-shrink: 0;
    order: 0;
  }

  .offcanvas-menu-top #block-i2-theme-languageswitcher {
    flex: 1;
    min-width: 0;
    order: 0;
    padding-right: 0;
    margin-bottom: 0;
  }

  .nav-main-content .offcanvas.offcanvas-end .offcanvas-body>.region-nav-main {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin-right: -10px;
    padding-right: 10px;
  }

  .nav-main-content .offcanvas.offcanvas-end .offcanvas-body>.region-nav-additional {
    flex: 0 0 auto;
  }

  .offcanvas-body .region-nav-main {
    display: flex;
    flex-direction: column;
  }

  .offcanvas-body #block-i2-theme-headerfunctionsection {
    order: 2;
  }

  #block-i2-theme-main-navigation {
    order: 3;
  }

  .nav-main-content .offcanvas.offcanvas-end .offcanvas-body>.mobile-menu-service-hotline {
    flex: 0 0 auto;
    list-style: none;
    width: calc(100% + 20px);
    margin-top: 50px;
    position: relative;
    left: -20px;
  }

  .offcanvas-body .mobile-menu-service-hotline .function-service-hotline--menu-footer {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .offcanvas-body .mobile-menu-service-hotline .service-hotline-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 15px;
    width: 100%;
    margin-left: 0;
    padding: 18px 5px 18px 22px;
    box-sizing: border-box;
    border-radius: 0 20px 0 0;
    background: linear-gradient(90deg, #FFC72E 0%, #FFF 100%);
  }

  .offcanvas-body .mobile-menu-service-hotline .service-hotline-content>span:first-child {
    color: #000;
    font-size: 15px;
    font-weight: 500;
  }

  .offcanvas-body .mobile-menu-service-hotline .service-hotline-content>span:last-child {
    color: var(--color-blue);
    font-size: 30px;
    font-weight: 700;
  }

  /* Mobile main nav: 3-level in-place accordion (nav-level-0 / 1 / 2) */
  #block-i2-theme-main-navigation .dropdown-toggle {
    white-space: normal;
  }

  #block-i2-theme-main-navigation .nav-level-0 {
    flex-direction: column;
    width: 100%;
    margin-right: 0;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    padding: 20px 0;
    border: none;
    background: transparent;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link.dropdown-toggle {
    white-space: normal;
    gap: 12px;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link.dropdown-toggle::after {
    content: "" !important;
    display: block;
    flex-shrink: 0;
    margin-left: auto;
    float: none;
    border: 0 !important;
    width: 15px !important;
    min-width: 15px;
    max-width: 15px;
    height: 8px !important;
    min-height: 8px;
    max-height: 8px;
    vertical-align: middle;
    background: url("../images/icon/toggle.svg") center center no-repeat;
    background-size: 15px 8px;
    transition: transform 0.2s ease;
  }

  #block-i2-theme-main-navigation .nav-level-0>.nav-item>.nav-link.dropdown-toggle[aria-expanded='true']::after {
    transform: rotate(180deg);
  }

  #block-i2-theme-main-navigation .nav-level-1.dropdown-menu,
  #block-i2-theme-main-navigation .nav-level-2.dropdown-menu {
    position: static !important;
    float: none;
    display: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    inset: auto !important;
    transform: none !important;
  }

  #block-i2-theme-main-navigation .nav-level-1.dropdown-menu.show,
  #block-i2-theme-main-navigation .nav-level-2.dropdown-menu.show {
    display: block;
    overflow: hidden;
  }

  #block-i2-theme-main-navigation .nav-level-1.dropdown-menu {
    background-color: #102F79;
    ;
    border-radius: 10px;
  }

  #block-i2-theme-main-navigation .nav-level-2.dropdown-menu {
    background-color: #0A2460;
  }

  #block-i2-theme-main-navigation .nav-level-1>.nav-item>.dropdown-item {
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    padding: 16px 20px;
    white-space: normal;
  }

  #block-i2-theme-main-navigation .nav-level-2>.nav-item>.dropdown-item {
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    padding: 16px 20px;
    white-space: normal;
  }

  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item.dropdown-toggle,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item.dropdown-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    white-space: normal;
    gap: 12px;
  }

  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item.dropdown-toggle::after,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item.dropdown-toggle::after {
    content: "" !important;
    display: block;
    flex-shrink: 0;
    margin-left: auto;
    float: none;
    border: 0 !important;
    width: 12px !important;
    min-width: 12px;
    max-width: 12px;
    height: 8px !important;
    min-height: 8px;
    max-height: 8px;
    vertical-align: middle;
    background: url("../images/icon/toggle.svg") center center no-repeat;
    background-size: 12px 8px;
    transition: transform 0.2s ease;
  }

  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item.dropdown-toggle[aria-expanded='true']::after,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item.dropdown-toggle[aria-expanded='true']::after {
    transform: rotate(180deg);
  }

  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item:hover,
  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item:focus,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item:hover,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item:focus,
  #block-i2-theme-main-navigation .nav-level-1 .dropdown-item.active,
  #block-i2-theme-main-navigation .nav-level-2 .dropdown-item.active {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
  }

  #block-i2-theme-languageswitcher .dropdown-toggle,
  #block-i2-theme-languageswitcher .dropdown-menu {
    display: none !important;
  }

  #block-i2-theme-languageswitcher .language-switcher--inline,
  #block-i2-theme-languageswitcher ul.language-switcher--inline {
    display: flex;
    align-items: center;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 13px;
  }

  #block-i2-theme-languageswitcher .language-switcher--inline>li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #block-i2-theme-languageswitcher .language-switcher--inline>li a,
  #block-i2-theme-languageswitcher .language-switcher--inline>li.is-active,
  #block-i2-theme-languageswitcher .language-switcher--inline>li.is-active span {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }

  #block-i2-theme-languageswitcher .language-switcher--inline>li a:focus {
    color: #fff;
    opacity: 0.85;
  }

  #block-i2-theme-languageswitcher .language-switcher--inline>li a.is-active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -8px;
    border-radius: 50px;
    background: #FFC300;
    left: 0;
  }

  .offcanvas-body #block-i2-theme-headerfunctionsection {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .offcanvas-body .header-function-section--offcanvas,
  .offcanvas-body .header-function-section--offcanvas .content {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
  }

  .offcanvas-body .header-function-section--offcanvas::before {
    content: none;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li.function-service-hotline {
    display: none !important;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li+li:not(:last-child) {
    margin-left: 0 !important;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
    transition: opacity 0.2s ease;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li>a:hover,
  .offcanvas-body .header-function-section--offcanvas .content>ul>li>a:focus {
    color: inherit;
    opacity: 0.85;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul>li>a img {
    width: 22px;
    height: auto;
    display: block;
  }

  .offcanvas-body .header-function-section--offcanvas .content>ul {
    position: relative;
    z-index: 2;
  }

  .offcanvas-body .header-function-section--offcanvas li.function-share,
  .offcanvas-body .header-function-section--offcanvas li.function-accessibility,
  .offcanvas-body .header-function-section--offcanvas li.function-search {
    position: relative;
  }

  .offcanvas-body .header-function-section--offcanvas li.is-panel-open>a {
    background-color: #94DCFF !important;
    box-sizing: border-box;
  }

  .offcanvas-body .header-function-section--offcanvas.has-open-panel .content {
    /* padding-bottom: 50px; */
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-accessibility-links a img,
  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-share-links a img {
    width: 30px;
    margin-right: 10px;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop {
    display: none;
    width: 100%;
    margin-top: 12px;
    position: relative;
    z-index: 5;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop:not([hidden]) {
    display: block;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-panel {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
    width: 100%;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-panel__inner,
  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-panel__inner--search {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-panel__inner>ul {
    width: 100%;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-share-links a,
  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-accessibility-links a {
    width: 100%;
    box-sizing: border-box;
  }

  .offcanvas-body .header-function-section--offcanvas .header-function-offcanvas-drop .header-function-search-form {
    width: 100%;
    min-width: 0;
  }
}

/* media  ***************************************************/
@media screen and (max-width: 991.98px) {
  #views-exposed-form-block-search-block-1 .js-form-item {
    display: block;
  }

  #views-exposed-form-block-search-block-1 .js-form-item label {
    margin-right: 0;
    margin-bottom: 10px;
  }

  #views-exposed-form-block-search-block-1>div {
    flex-direction: column;
    align-items: stretch;
  }

  .quiz-section .quiz-content img {
    width: 56px;
    height: 56px;
  }

  .quiz-section .quiz-question {
    font-size: 22px;
  }

  .quiz-section .quiz-topic {
    font-size: 18px;
  }

  .quiz-section .quiz-button-yes,
  .quiz-section .quiz-button-no {
    padding: 8px;
  }

  /* 收合 dock：寬度跟 56px 圖示對齊，避免右側伸出太多 */
  .quiz-section.quiz-section--dock-collapsed>.content {
    width: 84px;
    max-width: 84px;
    min-width: 84px;
    padding: 10px 6px 10px 14px;
    box-shadow: 0 5px 0 #005DB2;
  }

  .quiz-section.quiz-section--dock-expanded>.content {
    width: min(100%, calc(100vw - 12px));
    max-width: min(100%, calc(100vw - 12px));
    padding: 16px 20px 16px 24px;
  }
}

/* Match specificity of custom.css (#id > div .form-actions); shorter selectors lose to margin-left: auto / min-width on the button. */
@media screen and (max-width: 767.98px) {
  #views-exposed-form-block-search-block-1>div .form-actions {
    align-self: stretch;
    margin-left: 0;
  }

  #views-exposed-form-block-search-block-1>div .form-actions input {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .search-card {
    padding-right: 0;
  }

  .cases-search-card,
  .news-search-card,
  .sector-industry-search-card {
    display: block;
  }

  .search-card .card-image {
    margin-bottom: 20px;
  }

  .search-card .card-image {
    width: 100%;
  }

  #cpasModal.quiz-reference-popup .quiz-cpas-modal--reference {
    display: block;
  }

  #cpasModal.quiz-reference-popup .quiz-cpas-modal__title-icon {
    margin-bottom: 15px;
    width: 72px;
    height: 72px;
  }

  .index-news-section {
    margin-top: 130px;
  }
}