/* ===== MUSEO SANS FONT FACE ===== */
@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/museo-sans-100.woff2") format("woff2"),
		url("../fonts/museo-sans-100.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/museo-sans-300.woff2") format("woff2"),
		url("../fonts/museo-sans-300.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/museo-sans-500.woff2") format("woff2"),
		url("../fonts/museo-sans-500.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/museo-sans-700.woff2") format("woff2"),
		url("../fonts/museo-sans-700.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/museo-sans-900.woff2") format("woff2"),
		url("../fonts/museo-sans-900.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/*----------------------------------------
  GLOBAL STYLING
----------------------------------------*/
body {
	background: #fff;
	font-family: "Museo Sans";
	font-size: 16px;
	overflow-x: hidden;
}

html {
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body,
html {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

/* Added on 27/03/2026 */
u,
a {
	color: #00a99c;
}

/* Only hide overflow-x on desktop */
@media (min-width: 1025px) {
	body,
	html {
		overflow: hidden; /* lock all scroll on desktop, JS handles it */
	}
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 90px;
	line-height: normal;
	font-weight: 900;
}

h2 {
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
}

h3 {
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
}

p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
}

.noScrollbar {
	overflow: hidden !important;
}

/*----------------------------------------
			Split text class
----------------------------------------*/
.word,
.char,
.line {
	outline: 1px dashed grey;
	border-radius: 10px;
}

/*----------------------------------------
		HEADER SECTION
----------------------------------------*/
.pgb-header-top {
	position: fixed;
	top: 0;
	z-index: 100;
	padding: 30px;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.pgb-header-top.hidden {
	opacity: 0;
	pointer-events: none; /* prevents clicking a hidden logo */
}

@media (max-width: 1024px) {
	.pgb-header-top {
		display: none;
	}
}

/* ── MOBILE HEADER ── */
.pgb-header-mobile {
	display: none;
}

.pgb-header-mobile {
	transition: transform 0.3s ease;
}

.pgb-header-mobile.is-hidden {
	transform: translateY(-100%);
}

.pgb-header-mobile-panel {
	display: none;
}

@media (max-width: 1024px) {
	.pgb-header-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 16px 30px;
		box-sizing: border-box;
		z-index: 100;
		/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); */
		background: rgba(255, 255, 255, 0.8);
		transition: background 0.3s ease;
	}

	.pgb-header-mobile.is-top {
		background: transparent;
	}

	.pgb-header-mobile-logo img {
		width: 120px;
	}

	.pgb-header-mobile-hamburger {
		background: #fff;
		border: none;
		cursor: pointer;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		padding: 0;
	}

	.pgb-header-mobile-hamburger span {
		display: block;
		width: 18px;
		height: 2px;
		background: #00a99c;
		border-radius: 2px;
	}

	.pgb-header-mobile-hamburger span:last-child {
		width: 12px;
		align-self: flex-end;
		margin-right: 11px;
	}

	/* ── PANEL ── */
	.pgb-header-mobile-panel {
		display: none;
		position: fixed;
		top: 24px;
		left: 24px;
		right: 24px;
		background: #fff;
		border-radius: 20px;
		z-index: 200;
		padding: 48px 24px 36px;
		box-sizing: border-box;
		transform: translateY(-120%);
		transition: transform 0.4s ease;

		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	}

	.pgb-header-mobile-panel.is-active {
		display: block;
		transform: translateY(0);
	}

	.pgb-header-mobile-close {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 32px;
		height: 32px;
		background: none;
		border: none;
		cursor: pointer;
		padding: 0;
	}

	.pgb-header-mobile-close::before,
	.pgb-header-mobile-close::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 18px;
		height: 2px;
		background: #00a99c;
		border-radius: 2px;
	}

	.pgb-header-mobile-close::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.pgb-header-mobile-close::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.pgb-header-mobile-nav {
		display: flex;
		flex-direction: column;
		gap: 32px;
		text-align: center;
	}

	.pgb-header-mobile-nav a {
		font-size: 18px;
		font-weight: 500;
		line-height: 24px;
		color: #00a99c;
		text-decoration: none;
	}
}

/*----------------------------------------
  Panel Section, PanelInner Section
  for Horizontal scroll
----------------------------------------*/
.pgb-horizontal-wrapper {
	will-change: transform;
	display: flex;
	flex-direction: row;
	width: max-content; /* expands to fit all panels */
	height: 100vh;
}

.panel {
	width: 100vw; /* Adjust based on your needs */
	height: 100vh;
	flex-shrink: 0; /* Prevent panels from shrinking */
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 100vw;
	overflow: hidden;
}

.panelInner {
	width: 100vw; /* Adjust based on your needs */
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1024px) {
	.pgb-horizontal-wrapper {
		display: block;
		width: 100%;
		height: auto;
	}

	.panel {
		height: auto;
		min-height: 100vh;
		align-items: stretch;
	}

	.panelInner {
		align-items: flex-start;
		height: 100%;
	}
}

/*----------------------------------------
  PGB 2025 HERO SECTION
  Date: 11/03/2026
----------------------------------------*/

.pgb-hero-section {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
}

/* Add these new rules */
.pgb-hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pgb-hero-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pgb-hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(190deg, transparent 45%, rgba(0, 0, 0, 0.6) 100%);
}

.pgb-hero-section-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 100px 93px 83px;
}

.pgb-title-and-description-container {
	display: flex;
	flex-direction: column;
	opacity: 0;
	gap: 30px;
}

.pgb-eyebrown-and-title-container {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.pgb-hero-eyebrown-text {
	font-size: 18px;
	letter-spacing: 10%;
	font-weight: 700;
	line-height: 100%;
	color: #fff;
}

.pgb-hero-eyebrown-text .char {
	display: inline-block; /* needed for transform to work on spans */
}

.pgb-hero-title-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	color: #fff;
	font-size: 90px;
	line-height: 100%;
	font-weight: 900;
}

@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-hero-title-text {
		font-size: 80px;
	}
}

.pgb-hero-description {
	max-width: 576px;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}

.pgb-hero-cta-button {
	opacity: 0;
	animation: fadeIn 0.8s ease forwards;
	animation-delay: 7.5s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.pgb-hero-cta-button a {
	display: inline-block;
	color: #00a99c;
	text-decoration: none;

	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: #fff;
}

/* .pgb-hero-cta-button p {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
} */

.pgb-hero-cta-button a p {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	display: inline-block;
	transition: transform 0.4s ease;
}

.pgb-hero-cta-button .pgb-cta-desktop:hover p {
	color: #fff;
	transform: scale(1.2);
}

.pgb-hero-cta-button .pgb-cta-desktop:hover {
	background-color: #00a99c;
}

.pgb-cta-desktop {
	transition: background-color 0.6s ease;
}

.pgb-cta-desktop p {
	transition:
		color 0.3s ease,
		transform 0.4s ease;
}

.pgb-cta-mobile {
	display: none !important;
}

@media (max-width: 1024px) {
	.pgb-cta-desktop {
		display: none !important;
	}

	.pgb-cta-mobile {
		display: flex !important;
	}

	.pgb-hero-section {
		height: 100vh;
	}

	.pgb-hero-section-container {
		padding: 0 20px 20px 20px;
		flex-direction: column;
		gap: 40px;
		align-items: center;
	}

	.pgb-title-and-description-container {
		gap: 24px;
		width: 100%;
		align-items: flex-start;
		text-align: left;
	}

	.pgb-eyebrown-and-title-container {
		align-items: flex-start;
		gap: 20px;
	}

	.pgb-hero-eyebrown-text {
		font-size: 14px;
		font-weight: 700;
		line-height: 14px;
	}

	.pgb-hero-title-text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		font-size: 45px;
		line-height: 50px;
		/* font-weight: 700; */
		text-align: left;
	}

	.pgb-hero-description {
		color: #fff;
		font-size: 16px;
		line-height: 26px;
		font-weight: 500;
	}

	.pgb-hero-cta-button a {
		width: 80px;
		height: 80px;
	}

	.pgb-hero-cta-button a p {
		font-size: 18px;
		font-weight: 500;
		line-height: normal;
		text-align: center;
	}
}

@media (max-width: 500px) {
	.pgb-hero-title-text {
		font-size: 36px;
		line-height: 42px;
	}
}

/*----------------------------------------
  PGB 2025 OVERVIEW SECTION
  Date: 12/03/2026
----------------------------------------*/

.pgb-overview-section-container {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: 60px 80px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
}

/* OVERVIEW TITLE AND CTA CONTAINER */

.pgb-overview-section-top {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-overview-title-description-container {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.pgb-overview-title h2 {
	opacity: 0;
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
	color: #00a99c;

	transform: translateY(30px);
	transition:
		opacity 0.8s ease,
		transform 0.8s ease;
}

.pgb-overview-title h2.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.pgb-overview-description p {
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
	color: #00a99c;
}

.pgb-overview-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;

	opacity: 0;
	transition:
		transform 0.6s ease,
		opacity 0.8s ease 0.5s !important;
}

.pgb-overview-cta:hover {
	transform: scale(1.1) !important;
}

.pgb-overview-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-overview-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.download-svg #animatedPath1 {
	animation: moveUpDown 1s infinite alternate linear;
}

@keyframes moveUpDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-3px);
	} /* Moves up */
}

.download-svg #animatedPath2 {
	animation: moveLeftRight 1s infinite alternate linear;
	transform-origin: center;
}

@keyframes moveLeftRight {
	0% {
		transform: scalex(1);
	}
	100% {
		transform: scalex(0.6);
	} /* Moves left & right */
}

.pgb-overview-cta p {
	align-self: center;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

/* OVERVIEW CARDS CONTAINER */
.pgb-overview-section-bottom {
	display: flex;
	gap: 20px;
	/* overflow: hidden; */
}

/* FIRST OVERVIEW CARD */

.overview-card-1 {
	/* width: 45%; */
	width: 598px;
	/* height: 372px; */
	flex-shrink: 0;
	background-image: url("../image/pgb-overview-card-1.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.pgb-overview-card-container {
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.pgb-overview-card-top {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-card-title h3 {
	font-size: 24px;
	line-height: normal;
	font-weight: 700;
	color: #fff;
}

.pgb-card-description p {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

.pgb-overview-card-bottom {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-icon-with-title {
	display: flex;
	gap: 16px;
}

.pgb-card-icon-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 16px;
}

.pgb-icon-container {
	background-color: white;
	padding: 8px;
	display: flex;
	align-items: center;
	border-radius: 10px;
}

.pgb-icon-container img {
	width: 28px;
	height: 28px;
}

.pgb-icon-text-container {
	display: flex;
	align-items: center;
}

.pgb-icon-text-container p {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

/* SECOND OVERVIEW CARD */

.overview-card-2 {
	/* width: 45%; */
	width: 598px;
	/* height: 370px; */
	flex-shrink: 0;
	background-image: url("../image/pgb-overview-card-2.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.overview-card-2 .pgb-overview-card-container {
	justify-content: space-between;
}

.pgb-card-unordered-list ul {
	padding-left: 20px;
	margin: 0;
}

.pgb-card-unordered-list ul li {
	list-style-position: outside;
	list-style-type: square;
	padding-bottom: 32px;

	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

.pgb-card-unordered-list ul li::marker {
	font-size: 20px;

	color: #8fc73e; /* change color */
}

.pgb-card-unordered-list-last {
	padding-bottom: unset !important;
}

/* THIRD OVERVIEW CARD */
.overview-card-3 {
	/* width: 45%; */
	width: 598px;
	/* height: 370px; */
	flex-shrink: 0;
	background-image: url("../image/pgb-overview-card-3.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.overview-card-3 .pgb-card-icon-container {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-height: 240px;
	overflow-y: auto;
	/*scrollbar-width: thin;
  	scrollbar-color: #c5c5c5 #f1f1f180;*/
}

.pgb-card-icon-container::-webkit-scrollbar {
	width: 8px;
}

.pgb-card-icon-container::-webkit-scrollbar-track {
	background: #f1f1f175;
	border-radius: 15px;
}

.pgb-card-icon-container::-webkit-scrollbar-thumb {
	background: #ffffff;
	border-radius: 15px;
}

.overview-card-3 .pgb-icon-text-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.overview-card-3 .pgb-icon-text-title {
	line-height: 18px;
}

.overview-card-3 .pgb-icon-text-description {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
}

/* OVERVIEW ANIMATION */
.pgb-overview-title h2 {
	opacity: 0;
	transform: translateY(30px);
	transition:
		opacity 0.8s ease,
		transform 0.8s ease;
	transition-delay: 0.5s;
}

.pgb-overview-description {
	opacity: 0;
	transition: opacity 0.8s ease;
	transition-delay: 0.5s;
}

.overview-card-1,
.overview-card-2,
.overview-card-3 {
	opacity: 0;
	transform: translateX(40px);
	transition:
		opacity 0.6s ease,
		transform 0.6s ease;
}

.overview-card-1 {
	transition-delay: 0.5s;
}

.overview-card-2 {
	transition-delay: 0.7s;
}
.overview-card-3 {
	transition-delay: 0.9s;
}

/* Visible states */
.pgb-overview-section.is-visible .pgb-overview-title h2,
.pgb-overview-section.is-visible .pgb-overview-description,
.pgb-overview-section.is-visible .pgb-overview-cta,
.pgb-overview-section.is-visible .overview-card-1,
.pgb-overview-section.is-visible .overview-card-2,
.pgb-overview-section.is-visible .overview-card-3 {
	opacity: 1;
	transform: translate(0);
}

/* RESPONSIVENESS PGB OVERVIEW */
@media (min-width: 1900px) {
	.overview-card-1,
	.overview-card-2,
	.overview-card-3 {
		width: 620px;
	}
}

@media (max-width: 1024px) {
	.pgb-overview-section-container {
		padding: 80px 20px 40px 20px;
	}

	.pgb-overview-title h2 {
		font-size: 32px;
		line-height: normal;
		font-weight: 700;
	}

	.pgb-overview-description p {
		font-size: 24px;
		line-height: 34px;
		font-weight: 600;
	}

	.pgb-overview-section-bottom {
		flex-direction: column;
	}

	.overview-card-1,
	.overview-card-2,
	.overview-card-3 {
		width: 100%;
	}

	.overview-card-1 .pgb-overview-card-container {
		gap: 40px;
	}

	.pgb-overview-card-container {
		padding: 30px 20px;
		gap: 30px;
	}

	.pgb-overview-card-top {
		gap: 20px;
	}

	.pgb-icon-with-title {
		gap: 10px;
		align-items: center;
	}

	.pgb-icon-text-container p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
	}

	.pgb-card-title h3 {
		font-weight: 600;
	}

	.pgb-card-description p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
	}

	.pgb-card-unordered-list ul li {
		padding-bottom: 20px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
	}

	.overview-card-3 .pgb-icon-text-container {
		gap: 10px;
	}
}

@media (max-width: 425px) {
	.pgb-icon-text-container p {
		font-size: 12px;
	}
}

/*----------------------------------------
  PGB 2025 VIDEO SECTION
  Date: 12/03/2026
----------------------------------------*/
.pgb-video-section-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 60px 80px;
}

.pgb-video-section {
	background-color: #fff;
}

.pgb-video-background {
	width: 100%;
	height: 90%;
	/* background-color: beige; */
	background-image: url("../image/pgb-video-section-thumbnail.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
	/* Start small and circular */
	transform: scale(0.6);
	border-radius: 20%;
	/* transition:
		transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1),
		border-radius 0.9s ease; */

	transition:
		transform 0.6s ease-out,
		border-radius 0.6s ease;
}

.pgb-video-section.is-visible .pgb-video-background {
	transform: scale(1);
	border-radius: 20px;
}

.pgb-details-container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 60px 0 0 60px;
	width: 30%;
}

.pgb-video-title-description-container {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.pgb-video-title-text {
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

.pgb-video-title-desciption {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: #fff;
}

.pgb-video-cta-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	text-decoration: none;
	width: max-content;
}

.pgb-video-icon-container {
	/* background-color: rgba(0, 169, 156, 0.4); ;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; */
	background-color: #00a99c;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pgb-video-cta-container:hover .pgb-video-icon-container {
	animation: pulse 1.6s ease-out infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 169, 156, 0.6);
	}
	100% {
		box-shadow: 0 0 0 12px rgba(0, 169, 156, 0);
	}
}

.pgb-video-icon-container img {
	width: 24px;
	height: 24px;
}

.pgb-video-cta-container p {
	font-size: 24px;
	line-height: normal;
	font-weight: 500;
	color: #fff;
}

/* RESPONSIVE VIDEO SECTION */
@media (max-width: 1024px) {
	.pgb-video-section {
		padding: 40px 20px;
		height: 560px;
	}

	.pgb-video-background {
		width: 100%;
		height: 100%;
	}

	.pgb-details-container {
		width: 100%;
		padding: 60px 20px;
		gap: 30px;
	}

	.pgb-video-title-description-container {
		gap: 40px;
	}

	.pgb-video-title-text {
		font-size: 32px;
		line-height: normal;
		font-weight: 700;
	}

	.pgb-video-title-desciption {
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #fff;
	}

	.pgb-video-icon-container {
		width: 60px;
		height: 60px;
	}

	/*  UPDATED 27/03/2026: Added another circle due to border being inside circle style */
	.pgb-video-icon-inner-container {
		width: 48px;
		height: 48px;
	}

	.pgb-video-cta-container p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #fff;
	}
}

@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-video-section-container {
		padding: 20px 100px;
	}

	.pgb-video-background {
		max-height: 580px;
	}
}
@media (max-width: 1024px) {
	.pgb-video-section-container {
		padding: 0px;
	}
}

/*----------------------------------------
  PGB 2025 VIDEO POP UP
  Date: 18/03/2026
----------------------------------------*/
.pgb-video-modal-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	z-index: 99999;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s ease; /* matches mobile panel duration */
}

.pgb-video-modal-overlay.is-open {
	display: flex;
	opacity: 1;
}

.pgb-video-modal-inner {
	position: relative;
	width: 80%;
	max-width: 1000px;
	aspect-ratio: 16 / 9;
}

.pgb-video-modal-close {
	position: absolute;
	width: 46px;
	height: 50px;
	background-color: #00a99c;
	border-radius: 100%;
	top: -23px;
	right: -23px;
	border: none;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	line-height: 1;
}

.pgb-video-modal-close:hover {
	transition: background-color 0.4s ease;
	background-color: #fff;
	color: #00a99c;
}

.pgb-video-modal-inner iframe,
.pgb-video-modal-inner video {
	border-radius: 30px;
	width: 100%;
	height: 100%;
}

/*----------------------------------------
  PGB 2025 KEY HIGHLIGHT SECTION
  Date: 15/03/2026
----------------------------------------*/
.pgb-key-highlight-section {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pgb-key-highlight-section {
	background-color: rgba(108, 72, 145, 0.1) /* financial highlights color */;
	transition: background-color 0.6s ease;
}

.pgb-key-highlight-section.tab-1-active {
	background-color: rgba(241, 243, 248, 1) /* business highlights color */;
}

.pgb-key-highlight-section.tab-2-active {
	background-color: rgba(239, 250, 249, 1) /* sustainability highlights color */;
}

.pgb-key-highlight-section-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.pgb-key-highlight-top {
	padding: 60px 80px 0 80px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.pgb-key-highlight-title {
	position: relative;
	z-index: 0;
	width: 20%;
}

.pgb-key-highlight-title h2 {
	position: relative;
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
	color: #6c4891;

	z-index: 1;
	transition: color 0.4s ease;
}

.pgb-key-highlight-title-clip {
	overflow: hidden; /* this is the mask */
}

.pgb-key-highlight-title-clip h2 {
	transform: translateY(100%); /* starts hidden below the clip */
	transition: transform 0.8s cubic-bezier(0.16, 0, 0.05, 1) 0.3s;
}

.pgb-key-highlight-section.is-visible .pgb-key-highlight-title-clip h2 {
	transform: translateY(0);
}

.pgb-key-highlight-description-cta-section {
	width: 80%;
	gap: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pgb-key-highlight-description {
	opacity: 0;
	transition: opacity 0.8s ease 0.5s; /* slight delay so it fades in after the title reveal */
}

.pgb-key-highlight-section.is-visible .pgb-key-highlight-description {
	opacity: 1;
}

.pgb-key-highlight-description p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #353535;
}

.pgb-key-highlight-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;

	opacity: 0;
	transform: translateY(20px);
	transition:
		transform 0.6s,
		opacity 0.8s ease 0.5s !important;
}

.pgb-key-highlight-cta:hover {
	transform: scale(1.1) !important;
}

.pgb-key-highlight-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-key-highlight-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-key-highlight-cta p {
	align-self: center;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

/* PGB ACCORDION SECTION */
.pgb-key-highlight-bottom {
	height: 480px;
	padding: 0 80px 0 80px;
}

.pgb-accordion-wrapper {
	height: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px;
	opacity: 0;

	transition:
		opacity 0.9s ease 0.3s,
		transform 1.8s cubic-bezier(0.08, 0, 0.02, 1) 0.3s;
}

.pgb-key-highlight-section.is-visible .pgb-accordion-wrapper {
	opacity: 1;
	transform: translateX(0);
}

.pgb-accordion-tab {
	display: flex;
	flex-direction: row;
	background-color: #fff;
	border-radius: 40px;
	overflow: hidden;
	width: 77px;
	flex-shrink: 0;
	flex-grow: 0;
	transition:
		opacity 0.4s ease,
		width 0.5s ease,
		flex 0.5s ease;
	/*justify-content: center;*/
}

.pgb-accordion-tab.is-active {
	flex-grow: 1;
	width: 90px;
	opacity: 1;
}

.pgb-accordion-label-wrapper {
	padding: 30px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0; /* stops label from squishing during animation */
}

.pgb-accordion-label {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
}

.pgb-accordion-label p {
	font-size: 24px;
	line-height: normal;
	font-weight: 900;
	cursor: pointer;
}

.pgb-accordion-rule {
	flex: 1;
	width: 2px;
	background-color: #333;
	margin-top: 8px;
}

/* ANIMATION: swap display for opacity + max-width */

/* .pgb-accordion-content {
	opacity: 0;
	max-width: 0;
	overflow: hidden;
	transition:
		opacity 0.4s ease 0.2s,
		max-width 0.5s ease;

	width: 900px;
	flex-shrink: 0;
}

.pgb-accordion-tab.is-active .pgb-accordion-content {
	opacity: 1;
	max-width: 2000px;
	padding: 20px 20px 20px 20px;

	flex: 1;
	min-width: 0;
} */

/* AFTER */
.pgb-accordion-content {
	opacity: 0;
	overflow: hidden;
	width: 0;
	flex-shrink: 0;
	pointer-events: none;
	transition:
		opacity 0.4s ease,
		width 0s ease 0.4s;
}

.pgb-accordion-tab.is-active .pgb-accordion-content {
	opacity: 1;
	width: auto;
	padding: 20px;
	flex: 1;
	min-width: 0;
	pointer-events: auto;
	transition: opacity 0.4s ease 0.35s;

	height: 100%;
	overflow: hidden;
}

.pgb-accordion-tab.is-active .pgb-business-highlight {
	overflow-y: auto;
}

/* Label colors */
.pgb-accordion-FH p {
	color: #6c4891;
}

.pgb-accordion-FH + .pgb-accordion-rule {
	background-color: #6c4891;
}

.pgb-accordion-BH p {
	color: #254393;
}

.pgb-accordion-BH + .pgb-accordion-rule {
	background-color: #254393;
}

.pgb-accordion-SH p {
	color: #00a99c;
}

.pgb-accordion-SH + .pgb-accordion-rule {
	background-color: #00a99c;
}

#sec4.tab-0-active .pgb-key-highlight-title h2 {
	color: #6c4891;
}

#sec4.tab-1-active .pgb-key-highlight-title h2 {
	color: #254393;
}

#sec4.tab-2-active .pgb-key-highlight-title h2 {
	color: #00a99c;
}

/* FINANCIAL HIGHLIGHT CONTENTS */
.pgb-financial-highlight {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pgb-financial-highlight-card-grid-container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, auto);
	gap: 20px;
}

.pgb-financial-highlight-card {
	background-image: url("../image/pgb-financial-highlight-cards-bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
	/* opacity: 0; */
	transform: translateX(-30px);
	transition:
		/* opacity 0.9s ease, */ transform 1.2s cubic-bezier(0.08, 0, 0.02, 1);
}

.pgb-financial-highlight-card:nth-child(1) {
	transform: translateX(-200px);
}

.pgb-financial-highlight-card:nth-child(2) {
	transform: translateX(-180px);
}

.pgb-financial-highlight-card:nth-child(3) {
	transform: translateX(-20px);
}

.pgb-financial-highlight-card:nth-child(4) {
	transform: translateX(-190px);
}

.pgb-financial-highlight-card:nth-child(5) {
	transform: translateX(-80px);
}

.pgb-financial-highlight-card:nth-child(6) {
	transform: translateX(-10px);
}

.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(1) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 1.4s; */
}
.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(2) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 1.1s; */
}
.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(3) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 0.8s; */
}
.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(4) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 1.55s; */
}
.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(5) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 1.25s; */
}
.pgb-key-highlight-section.is-visible .pgb-financial-highlight-card:nth-child(6) {
	/* opacity: 1; */
	transform: translateX(0);
	/* transition-delay: 0.95s; */
}

.pgb-accordion-FH-card {
	height: 100%;
	/* min-height: 180px; */
	padding: 30px 30px 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pgb-accordion-eyebrown-title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}

.pgb-accordion-year-icon {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.pgb-accordion-year-icon img {
	width: 50px;
	height: 50px;
}

.pgb-accordion-eyebrown {
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	color: #fff;
}

.pgb-accordion-title {
	display: flex;
	align-items: baseline;

	font-size: 34px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

.pgb-digit {
	display: inline-block;
	overflow: hidden;
	height: 1em; /* the visible window — exactly one digit tall */
	line-height: 1;
}

.pgb-digit-sequence {
	display: block;
	line-height: 1; /* each digit row is exactly 1em tall */
	transition: transform 1s ease-in-out;
	transform: translate3d(0, 0%, 0);
}

.pgb-digit-sequence br {
	display: block;
	line-height: 1; /* keep br from adding extra spacing */
}

.pgb-count-prefix,
.pgb-count-dot,
.pgb-count-suffix {
	display: inline-block;
}

.pgb-count-suffix {
	padding-left: 8px;
}

.pgb-accordion-year {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	color: #fff;
}

.pgb-financial-highlight-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	align-self: center;
	transition: transform 0.6s;
}

.pgb-financial-highlight-cta:hover {
	transform: scale(1.1);
}

.pgb-financial-highlight-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
	min-height: 37.59px;
}
.pgb-financial-highlight-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-financial-highlight-cta p {
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

/* BUSINESS HIGHLIGHT CONTENTS */
.pgb-accordion-content::-webkit-scrollbar,
.pgb-business-highlight::-webkit-scrollbar {
	width: 8px;
}

.pgb-accordion-content::-webkit-scrollbar-track,
.pgb-business-highlight::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.pgb-accordion-content::-webkit-scrollbar-thumb,
.pgb-business-highlight::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

.pgb-business-highlight-card-grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 40px;
}

.pgb-business-highlight-card-grid-container .pgb-business-highlight-card:last-child {
	grid-column: 1 / -1;
}

.pgb-business-highlight-card {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pgb-accordion-BH-card-icon-title-container {
	display: flex;
	align-items: center;
	gap: 20px;
}

.pgb-accordion-BH-card-icon-container {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	background-color: #254393;
	border-radius: 10px;
}

/* .pgb-accordion-BH-card-icon {
	width: 20px;
	height: 30px;
} */

.pgb-accordion-BH-card-title {
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #254393;
}

.pgb-accordion-BH-card-description ul {
	padding-left: 20px;
	margin: 0;
}

.pgb-accordion-BH-card-description ul li {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #353535;
}

/* SUSTAINABILITY HIGHLIGHT CONTENTS */
.pgb-sustainability-highlight-horizontal-rule {
	width: 100%;
	height: 1px;
	background-color: #000;
}

.pgb-sustainability-highlight-content-container {
	display: flex;
	flex-direction: column;
	gap: 35px;

	height: 100%;
	overflow: hidden;
}

.pgb-sustainability-highlight-title-navigation-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.pgb-sustainability-highlight-title-container {
	display: flex;
	align-items: center;
	gap: 30px;
}

.pgb-sustainability-highlight-icon-outer {
	width: 72px;
	height: 72px;
	background-color: rgba(143, 199, 62, 0.4);
	border-radius: 15px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.pgb-sustainability-highlight-icon {
	width: 60px;
	height: 60px;
	background-color: #8fc73e;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.pgb-sustainability-highlight-icon img {
	width: 40px;
	height: 40px;
}

.pgb-sustainability-highlight-title {
	font-size: 24px;
	line-height: 24px;
	font-weight: 900;
	color: #8fc73e;
}

.pgb-sustainability-highlight-navigation-container {
	display: flex;
	gap: 16px;
}

.pgb-sustainability-highlight-left,
.pgb-sustainability-highlight-right {
	width: 48px;
	height: 48px;
	background-color: rgba(143, 199, 62, 0.4);
	border-radius: 15px;

	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.pgb-sustainability-highlight-left-icon-container,
.pgb-sustainability-highlight-right-icon-container {
	width: 36px;
	height: 36px;
	background-color: rgba(143, 199, 62, 1);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.pgb-sustainability-highlight-page {
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.pgb-sustainability-highlight-columns {
	display: flex;
	flex-direction: column;
	gap: 30px;

	height: 100%;
	overflow-y: auto;
}

.pgb-sustainability-highlight-columns::-webkit-scrollbar {
	width: 8px;
}

.pgb-sustainability-highlight-columns::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.pgb-sustainability-highlight-columns::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

.pgb-sustainability-highlight-content-one h4 {
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #8fc73e;
}

.pgb-sustainability-highlight-content-one ul {
	padding: 0 0 0 24px;
}

.pgb-sustainability-highlight-content-one ul li {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin: 8px 0 8px 0;
}

.pgb-sustainability-highlight-content-two h4 {
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #8fc73e;
}

.pgb-sustainability-highlight-content-two ul {
	padding: 0 0 0 24px;
}

.pgb-sustainability-highlight-content-two ul li {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin: 8px 0 8px 0;
}

.pgb-sustainability-highlight-content-three h4 {
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #8fc73e;
}

.pgb-sustainability-highlight-content-three ul {
	padding: 0 0 0 24px;
}

.pgb-sustainability-highlight-content-three ul li {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin: 8px 0 8px 0;
}

/* ANIMATION CSS */
.pgb-key-highlight-section.is-visible .pgb-key-highlight-cta {
	opacity: 1;
	transform: translate(0);
}

@media (max-width: 1024px) {
	/* .pgb-key-highlight-title-clip {
		overflow: visible;
	}

	@keyframes pgbFadeUp {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.pgb-key-highlight-title h2,
	.pgb-key-highlight-description,
	.pgb-key-highlight-cta,
	.pgb-accordion-tab {
		opacity: 0;
	}

	.pgb-key-highlight-title h2.is-visible,
	.pgb-key-highlight-description.is-visible,
	.pgb-key-highlight-cta.is-visible,
	.pgb-accordion-tab.is-visible {
		animation: pgbFadeUp 0.6s ease forwards;
	} */

	/* Reset all Key Highlight entrance animations
	.pgb-accordion-wrapper,
	.pgb-accordion-content,
	.pgb-financial-highlight-card {
		opacity: 1;
		transform: none !important;
		transition: none;
		clip-path: none;
		max-height: none !important;
	} */

	/* Reset all Key Highlight entrance animations */
	.pgb-key-highlight-title-clip h2,
	.pgb-key-highlight-description,
	.pgb-key-highlight-cta,
	.pgb-accordion-wrapper,
	.pgb-accordion-content,
	.pgb-financial-highlight-card {
		opacity: 1;
		transform: none !important;
		transition: none;
		clip-path: none;
		max-height: none !important;
	}

	.pgb-key-highlight-top {
		padding: 80px 20px 0 20px;
		flex-direction: column;
		gap: 40px;
	}

	.pgb-key-highlight-title {
		width: 100%;
	}

	.pgb-key-highlight-description-cta-section {
		width: 100%;
	}

	.pgb-key-highlight-section-container {
		gap: 40px;
		overflow-y: auto;
		padding-bottom: 40px;
	}

	.pgb-key-highlight-bottom {
		padding: 0 20px;
		height: unset;
	}

	/* Accordion becomes vertical stacked layout */
	.pgb-accordion-wrapper {
		flex-direction: column;
		gap: 24px;
		overflow: visible;
		height: auto;
	}

	/* All tabs show full-width, no fixed width */
	.pgb-accordion-tab {
		width: 100% !important;
		flex-shrink: unset;
		flex-grow: unset;
		flex-direction: column;
		border-radius: 16px;
		overflow: visible;
	}

	/* Label wrapper becomes a horizontal header row */
	.pgb-accordion-label-wrapper {
		flex-direction: row;
		align-items: center;
		padding: 20px 24px;
		gap: 16px;
	}

	.pgb-accordion-FH-card {
		gap: 20px;
	}

	/* Label text goes horizontal */
	.pgb-accordion-label {
		writing-mode: horizontal-tb;
		transform: none;
	}

	.pgb-accordion-label p {
		font-size: 24px;
	}

	/* Divider rule goes horizontal under label */
	.pgb-accordion-rule {
		flex: 1;
		width: auto;
		height: 2px;
		margin-top: 0;
	}

	/* All accordion content is always visible on mobile */
	.pgb-accordion-content,
	.pgb-accordion-tab.is-active .pgb-accordion-content {
		opacity: 1;
		max-width: none;
		width: 100%;
		padding: 0 20px 20px 20px;
		overflow: visible;
		flex-shrink: unset;
	}

	/* Financial highlight cards: single column */
	.pgb-financial-highlight-card-grid-container {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.pgb-accordion-eyebrown {
		font-size: 14px;
		line-height: 14px;
	}

	.pgb-accordion-title {
		font-size: 28px;
	}

	.pgb-accordion-year {
		font-size: 14px;
	}

	.pgb-accordion-year-icon img {
		width: 40px;
		height: 40px;
	}

	/* Financial CTA */
	.pgb-financial-highlight-cta {
		margin-top: 20px;
	}

	/* Business highlights: single column */
	.pgb-business-highlight-card-grid-container {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	/* Sustainability highlight */
	.pgb-sustainability-highlight-title-navigation-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.pgb-sustainability-highlight-columns {
		flex-direction: column;
		gap: 24px;
	}

	/* Sustainability highlight - icon size fix */
	.pgb-sustainability-highlight-icon-outer {
		width: 52px;
		height: 52px;
		border-radius: 10px;
		flex-shrink: 0;
	}

	.pgb-sustainability-highlight-icon {
		width: 42px;
		height: 42px;
		border-radius: 8px;
	}

	.pgb-sustainability-highlight-icon img {
		width: 28px;
		height: 28px;
	}

	.pgb-sustainability-highlight-title-container {
		gap: 16px;
	}

	.pgb-sustainability-highlight-title {
		font-size: 18px;
		line-height: 26px;
	}
}

/*----------------------------------------
  PGB 2025 LEADERSHIP MESSAGE SECTION
  Date: 17/03/2026
----------------------------------------*/

.pgb-leadership-section {
	background-color: #fafbff;
}

.pgb-leadership-mobile-nameplate {
	display: none;
}

.pgb-leadership-section-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 50px;
	padding: 60px 100px;
}

/* LEFT SIDE IMAGE */

.pgb-leadership-image-col {
	height: 100%;
	max-height: 716px;
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-leadership-title h2 {
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
	color: #353535;
}

.pgb-leadership-card-container {
	height: 100%;

	background-image: url("../image/pgb-leadership-bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;

	position: relative;
}

.pgb-leadership-person {
	position: relative;
}

.pgb-leadership-nameplate {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: calc(100% - 72px);

	border-radius: 10px;
	background-color: #00a99c;
	padding: 13px 15px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 255px;
	max-width: 95%;
}

.pgb-leadership-nameplate-circle {
	display: flex;
	align-self: flex-end;
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 100%;
	animation: pulse 2s ease-in-out infinite;
	position: absolute;
	top: 6px;
	right: 6px;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.pgb-leadership-nameplate-name-position {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pgb-leadership-name {
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #fff;
}

.pgb-leadership-role {
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

/* RIGHT SIDE ACCORDION CONTENT */
.pgb-leadership-content-col {
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.pgb-leadership-accordion-wrapper {
	display: flex;
	flex-direction: column;
}

.pgb-leadership-accordion-label-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	cursor: pointer;
	/* gap: 20px; */
}

.pgb-leadership-accordion-rule {
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: 20%;
}

.pgb-leadership-accordion-title-cta {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
}

.pgb-leadership-accordion-label p {
	font-size: 24px;
	line-height: 24px;
	font-weight: 900;
	color: #00a99c;
}

/* .pgb-leadership-accordion-arrow-inner {
	width: 36px;
	height: 36px;
	background-color: #00a99c;
	border-radius: 10px;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
} */

.pgb-leadership-accordion-arrow-outer {
	width: 44px; /* slightly larger than inner */
	height: 44px;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 12px; /* slightly larger radius than inner */
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.6s;
	margin-right: 4px;
}

.pgb-leadership-accordion-arrow-outer:hover {
	transform: scale(1.1);
}

.pgb-leadership-accordion-arrow-inner {
	width: 36px;
	height: 36px;
	background-color: #00a99c;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* remove box-shadow */
}

.pgb-leadership-accordion-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-height: 0;
	overflow: hidden;
	margin: 0;
}

.pgb-leadership-accordion-item {
	display: flex;
	flex-direction: column;
}

.pgb-leadership-quote-text-container {
	position: relative;
	padding: 40px 0 0 42px;
}

.pgb-leadership-quote-mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 72px;
	background-image: url("../image/pgb-leadership-quote-mark.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}

.pgb-leadership-quote-text {
	font-size: 40px;
	line-height: 50px;
	font-weight: 900;
	position: relative;
	z-index: 1;
	background: radial-gradient(
		circle 150px at var(--mouse-x, 50%) var(--mouse-y, 50%),
		#254393,
		#254393
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.pgb-leadership-quote-text:hover {
	background: radial-gradient(
		circle 300px at var(--mouse-x, 50%) var(--mouse-y, 50%),
		#00a99c,
		#254393
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.pgb-leadership-message-cta-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0 0 0 42px;
	margin-bottom: 4px;
}

.pgb-leadership-message-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.pgb-leadership-salutation {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #353535;
}

.pgb-leadership-body {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #353535;
}

.pgb-leadership-cta-container {
	position: relative;
	width: fit-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	transition: transform 0.6s;
}

.pgb-leadership-cta-container:hover {
	transform: scale(1.1);
}

/* .pgb-leadership-cta {
	display: inline-block;
	text-decoration: none;
	padding: 14px 10px;
	background-color: #00a99c;
	border-radius: 10px;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
} */

.pgb-leadership-cta-outer {
	display: inline-block;
}

.pgb-leadership-cta-container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-leadership-cta {
	position: relative;
	z-index: 1;
	display: inline-block;
	text-decoration: none;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	min-height: 37.59px;
}

.pgb-leadership-cta p {
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

/* --------------------ANIMATION-------------------- */
/* Collapse content on inactive items */

.pgb-leadership-accordion-item.is-active .pgb-leadership-accordion-content {
	margin: 10px 0;
	max-height: 1000px;
}

/* Hide all persons except active */
.pgb-leadership-person {
	display: none;
	max-height: 100%;
}

.pgb-leadership-person.is-active {
	display: flex;
}

@keyframes leadershipFadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*----------------------------------------
  PGB 2025 BUSINESS MODEL SECTION
  Date: 19/03/2026
----------------------------------------*/
.pgb-business-model-section {
	background-image: url("../image/pgb-business-model-bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.pgb-business-model-section-container {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 1000px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;

	padding: 60px 80px;
}

.pgb-business-model-title-bar-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;

	gap: 42px;
}

.pgb-business-model-title {
	width: 100%;
	font-size: 42px;
	line-height: 52px;
	font-weight: 900;
	color: #00a99c;
}

.pgb-business-model-chart-container {
	width: 100%;
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-business-model-diagram-cta-container {
	display: flex;
	flex-direction: row;
}

.pgb-business-model-left-col,
.pgb-business-model-right-col {
	position: relative;
	display: flex;
	align-items: center;
}

.pgb-business-model-left-col .pgb-business-model-chart-left,
.pgb-business-model-right-col .pgb-business-model-chart-right {
	display: block;
}

.pgb-bm-capital-buttons {
	position: absolute;
	inset: 0;
}

.pgb-bm-capital-btn {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	background: linear-gradient(to right, #00a99c, #254393);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-family: "Museo Sans", sans-serif;
	border: none;
	border-radius: 7px;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
	cursor: pointer;
	white-space: nowrap;
	opacity: 0;
	transition:
		opacity 0.5s ease,
		transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* FINANCIAL CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(1) {
	top: 4%;
	left: -70%;
	transform: translateY(-50%);
}

/* NATURAL CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(2) {
	top: 22%;
	left: -95%;
	transform: translateY(-50%);
}

/* MANUFACTURED CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(3) {
	top: 41%;
	left: -156%;
	transform: translateY(-50%);
}

/* INTELLECTUAL CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(4) {
	top: 58%;
	left: -140%;
	transform: translateY(-50%);
}

/* HUMAN CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(5) {
	top: 76%;
	left: -96%;
	transform: translateY(-50%);
}

/* SOCIAL & RELATIONSHIP CAPITAL */
.pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(6) {
	top: 94%;
	left: -156%;
	transform: translateY(-50%);
}

/* Staggered entrance — timed with the left SVG (lands ~1.4s) */
#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(1) {
	opacity: 1;
	transition-delay: 1.2s;
}

#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(2) {
	opacity: 1;
	transition-delay: 1.35s;
}

#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(3) {
	opacity: 1;
	transition-delay: 1.5s;
}

#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(4) {
	opacity: 1;
	transition-delay: 1.65s;
}

#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(5) {
	opacity: 1;
	transition-delay: 1.8s;
}

#sec6.is-visible .pgb-bm-capital-buttons .pgb-bm-capital-btn:nth-child(6) {
	opacity: 1;
	transition-delay: 1.95s;
}

#sec6.pgb-bm-entered .pgb-bm-capital-btn {
	transition-delay: 0s !important;
}

.pgb-bm-capital-btn:hover {
	transform: translateY(-50%) scale(1.1) !important;
	transition-delay: 0s !important;
}

.pgb-bm-capital-btn img {
	width: 16px;
	height: 16px;
}

.pgb-bm-outcome-buttons {
	position: absolute;
	inset: 0;
}

.pgb-bm-outcome-btn {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	background: linear-gradient(to right, #00a99c, #254393);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-family: "Museo Sans", sans-serif;
	border: none;
	border-radius: 7px;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
	cursor: pointer;
	white-space: nowrap;
	opacity: 0;
	transition:
		opacity 0.5s ease,
		transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* OUTPUT/OUTCOME */
.pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(1) {
	top: 22%;
	left: 95%;
	transform: translateY(-50%);
}

/* ACTIONS TO ENHANCE OUTCOMES */
.pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(2) {
	top: 40%;
	left: 95%;
	transform: translateY(-50%);
}

/* TRADE OFFS */
.pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(3) {
	top: 58%;
	left: 95%;
	transform: translateY(-50%);
}

/* Staggered entrance — synced with left: nth1=Natural Capital, nth2=Manufactured Capital, nth3=Intellectual Capital */
#sec6.is-visible .pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(1) {
	opacity: 1;
	transition-delay: 1.35s;
}

#sec6.is-visible .pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(2) {
	opacity: 1;
	transition-delay: 1.5s;
}

#sec6.is-visible .pgb-bm-outcome-buttons .pgb-bm-outcome-btn:nth-child(3) {
	opacity: 1;
	transition-delay: 1.65s;
}

#sec6.pgb-bm-entered .pgb-bm-outcome-btn {
	transition-delay: 0s !important;
}

.pgb-bm-outcome-btn:hover {
	transform: translateY(-50%) scale(1.1) !important;
	transition-delay: 0s !important;
}

.pgb-bm-outcome-btn img {
	width: 16px;
	height: 16px;
}

.pgb-bm-bottom-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	background: linear-gradient(to right, #00a99c, #254393);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-family: "Museo Sans", sans-serif;
	border: none;
	border-radius: 7px;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
	cursor: pointer;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(15px);
	transition:
		opacity 0.5s ease,
		transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(1) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.2s;
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.35s;
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.5s;
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(4) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.65s;
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(5) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.8s;
}

#sec6.is-visible .pgb-bm-bottom-btn:nth-child(6) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 2.95s;
}

#sec6.pgb-bm-entered .pgb-bm-bottom-btn {
	transition-delay: 0s !important;
}

.pgb-bm-bottom-btn:hover {
	transform: scale(1.1) !important;
	transition-delay: 0s !important;
}

.pgb-bm-bottom-btn img {
	width: 16px;
	height: 16px;
}

.pgb-bm-mobile-only {
	display: none !important;
}

.pgb-business-model-cta-container {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.pgb-business-model-read-more-cta {
	position: relative;
	max-width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;

	transition: transform 0.6s ease;
}

.pgb-business-model-read-more-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-business-model-read-more-cta:hover {
	transform: scale(1.1);
}

.pgb-business-model-read-more-cta a {
	position: relative;
	z-index: 1;
	height: 100%;
	display: inline-block;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #ffffff;

	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-business-model-download-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;

	transition: transform 0.6s ease;
}

.pgb-business-model-download-cta:hover {
	transform: scale(1.1);
}

.pgb-business-model-download-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-business-model-download-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-business-model-download-cta p {
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

.pgb-outcome-cta-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pgb-business-model-mobile {
	display: none;
}

.pgb-business-model-desktop {
	width: 100%;
	display: block;
}

/* ANIMATION FOR BUSINESS MODEL SECTION */
.pgb-bm-title-cta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.pgb-business-model-cta {
	position: relative;
	flex-shrink: 0;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	opacity: 0;
	transform: translateY(20px);
	transition:
		transform 0.6s,
		opacity 0.8s ease 0.5s;
}

.pgb-business-model-cta:hover {
	transform: scale(1.1) !important;
}

#sec6.is-visible .pgb-business-model-cta {
	opacity: 1;
	transform: translateY(0);
}

.pgb-business-model-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-business-model-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-business-model-cta p {
	align-self: center;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

.pgb-business-model-title-clip/*,
.pgb-business-model-header-clip*/ {
	overflow: hidden;
}

.pgb-business-model-title {
	transform: translateY(110%);
	transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

/* .pgb-business-model-header-clip {
	clip-path: inset(0 100% 0 0);
	transition: clip-path 2.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
} */

.pgb-business-model-chart-left {
	opacity: 0;
	transform: translateX(-80px);
	transition:
		transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s,
		opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.pgb-business-model-chart-right {
	opacity: 0;
	transform: translateX(80px);
	transition:
		transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s,
		opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.pgb-business-model-chart-center {
	opacity: 0;
	transition: opacity 0.8s ease 1.4s;
}

/* #sec6.is-visible .pgb-business-model-header-clip {
	clip-path: inset(0 0% 0 0);
} */

#sec6.is-visible .pgb-business-model-title {
	transform: translateY(0);
}

#sec6.is-visible .pgb-business-model-chart-left,
#sec6.is-visible .pgb-business-model-chart-right {
	opacity: 1;
	transform: translateX(0);
}

#sec6.is-visible .pgb-business-model-chart-center {
	opacity: 1;
}

/* Center fades in after left/right land (~1.4s total) */
.pgb-business-model-chart-center {
	opacity: 0;
	transition: opacity 0.8s ease 1.4s;
}

#sec6.is-visible .pgb-business-model-chart-left,
#sec6.is-visible .pgb-business-model-chart-right {
	opacity: 1;
	transform: translateX(0);
}

#sec6.is-visible .pgb-business-model-chart-center {
	opacity: 1;
}

/* RESPONSIVENESS */
@media (max-width: 1024px) {
	.pgb-bm-title-cta-row .pgb-business-model-cta {
		display: none;
	}

	.pgb-business-model-section-container {
		max-height: unset;
		gap: 30px;
		padding: 80px 20px;
	}

	.pgb-business-model-title {
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
	}

	.pgb-business-model-mobile {
		display: block;
	}

	.pgb-business-model-desktop {
		display: none;
	}

	.pgb-business-model-diagram-cta-container {
		flex-direction: column;
		width: 100%;
		gap: 20px;
	}

	/* .pgb-business-model-header-mobile, */
	.pgb-outcome-bar {
		width: 100%;
	}

	.pgb-business-model-chart-container {
		gap: 20px;
	}

	.pgb-outcome-cta-container {
		gap: 30px;
	}

	.pgb-business-model-cta-container {
		width: 100%;
		flex-direction: column;
		gap: 20px;
	}

	.pgb-bm-mobile-only {
		display: flex !important;
	}

	.pgb-business-model-cta-container .pgb-business-model-cta {
		align-self: center;
	}

	.pgb-bm-bottom-btn {
		justify-content: center;
	}

	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(1) {
		transition-delay: 0.1s;
	}
	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(2) {
		transition-delay: 0.2s;
	}
	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(3) {
		transition-delay: 0.3s;
	}
	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(4) {
		transition-delay: 0.4s;
	}
	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(5) {
		transition-delay: 0.5s;
	}
	#sec6.is-visible .pgb-bm-bottom-btn:nth-child(6) {
		transition-delay: 0.6s;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pgb-business-model-mobile {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

	/* .pgb-business-model-header-mobile, */
	.pgb-outcome-bar {
		width: 60%;
	}
}

@media (max-width: 500px) {
	.pgb-business-model-read-more-cta a {
		display: flex;
		font-size: 12px;
		align-items: center;
	}

	.pgb-business-model-download-cta p {
		font-size: 12px;
		align-self: center;
	}
}

/*----------------------------------------
  PGB 2025 DOWNLOAD SECTION
  Date: 19/03/2026
----------------------------------------*/
.pgb-download-section {
	background-image: url("../image/pgb-downloads-background.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.pgb-download-section-container {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 1000px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;

	padding: 60px 80px 104px 80px;
}

.pgb-download-title-book-container {
	position: relative;
	width: 100%;
}

.pgb-download-title {
	font-size: 42px;
	line-height: 52px;
	font-weight: 900;
	color: #fff;
}

.pgb-book-flipping-container {
	position: absolute;
	top: -200px;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pgb-book-flipping-container {
		width: 600px;
	}
}

.pgb-download-eyebrown-cta-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.pgb-download-cta-grid {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 100px;
}

.pgb-download-eyebrown-description {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

.pgb-download-eyebrown-description p br {
	line-height: 0;
}

.pgb-reports-download {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.pgb-reports-download-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	transition: transform 0.6s ease;
}

.pgb-reports-download-cta:hover {
	transform: scale(1.1) !important;
}

.pgb-reports-download-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 6px;
}

.pgb-reports-download-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #fff;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-reports-download-cta p {
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #00a99c;
}

.pgb-reports-download-secondary {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.pgb-reports-links {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.pgb-reports-links-cta {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	cursor: pointer;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

.pgb-reports-links-cta img {
	width: 12px;
	height: 12px;
}

.pgb-download-copyright p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	opacity: 80%;
}

/* ANIMATION FOR DOWNLOAD SECTION */
.pgb-download-title-clip {
	overflow: hidden;
}

.pgb-download-section-container {
	opacity: 0;
	transition: opacity 1.2s ease;
}

.pgb-download-title {
	transform: translateY(110%);
	transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

.pgb-download-eyebrown-description p {
	transform: translateY(30px);
	transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

.pgb-reports-download-cta {
	transform: translateY(30px);
	transition: transform 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/*
.pgb-reports-download-cta:nth-child(1) {
	transition-delay: 0.3s;
}
.pgb-reports-download-cta:nth-child(2) {
	transition-delay: 0.45s;
	transform: translateY(50px);
}
.pgb-reports-download-cta:nth-child(3) {
	transition-delay: 0.6s;
	transform: translateY(70px);
}
*/

#sec9.is-visible .pgb-download-section-container {
	opacity: 1;
}
#sec9.is-visible .pgb-download-title {
	transform: translateY(0);
}
#sec9.is-visible .pgb-download-eyebrown-description p {
	transform: translateY(0);
}
#sec9.is-visible .pgb-reports-download-cta {
	transform: translateY(0);
}

/* RESPONSIVENESS */
@media (max-width: 1024px) {
	.pgb-download-eyebrown-description p br {
		display: none;
	}

	.pgb-download-section {
		height: 100%;
		border-radius: 30px 30px 0 0;
	}

	.pgb-download-section-container {
		/* stack everything vertically */
		max-height: unset;
		flex-direction: column;
		padding: 86px 24px;
	}

	.pgb-book-flipping-container {
		position: relative;
		top: -10px;
		/* width: 600px; */
	}

	.pgb-download-title-book-container {
		flex-direction: column;
	}

	.pgb-download-cta-grid {
		flex-direction: column;
		gap: 20px;
	}

	/* merge both download grids into one column */
	.pgb-reports-download,
	.pgb-reports-download-secondary {
		flex-direction: column;
		width: 100%;
	}

	/* full-width pill buttons */
	.pgb-reports-download-cta a {
		width: 100%;

		/* border-radius: 999px; */
		padding: 10px 20px;
		display: flex;
		align-items: center;
		gap: 10px;
	}
}

/*----------------------------------------
  PGB 2025 CHART MODAL
  Date: 18/03/2026
----------------------------------------*/

/* Newly added scroll indicator code on 27/03/2026 */
.pgb-chart-modal-top {
	display: flex;
	justify-content: space-between;
}

/* Chart Modal */
.pgb-chart-modal-container {
	position: relative;
	width: 80%;
	background: #fff;
	border-radius: 20px;
	overflow: visible;
	margin: auto;
}

/* Overlay */
.pgb-chart-modal-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	z-index: 99999;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s ease;
	padding: 40px 20px;
}

.pgb-chart-modal-overlay.is-open {
	display: flex;
	opacity: 1;
}

/* Inner card */
.pgb-chart-modal-inner {
	position: relative;
	width: 95%;
	background: #fff;
	border-radius: 20px;
	overflow: visible; /* same as video modal — no clipping */
	margin: auto;
	max-height: 85vh;
}

/* Close button */
.pgb-chart-modal-close {
	position: absolute;
	width: 46px;
	height: 46px;
	background-color: #00a99c;
	border-radius: 100%;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
	z-index: 10;
}

.pgb-chart-modal-close:hover {
	transition: background-color 0.4s ease;
	background-color: #fff;
	color: #00a99c;
}

/* Body */
.pgb-chart-modal-body {
	padding: 44px 50px 50px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	overflow-y: auto; /* scroll lives here instead */
	overflow-x: hidden;
	max-height: 85vh;
	border-radius: 20px; /* so content respects the card corners */
}

.pgb-chart-modal-body::-webkit-scrollbar {
	width: 8px;
}

.pgb-chart-modal-body::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.pgb-chart-modal-body::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

/* Header */
.pgb-chart-modal-title {
	font-size: 26px;
	font-weight: 900;
	color: #1a1a1a;
	margin: 0;
	line-height: 1.2;
	font-family: "Museo Sans", sans-serif;
}

.pgb-chart-modal-subtitle {
	font-size: 14px;
	font-weight: 400;
	color: #929293;
	margin: 6px 0 0;
	font-family: "Museo Sans", sans-serif;
}

/* Filters row */
.pgb-chart-modal-filters {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: flex-end;
}

.pgb-chart-filter-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	min-width: 200px;
}

.pgb-chart-filter-group > label,
.pgb-chart-toggle-group > label {
	font-size: 13px;
	font-weight: 700;
	color: #1a1a1a;
	font-family: "Museo Sans", sans-serif;
}

/* ── Custom Multiselect ── */
.pgb-multiselect {
	position: relative;
}

.pgb-multiselect-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	font-family: "Museo Sans", sans-serif;
	transition: border-color 0.2s ease;
}

.pgb-multiselect-btn:hover,
.pgb-multiselect.is-open .pgb-multiselect-btn {
	border-color: #00a99c;
}

.pgb-multiselect-btn svg {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.pgb-multiselect.is-open .pgb-multiselect-btn svg {
	transform: rotate(180deg);
}

.pgb-multiselect-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	overflow: hidden;
	z-index: 100;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.pgb-multiselect.is-open .pgb-multiselect-dropdown {
	display: block;
}

.pgb-multiselect-option {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	cursor: pointer;
	font-family: "Museo Sans", sans-serif;
	transition: background 0.15s ease;
}

.pgb-multiselect-option:hover {
	background: #f0faf9;
}

.pgb-multiselect-option.is-selected {
	background: #00a99c;
	color: #fff;
}

.pgb-multiselect-option.is-selected:hover {
	background: #009589;
}

/* Checkmark inside option */
.pgb-ms-check {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-radius: 3px;
	flex-shrink: 0;
	position: relative;
}

.pgb-multiselect-option.is-selected .pgb-ms-check::after {
	content: "";
	position: absolute;
	left: 2px;
	top: -1px;
	width: 8px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

.pgb-multiselect-option:not(.is-selected) .pgb-ms-check {
	border-color: #ccc;
}

/* Toggle */
.pgb-chart-toggle-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.pgb-chart-toggle-switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 24px;
}

.pgb-chart-toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.pgb-chart-toggle-slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background-color: #ccc;
	border-radius: 12px;
	transition: 0.3s;
}

.pgb-chart-toggle-slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	border-radius: 50%;
	transition: 0.3s;
}

.pgb-chart-toggle-switch input:checked + .pgb-chart-toggle-slider {
	background-color: #00a99c;
}

.pgb-chart-toggle-switch input:checked + .pgb-chart-toggle-slider:before {
	transform: translateX(22px);
}

/* Canvas */
.pgb-chart-canvas-wrapper {
	width: 100%;
	height: 700px;
	min-height: 700px;
	flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.pgb-chart-modal-overlay {
		padding: 24px 16px;
	}

	.pgb-chart-modal-body {
		padding: 32px 12px 36px;
	}

	.pgb-chart-modal-filters {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.pgb-chart-canvas-wrapper {
		height: 300px;
	}

	/* .pgb-chart-modal-close {
		top: -14px;
		right: -10px;
	} */
}

/* =============================================
   BUSINESS MODEL MODAL
   ============================================= */

.bm-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 0 20px;
	box-sizing: border-box;
}

.bm-modal.is-open {
	display: flex;
}

.bm-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

/* Card */
.bm-modal-wrapper {
	position: relative;
	background: #fff;
	width: 95%;

	max-height: 75vh;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	overflow: visible;
	z-index: 1;
}

/* Close button — top-right corner of the card */
.bm-modal-close {
	position: absolute;
	width: 46px;
	height: 46px;
	background-color: #254393;
	border-radius: 100%;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
	z-index: 10;
}

.bm-modal-close:hover {
	transition: background-color 0.4s ease;
	background-color: #fff;
	color: #254393;
}

.bm-modal-body {
	flex: 1;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
	border-radius: 12px;
	display: flex;
	flex-direction: row;
	min-height: 0;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

.bm-modal-body::-webkit-scrollbar {
	display: none; /* Chrome/Safari */
}

.bm-tab-content {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 100%;
	min-width: 100%;
	overflow-y: auto;
	padding: 40px 32px;
	box-sizing: border-box;
	scroll-snap-align: start;
	position: relative;
}

.bm-tab-content.bm-tab-narrow {
	width: 380px;
	min-width: 380px;
}

/* Bottom navigation — anchored to the card */
.bm-modal-nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 16px));
	width: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.bm-nav-arrow-outer {
	flex-shrink: 0;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	padding: 4px;
}

.bm-nav-arrow-outer:has(.bm-nav-arrow:disabled) {
	opacity: 0.35;
}

.bm-nav-arrow {
	width: 42px;
	height: 42px;
	border-radius: 7px;
	border: none;
	background: #00a99c;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}

.bm-nav-arrow img {
	width: 18px;
	height: 18px;
}

.bm-nav-arrow:hover {
	background: #007f75;
}

.bm-nav-arrow:disabled {
	cursor: default;
}

.bm-nav-tabs {
	flex: 1;
	display: flex;
	gap: 10px;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 6px;
	border-radius: 10px;
}

.bm-nav-btn {
	flex: 1;
	position: relative;
	background: #deefee;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 16px;
	cursor: pointer;
	color: #353535;
	border: none;
	font-weight: 700;
	line-height: normal;
	transition:
		background 0.2s,
		color 0.2s;
	text-align: center;
	white-space: nowrap;
	font-family: "Museo Sans";
}

.bm-nav-btn:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	height: 2px;
	width: 20px;
	background: #deefee;
	pointer-events: none;
}

.bm-nav-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

.bm-nav-btn.active,
.bm-nav-btn.visited {
	background: #254393;
	color: #fff;
}

.bm-nav-btn.visited:not(:last-child)::after {
	background: #254393;
}

/* =============================================
   BUSINESS MODEL MODAL — TAB 1: SIX CAPITALS
   ============================================= */

/* Section title + line */
.bm-sc-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
}

.bm-sc-title {
	white-space: nowrap;
	font-size: 24px;
	font-weight: 900;
	line-height: normal;
	/* color: #254393; */
	background: linear-gradient(90deg, #254393, #00a99c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* non-webkit fallback */
	margin: 0;
}

.bm-sc-title-line {
	flex: 1;
	height: 1.5px;
	background: linear-gradient(90deg, #00a99c, #254393);
}

/* Horizontal scroll wrapper for capitals grid */
.bm-grid-scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	min-height: 0;
	/* padding: 20px; */
}

.bm-grid-scroll::-webkit-scrollbar {
	width: 8px;
}

.bm-grid-scroll::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.bm-grid-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

/* 3×2 capital grid */
.bm-capitals-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(240px, 1fr));
	gap: 30px;
	min-width: 600px;
}

/* Card */
.bm-capital-card {
	position: relative;
}

/* Badge row (letter box + name box) */
.bm-capital-badge-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.bm-capital-letter {
	background: #00a99c;
	color: #fff;
	min-width: 34px;
	height: 34px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	flex-shrink: 0;
	padding: 0 6px;
}

.bm-capital-name {
	flex: 1;
	background: #00a99c;
	color: #fff;
	height: 34px;
	padding: 0 14px 0 18px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bm-capital-name-years {
	display: grid;
	grid-template-columns: 55px 55px;
	gap: 16px;
	flex-shrink: 0;
}

/* Natural capital — 3 year columns */
.bm-capital-name-years.bm-years-3col {
	grid-template-columns: 55px 55px 55px;
}

/* Human Capital in Output/Outcome — wider last column to match bm-capital-row-note */
.bm-capital-name-years.bm-years-note {
	grid-template-columns: 55px 90px;
	gap: 24px;
}

.bm-capital-name-years span {
	font-size: 13px;
	font-weight: 600;
	opacity: 0.8;
	text-align: right;
}

.bm-capital-name-years span:last-child {
	font-size: 15px;
	font-weight: 700;
	opacity: 1;
}

/* Bullet list */
.bm-capital-list {
	margin: 0;
	padding-left: 20px;
	list-style: disc;
}

.bm-capital-list-p {
	font-size: 14px;
	font-weight: 500;
	color: #353535;
	line-height: 1.7;
}

.bm-capital-list li {
	font-size: 14px;
	font-weight: 500;
	color: #353535;
	line-height: 1.7;
}

/* =============================================
   BUSINESS MODEL MODAL — TAB 2: BUSINESS ACTIVITIES
   ============================================= */

.bm-ba-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	min-width: 700px;
}

.bm-ba-col {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.bm-ba-col-title {
	font-size: 18px;
	font-weight: 900;
	line-height: normal;
	color: #353535;
	margin: 0 0 10px 0;
}

/* Core Business cards */
.bm-ba-cards {
	display: flex;
	flex-direction: row;
	gap: 8px;
	/* flex: 1; */
	min-height: 0;
	flex-wrap: wrap;
}

.bm-ba-card {
	background: linear-gradient(90deg, #b0dfdc, #eef9f9);
	border-radius: 10px;
	padding: 20px 20px 0 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	/* flex: 1; */
	min-height: 168px;
	width: 48%;
}

.bm-ba-card-label {
	font-size: 18px;
	font-weight: 900;
	color: #353535;
	flex-shrink: 0;
}

.bm-ba-card-img {
	align-self: flex-end;
	height: 80px;
	width: auto;
	object-fit: contain;
	margin: auto auto 0;
}

/* Key Process stack */
.bm-kp-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	/* flex: 1; */
	min-height: 0;
}

.bm-kp-card {
	width: 100%;
	flex: 1;
	min-height: 0;
	object-fit: contain;
}

.bm-kp-arrows {
	padding-left: 42px;
	align-self: flex-start;
	display: flex;
	gap: 6px;
	justify-content: center;
	flex-shrink: 0;
}

.bm-kp-arrows img {
	width: 22px;
}

/* Material Matters — icon + card rows */
.bm-mm-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* gap: 20px; */
	flex: 1;
	min-height: 0;
	justify-content: flex-start;
}

.bm-mm-item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 20px;
	background: linear-gradient(90deg, #b0dfdc, #eef9f9);
	padding: 15px;
	border-radius: 56px 10px 10px 56px;
}

.bm-mm-icon {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.bm-mm-card {
	flex: 1;
	min-height: 50px;
	border-radius: 10px;
	font-size: 13px;
	color: #1a1a2e;
	display: flex;
	align-items: center;
}

/* Operating Landscape — plain pill cards */
.bm-ol-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	min-height: 0;
}

.bm-ol-card {
	flex-shrink: 0;
	height: 50px;
	background: linear-gradient(90deg, #b0dfdc, #eef9f9);
	border-radius: 10px;
	padding: 0 18px;
	font-size: 13px;
	color: #1a1a2e;
	display: flex;
	align-items: center;
}

.bm-sc-description {
	padding-bottom: 60px;
	padding-top: 20px;
	color: #353535;
}

.bm-sc-description p {
	font-size: 24px;
	line-height: 34px;
}

@media screen and (max-width: 1024px) {
	.bm-ba-card-img {
		height: 60px;
	}
	.bm-ba-col {
		width: 600px;
	}

	.bm-sc-description p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}
}

@media screen and (max-width: 500px) {
	.bm-ba-card-img {
		width: 132px;
	}
}

/*----------------------------------------
  PGB 2025 BOTTOM PROGRESS BAR
----------------------------------------*/

/* Outer wrapper — fixed to bottom, centered */
#pgb-progress-bar-outer {
	position: fixed;
	overflow: visible;

	bottom: 55px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 220px);
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 9999;

	background: linear-gradient(180deg, #d9d9d9, #c5c5c5);
	padding: 4px 0;
}

#pgb-progress-bar-outer.is-visible {
	opacity: 1;
}

#pgb-pipe-cap-left {
	position: absolute;
	top: 106%;
	transform: translateY(-50%);
}

#pgb-pipe-cap-left-long {
	display: none;
	position: absolute;
	top: 106%;
	transform: translateY(-50%);
	height: 80px;
}

#pgb-pipe-cap-right {
	position: absolute;
	top: 106%;
	transform: translateY(-50%);
}

#pgb-pipe-cap-left {
	right: 100%;
	height: 80px;
}

#pgb-pipe-cap-left-long {
	right: 100%;
}

#pgb-pipe-cap-right {
	left: 100%;
	height: 80px;
}

/* The grey pipe track */
#pgb-progress-bar-container {
	/* position: relative; */
	width: 100%;
	height: 13px;
	background-color: #d9d9d9;
	overflow: hidden;
}

/* Teal fill */
#pgb-progress-bar {
	height: 100%;
	width: 0%;
	/* background: linear-gradient(90deg, #1a4f9f, #00a99c); */
	/* border-radius: 10px 0 0 10px;  */
	transition: width 0.6s ease;
	background: linear-gradient(
		280deg,
		rgba(0, 169, 156, 1) 0%,
		rgba(37, 67, 147, 1) 85%,
		rgba(108, 72, 145, 1) 100%
	);
}

/* White ledge segments — one per gap between ridges, generated by JS */
.pgb-pipe-white-segment {
	position: absolute;
	top: 1px;
	height: 3px;
	background: white;
	border-radius: 1.5px;
	pointer-events: none;
}

/* Ridge wrapper — sits over the pipe, not clipped */
#pgb-progress-bar-ridges {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: visible;
}

@media (min-width: 1601px) {
	#pgb-pipe-cap-left-long {
		display: unset;
	}

	#pgb-pipe-cap-left {
		display: none;
	}
}

/* Each individual ridge */
.pgb-pipe-ridge {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 27px;
	pointer-events: none;
}

/* Section labels below each ridge */
.pgb-pipe-label {
	position: absolute;
	top: calc(100% + 8px);
	transform: translateX(-50%);

	font-family: "Museo Sans";
	font-size: 14px;
	font-weight: 500;
	color: #000;
	white-space: normal;
	text-align: center;
	max-width: 120px;
	cursor: pointer;
	pointer-events: all;
	transition: color 0.3s ease 0.5s;
	user-select: none;
}

.pgb-pipe-label:hover {
	color: #555;
}

.pgb-pipe-label.is-active {
	color: #00a99c;
}

/* Hide progress bar on mobile */
@media (max-width: 1024px) {
	#pgb-progress-bar-outer {
		display: none;
	}
}

/* Downloads section — white label colours */
#pgb-progress-bar-outer.on-downloads .pgb-pipe-label {
	color: rgba(255, 255, 255, 0.9);
	font-weight: 600;
}

#pgb-progress-bar-outer.on-downloads .pgb-pipe-label.is-active {
	color: #fff;
	font-weight: 700;
	opacity: 1;
}

@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-pipe-label {
		font-size: 12px;
		max-width: 100px;
		white-space: normal;
		text-align: center;
	}
}

/*----------------------------------------
  PGB 2025 INTERACTIVE CHART MOBILE
  Date: 27/03/2026
----------------------------------------*/
@media (max-width: 1024px) {
	.pgb-chart-modal-top {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.pgb-chart-modal-header .pgb-scroll-indicator {
		margin-top: 6px;
	}
}

/*----------------------------------------
  PGB 2025 LEADERSHIP MOBILE
  Date: 18/03/2026
----------------------------------------*/
@media (max-width: 1024px) {
	.pgb-leadership-section {
		min-height: 100vh;
		height: auto;
	}

	.pgb-leadership-section-container {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 80px 24px 60px 24px;
	}

	/* LEFT COL: title + photo card */
	.pgb-leadership-image-col {
		width: 100%;
		gap: 24px;
	}

	.pgb-leadership-title h2 {
		font-size: 32px;
	}

	.pgb-leadership-card-container {
		border-radius: 16px;
		overflow: hidden;
	}

	.pgb-leadership-person img {
		width: 100%;
		height: auto;
		display: block;
		border-radius: 16px;
	}

	.pgb-leadership-nameplate {
		bottom: 24px;
		left: 50%;
		transform: translateX(-50%);
		width: max-content;
		max-width: calc(100% - 40px);
		padding: 13px 15px;
		gap: 4px;
		border-radius: 8px;
	}

	.pgb-leadership-nameplate-circle {
		width: 7px;
		height: 7px;
	}

	.pgb-leadership-name {
		font-size: 16px;
		line-height: 20px;
	}

	.pgb-leadership-role {
		font-size: 14px;
		line-height: 18px;
	}

	/* RIGHT COL: accordion */
	.pgb-leadership-content-col {
		width: 100%;
		margin-top: 30px;
	}

	/* On mobile, accordion items stack naturally (not absolutely positioned) */
	.pgb-leadership-accordion-wrapper {
		position: static !important;
		height: auto !important;
		overflow: visible !important;
	}

	.pgb-leadership-accordion-item {
		position: static !important;
		top: auto !important;
		width: 100% !important;
	}

	.pgb-leadership-accordion-label p {
		font-size: 18px;
		line-height: 22px;
	}

	.pgb-leadership-accordion-title-cta {
		margin: 16px 0;
	}

	.pgb-leadership-accordion-content {
		width: 100%;
		gap: 28px;
	}

	/* Allow mobile content to auto-expand when is-active */
	.pgb-leadership-accordion-item.is-active .pgb-leadership-accordion-content {
		max-height: none !important;
		margin: 16px 0 24px 0 !important;
	}

	.pgb-leadership-quote-text-container {
		padding: 32px 0 0 32px;
	}

	.pgb-leadership-quote-text {
		font-size: 22px;
		line-height: 32px;
	}

	.pgb-leadership-quote-mark {
		width: 72px;
		height: 50px;
	}

	.pgb-leadership-message-cta-container {
		padding: 0;
		gap: 20px;
	}

	.pgb-leadership-cta {
		padding: 8px 20px;
	}

	.pgb-leadership-cta-container {
		align-self: center;
	}

	.pgb-leadership-salutation {
		font-weight: 600;
	}

	/* hide the nameplate on mobile */
	.pgb-leadership-nameplate {
		display: none;
	}

	/* Mobile nameplate: name + role between image col and accordion */
	.pgb-leadership-mobile-nameplate {
		display: block;
		width: 100%;
		padding: 20px 0 0;
	}

	.pgb-leadership-mobile-person {
		display: none;
	}

	.pgb-leadership-mobile-person.is-active {
		display: block;
	}

	.pgb-leadership-mobile-name {
		font-size: 18px;
		line-height: 18px;
		font-weight: 900;
		color: #000;
		margin-bottom: 16px;
	}

	.pgb-leadership-mobile-role {
		font-size: 16px;
		line-height: 16px;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.8);
	}
}

/*-----------------------------------------
  PGB BUSINESS REVIEW SECTION
  Date: 22/03/2026
-----------------------------------------*/

.pgb-business-review {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

.pgb-business-review-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* TOP LAYOUT — mirrors pgb-key-highlight-top */
.pgb-business-review-top {
	padding: 60px 80px 0 80px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.pgb-business-review-title {
	position: relative;
	z-index: 0;
	width: 40%;
}

.pgb-business-review-title-clip {
	overflow: hidden;
}

.pgb-business-review-title-clip h2 {
	font-size: 42px;
	line-height: normal;
	font-weight: 900;
	color: #254393;
	transform: translateY(100%);
	transition: transform 0.8s cubic-bezier(0.16, 0, 0.05, 1) 0.3s;
}

.pgb-business-review.is-visible .pgb-business-review-title-clip h2 {
	transform: translateY(0);
}

.pgb-business-review-desc-cta {
	width: 60%;
	gap: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pgb-business-review-description {
	opacity: 0;
	transition: opacity 0.8s ease 0.5s;
}

.pgb-business-review.is-visible .pgb-business-review-description {
	opacity: 1;
}

.pgb-business-review-description p {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #353535;
}

.pgb-business-review-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	opacity: 0;
	transform: translateY(20px);
	transition:
		transform 0.6s,
		opacity 0.8s ease 0.5s !important;
}

.pgb-business-review-cta:hover {
	transform: scale(1.1) !important;
}

.pgb-business-review.is-visible .pgb-business-review-cta {
	opacity: 1;
	transform: translateY(0);
}

.pgb-business-review-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-business-review-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-business-review-cta p {
	align-self: center;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}

/* TAB ROWS LIST */
.pgb-br-list {
	padding: 32px 80px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
	justify-content: flex-start;
}

/* Individual row */
.pgb-br-row {
	position: relative;
	display: flex;
	align-items: center;
	padding: 32px 40px;
	border-radius: 16px;
	background: #f0f2f7;
	overflow: visible;
	z-index: 1;
	cursor: pointer;
}

/* Gradient overlay (animated by GSAP) */
.pgb-br-gradient-bg {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(to right, #254393, #00a99c);
	opacity: 0;
	pointer-events: none;
}

/* Thumbnail — positioned absolutely, animated by GSAP */
.pgb-br-thumbnail {
	position: absolute;
	left: 22%;
	top: 0;
	width: 200px;
	height: 140px;
	border-radius: 8px;
	overflow: hidden;
	opacity: 0;
	z-index: 10;
	pointer-events: none;
}

.pgb-br-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pgb-br-img-placeholder {
	width: 100%;
	height: 100%;
	background: #b0b8c9;
}

/* Left zone: label */
.pgb-br-left {
	width: 35%;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.pgb-br-label {
	font-size: 22px;
	font-weight: 900;
	color: #254393;
	opacity: 0.6;
	line-height: normal;
}

/* Center zone: description */
.pgb-br-center {
	flex: 1;
	padding: 0 40px;
	position: relative;
	z-index: 1;
}

.pgb-br-desc {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #353535;
	opacity: 0.6;
}

/* Right zone: fixed width so the center zone never shifts when pill appears */
.pgb-br-right {
	flex-shrink: 0;
	width: 160px;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* Collapsed state: arrow icon button */
.pgb-br-arrow-btn {
	width: 37.59px;
	height: 37.59px;
	border-radius: 10px;
	background: #254393;
	border: none;
	box-shadow: 0 0 0 4px rgba(37, 67, 147, 0.4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition:
		background 0.4s ease,
		box-shadow 0.4s ease;
}

.pgb-br-arrow-btn img {
	width: 10px;
	height: 10px;
}

/* Arrow image swap — blue arrow hidden by default, shown on active row */
.pgb-br-arrow-active {
	display: none;
}

.pgb-br-row.is-scroll-active .pgb-br-arrow-btn {
	background: #ffffff;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4);
}

.pgb-br-row.is-scroll-active .pgb-br-arrow-default {
	display: none;
}

.pgb-br-row.is-scroll-active .pgb-br-arrow-active {
	display: block;
}

/* Active state: Read More button — rounded square, hidden by default */
.pgb-br-read-more-btn {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4);
	text-decoration: none;
	font-size: 15px;
	font-weight: 900;
	color: #254393;
	white-space: nowrap;
	flex-shrink: 0;
	min-height: 37.59px;
}

.pgb-br-read-more-btn img {
	width: 10px;
	height: 10px;
}

/* RESPONSIVE — max-width 1025px: static collapsed layout, no interaction */
@media (max-width: 1024px) {
	.pgb-business-review-top {
		padding: 80px 20px 0 20px;
		flex-direction: column;
		gap: 20px;
	}

	.pgb-business-review-title,
	.pgb-business-review-desc-cta {
		width: 100%;
	}

	.pgb-business-review-title-clip h2,
	.pgb-business-review-description,
	.pgb-business-review-cta {
		opacity: 1;
		transform: none !important;
	}

	.pgb-br-list {
		padding: 24px 20px;
		gap: 12px;
	}

	.pgb-br-thumbnail {
		display: none;
	}

	/* Keep arrow visible on mobile, hide Read More entirely */
	.pgb-br-read-more-btn {
		display: none !important;
	}

	.pgb-br-arrow-btn {
		display: flex !important;
		opacity: 1 !important;
	}

	/* Transitions for scroll-triggered state changes */
	.pgb-br-gradient-bg {
		opacity: 0;
		transition: opacity 0.4s ease;
	}

	.pgb-br-label {
		opacity: 0.6;
		color: #254393;
		transition:
			opacity 0.4s ease,
			color 0.4s ease;
	}

	.pgb-br-desc {
		opacity: 0.6;
		color: #353535;
		transition:
			opacity 0.4s ease,
			color 0.4s ease;
	}

	/* Scroll-triggered active state on mobile */
	.pgb-br-row.is-scroll-active .pgb-br-gradient-bg {
		opacity: 1;
	}

	.pgb-br-row.is-scroll-active .pgb-br-label {
		opacity: 1;
		color: #ffffff;
	}

	.pgb-br-row.is-scroll-active .pgb-br-desc {
		opacity: 1;
		color: #ffffff;
	}

	.pgb-br-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 24px 20px;
	}

	.pgb-br-left {
		width: 100%;
	}

	.pgb-br-center {
		width: 100%;
		padding: 0;
	}

	.pgb-br-right {
		width: auto;
	}

	.pgb-br-label {
		font-size: 18px;
		line-height: 44px;
		font-weight: 700;
	}

	.pgb-br-desc {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 300 !important;
	}
}

/*----------------------------------------
  PGB RESPONSIVENESS FOR HEIGTH AND WIDTH
----------------------------------------*/

/*----------------------------------------
  PGB OVERVIEW RESPONSIVENESS 
----------------------------------------*/

/* PGB OVERVIEW WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-overview-section-container {
		padding: 20px 40px 20px 40px;
		gap: 40px;
	}

	.pgb-overview-title-description-container {
		gap: 30px;
	}

	.pgb-overview-section-top {
		gap: 16px;
	}

	.pgb-overview-card-top {
		gap: 16px;
	}

	.pgb-overview-card-container {
		padding: 16px 32px 16px 32px;
		gap: 24px;
	}

	.pgb-overview-description p {
		font-size: 24px;
		line-height: 32px;
	}

	.pgb-card-unordered-list ul li {
		padding-bottom: 32px;
	}
}

/* PGB OVERVIEW HEIGHT ISSUE */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-overview-section-container {
		justify-content: flex-start;
		padding: 20px 100px 20px 100px;
		gap: 28px;
	}

	.pgb-overview-title-description-container {
		gap: 24px;
	}

	.pgb-overview-section-top {
		gap: 12px;
	}

	.pgb-overview-card-top {
		gap: 16px;
	}

	.pgb-overview-card-container {
		padding: 16px 32px 16px 32px;
		gap: 24px;
	}

	.pgb-overview-description p {
		font-size: 24px;
		line-height: 32px;
	}

	.pgb-card-unordered-list ul li {
		padding-bottom: 32px;
	}
}

/*----------------------------------------
  PGB VIDEO RESPONSIVENESS 
----------------------------------------*/

/* PGB VIDEO WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-details-container {
		width: 50%;
	}
}

/*----------------------------------------
  PGB KEY HIGHLIGHTS RESPONSIVENESS 
----------------------------------------*/
/* PGB KEY HIGHTLIGHTS WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-key-highlight-top {
		padding: 20px 40px;
	}

	.pgb-key-highlight-bottom {
		padding: 0 40px;
	}

	.pgb-accordion-tab.is-active .pgb-financial-highlight {
		padding: 12px 12px 0 0;
	}

	.pgb-financial-highlight-card-grid-container {
		gap: 16px;
		row-gap: 12px;
	}

	.pgb-accordion-wrapper {
		gap: 16px;
	}

	.pgb-accordion-eyebrown {
		font-size: 16px;
	}

	.pgb-accordion-title {
		font-size: 28px;
	}

	.pgb-accordion-year {
		font-size: 14px;
	}

	.pgb-accordion-year-icon img {
		width: 40px;
		height: 40px;
	}

	.pgb-accordion-FH-card {
		padding: 28px 28px 20px 28px;
	}

	.pgb-financial-highlight {
		justify-content: space-evenly;
	}

	.pgb-accordion-BH-card-icon-title-container {
		gap: 12px;
	}

	.pgb-business-highlight-card-grid-container {
		column-gap: 32px;
		row-gap: 16px;
	}

	.pgb-accordion-tab.is-active .pgb-business-highlight {
		padding: 12px;
	}

	.pgb-accordion-BH-card-title {
		font-size: 16px;
	}

	.pgb-accordion-BH-card-icon-container {
		width: 40px;
		height: 40px;
	}

	.pgb-business-highlight-card {
		gap: 20px;
	}
}
/* PGB KEY HIGHLIGHTS HEIGHT ISSUE */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-key-highlight-top {
		padding: 20px 80px 0 80px;
	}

	.pgb-key-highlight-description-cta-section {
		gap: 20px;
	}

	.pgb-key-highlight-bottom {
		height: 400px;
	}

	.pgb-key-highlight-section-container {
		gap: 24px;
	}

	.pgb-accordion-tab.is-active .pgb-accordion-content {
		padding: 12px;
		padding-bottom: 8px;
	}

	.pgb-financial-highlight-card-grid-container {
		column-gap: 16px;
		row-gap: 12px;
	}

	.pgb-accordion-eyebrown-title {
		gap: 12px;
	}

	.pgb-accordion-FH-card {
		padding: 28px 28px 20px 28px;
	}

	.pgb-accordion-title {
		font-size: 28px;
	}

	.pgb-accordion-eyebrown {
		font-size: 16px;
	}

	.pgb-business-highlight-card {
		gap: 16px;
	}

	.pgb-accordion-tab.is-active .pgb-business-highlight {
		padding: 16px;
	}

	.pgb-business-highlight-card-grid-container {
		row-gap: 20px;
	}

	.pgb-accordion-year-icon img {
		width: 42px;
		height: 42px;
	}
}

/*----------------------------------------
  PGB LEADERSHIP MESSAGES RESPONSIVENESS 
----------------------------------------*/
/* PGB LEADERSHIP MESSAGES WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-leadership-section-container {
		padding: 0 40px;
	}

	.pgb-leadership-accordion-title-cta {
		margin: 16px 0;
	}

	.pgb-leadership-person img {
		width: 400px;
	}

	.pgb-leadership-quote-text-container {
		padding-top: 32px;
	}

	.pgb-leadership-accordion-content {
		gap: 40px;
	}

	.pgb-leadership-message-cta-container {
		gap: 28px;
	}
}

/* PGB LEADERSHIP MESSAGES HEIGHT ISSUES */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-leadership-section-container {
		padding: 40px 100px;
	}

	.pgb-leadership-content-col {
		height: 560px;
	}

	.pgb-leadership-accordion-title-cta {
		margin: 8px 0;
	}

	.pgb-leadership-quote-text-container {
		padding-top: 20px;
	}

	.pgb-leadership-accordion-item.is-active .pgb-leadership-accordion-content {
		gap: 20px;
	}

	.pgb-leadership-message-container {
		gap: 12px;
	}

	.pgb-leadership-message-cta-container {
		gap: 16px;
	}

	.pgb-leadership-image-col {
		height: 546px;
	}

	.pgb-leadership-person img {
		/* width: 390px; */
		width: 100%;
	}
}

@media (min-width: 1025px) and (max-height: 800px) {
	.pgb-leadership-body {
		font-size: 14px;
		line-height: 22px;
	}
}
@media (min-width: 1025px) and (max-height: 700px) {
	.pgb-leadership-card-container {
		max-height: calc(100% - 70px);
	}
}

/*----------------------------------------
  PGB DOWNLOAD SECTION RESPONSIVENESS 
----------------------------------------*/
/* PGB LEADERSHIP MESSAGES WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-download-section-container {
		padding: 40px 40px 80px 40px;
	}
}

/* PGB DOWNLOAD SECTION HEIGHT ISSUES */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-book-flipping-container {
		width: 500px;
		top: -100px;
	}
}

@media (min-width: 1025px) and (max-height: 800px) {
	.pgb-book-flipping-container {
		width: 500px;
		top: -150px;
	}
}

/*----------------------------------------
  PGB BUSINESS MODEL RESPONSIVENESS
----------------------------------------*/

/* PGB BUSINESS MODEL WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-business-model-section-container {
		padding: 20px 24px;
	}

	.pgb-business-model-diagram-cta-container {
		height: 60%;
	}

	.bm-nav-tabs {
		gap: 8px;
	}

	.bm-nav-arrow {
		width: 32px;
		height: 32px;
	}

	.bm-nav-btn {
		font-size: 14px;
	}

	.bm-modal-nav {
		width: 100%;
	}
}

/* PGB BUSINESS MODEL NAV — PILL STEPPER (≤1024px) */
@media (max-width: 1024px) {
	/* .bm-modal {
		justify-content: flex-start;
	} */

	.bm-nav-tabs {
		gap: 6px;
		padding: 10px 18px;
		background-color: #fff;
		align-items: center;
		justify-content: center;
	}

	.bm-nav-btn {
		flex: 1;
		height: 8px;
		padding: 0;
		font-size: 0; /* hide labels, show pill only */
		border-radius: 20px;
		background: rgba(0, 169, 156, 0.25);
		transition: background 0.2s;
	}

	.bm-nav-btn.active {
		background: #254393;
	}

	.bm-nav-btn.visited {
		background: #254393;
	}

	.bm-nav-btn:hover {
		background: rgba(0, 169, 156, 0.45);
		color: transparent;
	}

	.bm-nav-btn.active:hover,
	.bm-nav-btn.visited:hover {
		background: #1c3578;
	}

	.bm-nav-btn:not(:last-child)::after {
		right: -6px;
		width: 6px;
		height: 1.5px;
		background: rgba(0, 169, 156, 0.3);
	}

	.bm-nav-btn.visited:not(:last-child)::after {
		background: #254393;
	}
}

@media (min-width: 1396px) and (max-width: 1920px) {
	.pgb-business-model-chart-center {
		width: 477px;
	}
}

/* PGB BUSINESS MODEL HEIGHT ISSUES */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-business-model-section-container {
		padding: 48px 40px;
		gap: 64px;
	}

	.pgb-business-model-title-bar-container {
		gap: 24px;
	}

	.pgb-business-model-chart-container {
		gap: 24px;
	}

	/* .pgb-business-model-diagram-cta-container {
		height: 75%;
	} */

	/* .bm-modal {
		justify-content: flex-start;
	} */
}
/*----------------------------------------
  PGB BUSINESS REVIEW RESPONSIVENESS
----------------------------------------*/

/* PGB BUSINESS REVIEW WIDTH ISSUES */
@media (min-width: 1025px) and (max-width: 1396px) {
	.pgb-business-review-top {
		padding: 60px 20px 0 20px;
	}

	.pgb-br-list {
		padding: 32px 20px;
	}

	.pgb-business-review-desc-cta {
		gap: 24px;
	}

	.pgb-br-row {
		padding: 32px 30px;
	}

	.pgb-br-label {
		font-size: 19px;
	}

	.pgb-br-thumbnail {
		width: 150px;
		height: 160px;
	}
}

/* PGB BUSINESS REVIEW HEIGHT ISSUES */
@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-business-review-top {
		padding-top: 24px;
	}

	.pgb-business-review-desc-cta {
		gap: 24px;
	}

	.pgb-br-list {
		padding-top: 24px;
		justify-content: flex-start;
	}

	.pgb-br-row {
		padding: 24px 40px;
	}
}

/* =============================================
   BUSINESS REVIEW MODAL
   ============================================= */

.pgb-br-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	box-sizing: border-box;
}

.pgb-br-modal.is-open {
	display: flex;
}

.pgb-br-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

/* Card wrapper */
.pgb-br-modal-wrapper {
	position: relative;
	background: #fff;
	width: 82%;
	max-width: 1200px;
	height: 82vh;
	border-radius: 20px;
	overflow: visible;
	z-index: 1;
	display: flex;
	flex-direction: column;
}

/* Close button — outside top-right corner of card */
.pgb-br-modal-close {
	position: absolute;
	width: 46px;
	height: 46px;
	background-color: #254393;
	border-radius: 100%;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
	z-index: 10;
}

.pgb-br-modal-close:hover {
	transition: background-color 0.4s ease;
	background-color: #fff;
	color: #254393;
}

/* Two-column inner layout */
.pgb-br-modal-inner {
	display: flex;
	flex-direction: row;
	flex: 1;
	min-height: 0;
	overflow: hidden;
	border-radius: 20px;
}

/* Left column — image, does not scroll */
.pgb-br-modal-left {
	width: 360px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 12px 60px 60px;
	background: #fff;
}

.pgb-br-modal-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 0 4px 30px 0 rgba(39, 97, 92, 0.16);
	object-position: 5% center;
}

/* Right column — scrollable content only */
.pgb-br-modal-right {
	flex: 1;
	overflow-y: auto;
	padding: 48px 48px 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	min-width: 0;
}

.pgb-br-modal-right::-webkit-scrollbar {
	width: 8px;
}

.pgb-br-modal-right::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.pgb-br-modal-right::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

/* Header block */
.pgb-br-modal-eyebrow {
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	color: #254393;
	opacity: 0.6;
	margin: 0 0 20px;
}

.pgb-br-modal-title-el {
	font-size: 42px;
	line-height: 44px;
	font-weight: 900;
	color: #254393;
}

.pgb-br-modal-desc-el {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #353535;
	margin: 0;
}

/* Highlights section */
.pgb-br-modal-highlights-label {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #254393;
	margin: 0 0 20px;
}

.pgb-br-modal-cards {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

/* Highlight card — styled like .bm-capital-card with background */
.pgb-br-highlight-card {
	background: rgba(37, 67, 147, 0.1);
	border-radius: 16px;
	padding: 24px 28px;
}

.pgb-br-highlight-desc {
	font-size: 16px;
	font-weight: 500;
	color: #353535;
	margin: 0 0 12px;
	line-height: 1.6;
}

.pgb-br-highlight-bullets {
	margin: 0;
	padding-left: 20px;
	list-style: disc;
}

.pgb-br-highlight-bullets li {
	font-size: 16px;
	font-weight: 500;
	color: #353535;
	line-height: 1.7;
}

/* Footer — See Next */
.pgb-br-modal-footer {
	padding-top: 10px;
}

.pgb-br-modal-footer-hr {
	border: none;
	border-top: 1px solid rgba(37, 67, 147, 0.2);
	margin: 0 0 20px;
}

.pgb-br-modal-see-next-label {
	font-size: 14px;
	font-weight: 700;
	color: #353535;
	margin: 0 0 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.pgb-br-modal-see-next-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 30px;
	font-weight: 900;
	color: #254393;
	line-height: 1.2;
	font-family: inherit;
}

.pgb-br-modal-see-next-btn:hover {
	opacity: 0.75;
}

.pgb-br-modal-see-next-arrow {
	font-size: 30px;
}

.pgb-br-modal .bm-capital-letter,
.pgb-br-modal .bm-capital-name {
	background: #254393;
}

/* =============================================
   BUSINESS REVIEW MODAL — MOBILE (≤1024px)
   ============================================= */

@media (max-width: 1024px) {
	.pgb-br-modal-inner {
		flex-direction: column;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.pgb-br-modal-left {
		width: 100%;
		height: 300px;
		flex-shrink: 0;
		padding: 20px;
	}

	.pgb-br-modal-image {
		border-radius: 20px;
	}

	.pgb-br-modal-right {
		padding: 32px 24px 40px;
		gap: 28px;
		overflow-y: visible;
		flex: none;
		min-height: auto;
	}

	.pgb-br-modal-title-el {
		font-size: 32px;
		line-height: 36px;
		margin: 0 0 24px;
	}

	.pgb-br-modal-eyebrow {
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 12px;
	}

	.pgb-br-modal-see-next-btn {
		font-size: 24px;
		text-align: left;
	}

	.pgb-br-highlight-card {
		padding: 20px;
	}

	.bm-capital-name {
		font-size: 14px;
	}

	.pgb-br-highlight-bullets li {
		line-height: 1.5;
	}
}

/* =============================================
   NON-FINANCIAL INDEX SECTION
   ============================================= */

.pgb-non-financial-index-section {
	background: #ecf1f1;
}

.pgb-nfi-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 60px 80px 40px;
	box-sizing: border-box;
	overflow: hidden;
	gap: 8px;
}

/* ---- Header ---- */
.pgb-nfi-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}

.pgb-nfi-title {
	font-size: 40px;
	font-weight: 900;
	color: #1a2e4a;
	line-height: 1.1;
	margin: 0;
}

/* ---- Download CTA (mirrors pgb-key-highlight-cta) ---- */
.pgb-nfi-download-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
}

.pgb-nfi-download-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-nfi-download-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
	min-height: 37.59px;
}

.pgb-nfi-download-cta p {
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	margin: 0;
	line-height: normal;
}

.pgb-nfi-download-cta .download-svg {
	display: flex;
	align-items: center;
}

/* ---- Cards area ---- */
.pgb-nfi-cards-area {
	position: relative;
	flex: 1;
	max-height: 654px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

/* ---- Scene: single fixed-size reference for all positioned children ---- */
/* Move/resize the scene to reposition everything together               ---- */
.pgb-nfi-scene {
	position: relative;
	height: 600px;
	width: 1400px;
	max-width: 100%;
}

/* SELF BUILD APPROACH */
.pgb-nfi-scene::before {
	content: "";
	background-image: url(../image/pgb-nfi-card-background-cropped.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
	position: absolute;
	width: 100%;
	height: 34px;
	top: -26px;
	max-width: 1400px;
}

/* ---- Bottom folder SVG (in front of cards) ---- */
/* Use negative bottom to extend below the scene---- */
.pgb-nfi-bottom-folder {
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 0;
	width: 100%;
	object-fit: fill;
	z-index: 3;
	pointer-events: none;
	display: block;
}

/* ---- Background SVG shape (behind cards-group) ---- */
/* fills the scene; cards-group is offset right so bg shows 40px left   */
.pgb-nfi-bg-shape {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 94%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
	display: block;
	overflow: visible;

	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #00aa9c;
	border-radius: 0 37px 37px 37px;
}

/* ---- Cards group (fills the scene exactly) ---- */
.pgb-nfi-cards-group {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 2;
	border-radius: 20px;
	margin: 60px 0 0 40px;
}

.pgb-nfi-card {
	position: absolute;
	left: 0;
	right: 0;
	height: 500px;
	background: #fff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.pgb-nfi-card-1 {
	top: 0;
	z-index: 1;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}

.pgb-nfi-card-2 {
	top: 330px; /* JS will override to CARD_H - header height */
	z-index: 2;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
}

/* .pgb-nfi-card-2 .pgb-nfi-card-header {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
} */

/* ---- Card header ---- */
.pgb-nfi-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 28px;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pgb-nfi-card-header h3 {
	font-size: 20px;
	font-weight: 900;
	color: #1a2e4a;
	line-height: 1.2;
	margin: 0;
}

/* ---- Toggle button (+/-) ---- */
.pgb-nfi-toggle-btn {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 10px;
	background: #00a99c;
	border: none;
	box-shadow: 0 0 0 4px rgba(0, 169, 156, 0.4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.pgb-nfi-toggle-btn:hover {
	transform: scale(1.08);
}

/* ---- Card body (scrollable) ---- */
.pgb-nfi-card-body {
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.pgb-nfi-table-scroll {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 28px 80px;
	/*scrollbar-width: thin;
	scrollbar-color: #c5c5c5 #f1f1f1;*/
}

.pgb-nfi-card-2 .pgb-nfi-table-scroll {
	padding-bottom: 100px;
}

@media (max-width: 1024px) {
	.pgb-nfi-card-2 .pgb-nfi-table-scroll {
		padding-bottom: 50px;
	}
}

.pgb-nfi-table-scroll::-webkit-scrollbar {
	width: 8px;
}

.pgb-nfi-table-scroll::-webkit-scrollbar-track {
	background: #c5c5c551;
	border-radius: 15px;
}

.pgb-nfi-table-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6;
	border-radius: 15px;
}

/* ---- Three-column table layout ---- */
.pgb-nfi-group {
	display: grid;
	grid-template-columns: 200px 1fr;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pgb-nfi-group:first-child {
	border-top: none;
}

/* Sticky category label (col 1) */
.pgb-nfi-cat {
	position: sticky;
	top: 0;
	align-self: start;
	font-size: 13px;
	font-weight: 700;
	color: #1a2e4a;
	line-height: 1.4;
	padding: 18px 16px 18px 0;
	background: #fff;
	z-index: 1;
}

/* Disclosure rows (col 2 + 3 combined) */
.pgb-nfi-rows {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.pgb-nfi-row {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 50px;
	padding: 14px 0 14px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pgb-nfi-row:first-child {
	border-top: none;
}

.pgb-nfi-disc {
	font-size: 13px;
	color: #353535;
	line-height: 1.55;
}

.pgb-nfi-page {
	font-size: 13px;
	color: #353535;
	line-height: 1.55;
	text-align: left;
}

/* ---- Entrance animation overlay ---- */
/* Offsets are relative to the scene — adjust to match your SVG shape   ---- */
/* .pgb-nfi-entrance-overlay {
	position: absolute;
	top: 0; 
	left: 46px; 
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	z-index: 100;
	pointer-events: none;
	will-change: transform;
} */

.pgb-nfi-entrance-overlay {
	position: absolute;
	width: 96%;
	height: 85%;
	top: 13%;
	left: 5.5%;
	right: 0;
	bottom: 0;
	background-color: #56d0c7;
	border-radius: 20px;
	z-index: 100;
	pointer-events: none;
	will-change: transform;
	display: none;
}

/* ---- is-visible fade-in for section header ---- */
.pgb-non-financial-index-section .pgb-nfi-title {
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s ease 0.2s,
		transform 0.7s ease 0.2s;
}

.pgb-non-financial-index-section.is-visible .pgb-nfi-title {
	opacity: 1;
	transform: translateY(0);
}

/*
.pgb-nfi-download-cta {
	opacity: 0;
	transform: translateY(16px);
	transition:
		opacity 0.7s ease 0.4s,
		transform 0.7s ease 0.4s;
}*/

.pgb-nfi-download-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	opacity: 0;
	transform: translateY(20px);
	transition:
		transform 0.6s,
		opacity 0.8s ease 0.5s !important;
}

.pgb-non-financial-index-section.is-visible .pgb-nfi-download-cta {
	opacity: 1;
	transform: translateY(0);
}

.pgb-nfi-download-cta:hover {
	transform: scale(1.1) !important;
}

/*
.pgb-nfi-download-cta {
	position: relative;
	width: max-content;
	border: 4px solid rgba(0, 169, 156, 0.4);
	border-radius: 10px;
	opacity: 0;
	transform: translateY(20px);
	transition:
		transform 0.6s,
		opacity 0.8s ease 0.5s !important;
}

.pgb-nfi-download-cta:hover {
	transform: scale(1.1) !important;
}

.pgb-nfi-download.is-visible .pgb-nfi-download-cta {
	opacity: 1;
	transform: translateY(0);
}

.pgb-nfi-download-cta a {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	padding: 8px 10px;
	background-color: #00a99c;
	border-radius: 7px;
	text-decoration: none;
}

.pgb-nfi-download-cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 169, 156, 0.4);
	border-radius: 6px;
}

.pgb-nfi-download-cta p {
	align-self: center;
	font-size: 16px;
	line-height: normal;
	font-weight: 900;
	color: #fff;
}
*/

/* ---- Mobile ---- */
@media (max-width: 1024px) {
	.pgb-nfi-container {
		padding: 40px 24px 80px;
		overflow-y: auto;
	}

	.pgb-nfi-title {
		font-size: 28px;
	}

	.pgb-nfi-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.pgb-nfi-cards-area {
		position: static;
		overflow: visible;
		display: flex;
		flex-direction: column;
		gap: 24px;
		max-height: unset;
	}

	.pgb-nfi-bg-shape {
		width: 100%;
	}

	.pgb-nfi-scene {
		width: 100%;
		height: auto;
		padding: 10px;
	}

	.pgb-nfi-scene::before {
		left: 0;
		background-size: contain;
	}

	.pgb-nfi-cards-group {
		position: static !important;
		margin: 0;
		overflow: visible;
		height: auto !important;
		border-radius: 0;
	}

	.pgb-nfi-cards-inner {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.pgb-nfi-card {
		position: relative !important;
		height: auto;
	}

	.pgb-nfi-card-1 {
		box-shadow: none;
	}

	.pgb-nfi-card-1:not(.is-active) {
		border-radius: 20px 20px 0 0;
	}

	.pgb-nfi-card-2 {
		top: 0;
	}

	.pgb-nfi-card-header {
		cursor: pointer;
	}

	.pgb-nfi-card-header h3 {
		font-size: 16px;
	}

	/* Accordion: collapsed by default */
	.pgb-nfi-card-body {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.5s ease;
	}

	/* Expanded state */
	.pgb-nfi-card.is-active .pgb-nfi-card-body {
		max-height: 480px;
	}

	.pgb-nfi-table-scroll {
		overflow-y: auto;
		max-height: 480px;
		padding: 0 16px 16px;
	}

	.pgb-nfi-group {
		grid-template-columns: 1fr;
	}

	.pgb-nfi-rows {
		border-left: none;
	}

	.pgb-nfi-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.pgb-nfi-page {
		text-align: left;
		color: #00a99c;
	}

	.pgb-nfi-entrance-overlay {
		display: none;
	}
}

@media (max-width: 500px) {
	.pgb-nfi-scene::before {
		width: 50%;
		top: -16px;
	}
}

@media (min-width: 1025px) and (max-height: 900px) {
	.pgb-nfi-scene {
		height: 450px;
	}
	.pgb-nfi-cards-group {
		margin-top: 36px; /* was 60px */
	}
}

/*----------------------------------------
HEIGHT BETWEEN 800PX AND 900PX 
----------------------------------------*/
@media screen and (min-width: 1025px) and (min-height: 800px) and (max-height: 900px) {
	.pgb-overview-section-container,
	.pgb-video-section-container {
		padding: 60px 100px;
	}

	.pgb-key-highlight-top {
		padding-top: 60px;
	}

	.pgb-leadership-section-container {
		padding: 60px 100px;
	}

	.pgb-leadership-accordion-wrapper {
		overflow: visible !important;
	}

	.pgb-business-model-section-container {
		padding: 60px 100px;
	}

	.pgb-business-review-top {
		padding-top: 60px;
	}

	.pgb-book-flipping-container {
		width: 550px;
	}

	.pgb-nfi-scene {
		height: 500px;
	}
	/* was 60px
	.pgb-nfi-cards-group {
		margin-top: 36px; 
	}*/
}

@media (max-width: 768px) {
	.pgb-book-flipping-container {
		width: 300px;
	}
}

/* Model table Styling */
.bm-capital-header-with-years {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.bm-capital-header-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bm-capital-years {
	display: flex;
	gap: 40px;
	font-weight: 600;
}

.bm-capital-table {
	margin-top: 16px;
	font-size: 14px;
}

.bm-capital-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 55px 55px;
	gap: 16px;
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.bm-capital-row:last-child {
	border-bottom: none;
}

.bm-capital-value {
	text-align: right;
}

.bm-highlight {
	color: #00a99c;
	font-weight: 700;
}

.bm-capital-year-row {
	display: none;
}

/* BUSINESS MODEL MODAL — TAB 3: Material Matters */
#tab3.bm-tab-content {
	width: 992px;
	min-width: 992px;
	padding-right: 8px;
}

#tab3 .bm-ba-grid {
	grid-template-columns: 1fr;
}

.bm-mm-list {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}

.bm-mm-item {
	width: 30%;
}

@media (max-width: 1024px) {
	#tab3 .bm-ba-col {
		width: 100%;
	}
	#tab3.bm-tab-content {
		padding: 20px;
	}

	.bm-mm-icon {
		width: 32px;
		height: 32px;
	}
}

@media screen and (max-width: 1024px) {
	.bm-capitals-grid {
		grid-template-columns: 1fr;
		min-width: unset;
	}
}

/* BUSINESS MODEL MODAL — TAB 4: Operating Environment */
#tab4 .bm-ba-grid {
	grid-template-columns: 1fr;
	min-width: 100%;
}

.bm-ol-list {
	gap: 10px;
}

@media screen and (max-width: 1024px) {
	#tab4 .bm-ba-col {
		width: 100%;
	}
}

/* BUSINESS MODEL MODAL — TAB 6 */
#tab6.bm-tab-content {
	width: 350px;
	min-width: 350px;
	padding-right: 8px;
}

#tab6 .bm-ba-grid {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	min-width: 100%;
}

#tab6 .bm-mm-item {
	width: 100%;
	background: linear-gradient(90deg, #c4c12d66, #c4c12d1a);
}

/* BUSINESS MODEL MODAL — TAB 5 */
.bm-capital-row-4col {
	grid-template-columns: minmax(0, 1fr) 55px 55px 55px;
}

.bm-capital-subnote {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 500;
	color: #00a99c;
}

.bm-capital-row-note {
	grid-template-columns: minmax(0, 1fr) 55px 90px;
	column-gap: 24px;
}

.bm-capital-row-note .bm-capital-value {
	align-self: start;
}

/* BUSINESS MODEL MODAL — Navigation */
.bm-nav-tabs {
	overflow: auto; /* or scroll if you always want scroll behavior */

	/* Hide scrollbar for Chrome, Safari and Edge */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

/* .bm-capital-list li {
	padding-bottom: 15px;
} */

/* BUSINESS MODEL MODAL — Mobile: vertical scroll layout */
@media screen and (max-width: 1024px) {
	.bm-modal-wrapper {
		max-height: 80vh;
	}
	.bm-scroll-indicator {
		opacity: 1 !important;
	}
	.bm-modal-body {
		flex-direction: column;
		overflow-x: hidden;
		overflow-y: auto;
		scroll-snap-type: none;
	}
	.bm-tab-content {
		width: 100% !important;
		min-width: 100% !important;
		overflow-y: visible;
		scroll-snap-align: none;
		padding: 20px;
	}
	.bm-ba-grid {
		grid-template-columns: 1fr;
		min-width: unset;
	}
	.bm-ba-col {
		width: 100%;
	}
	.bm-mm-item {
		width: 100%;
		padding: 10px;
		height: 50px;
	}

	.bm-mm-list {
		gap: 10px;
	}
}

/* SCROLL INDICATOR */
.overview-card-3 .pgb-overview-card-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.pgb-overview-card-top .pgb-scroll-indicator {
	width: max-content;
}

.pgb-scroll-indicator {
	display: flex;
	width: max-content;
	height: max-content;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	background-color: rgba(241, 241, 241, 1);
	padding: 6px 14px;
	border-radius: 20px;
}

.bm-scroll-indicator {
	position: absolute;
	bottom: 24px;
	right: 24px;
	z-index: 10;
	pointer-events: none;
	transform: translateY(50%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.bm-scroll-indicator.is-visible {
	opacity: 1;
}

.pgb-scroll-indicator p {
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.pgb-br-modal-title-indicator-container {
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.pgb-nfi-header-indicator {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pgb-nfi-header-indicator .pgb-scroll-indicator {
	max-width: max-content;
	align-self: flex-end;
	background-color: #fff;
	opacity: 0;
	transition: opacity 0.7s ease 0.5s;
}

.pgb-non-financial-index-section.is-visible .pgb-nfi-header-indicator .pgb-scroll-indicator {
	opacity: 1;
}

.pgb-key-highlight-cta-indicator-container {
	display: flex;
	justify-content: space-between;
}

.pgb-key-highlight-cta-indicator-container .pgb-scroll-indicator {
	background-color: #fff;
	height: max-content;
	align-self: flex-end;
	opacity: 0;
	transition: opacity 0.4s ease;
}

#sec4.show-scroll-indicator .pgb-key-highlight-cta-indicator-container .pgb-scroll-indicator {
	opacity: 1;
}

@media (max-width: 1024px) {
	.pgb-key-highlight-cta-indicator-container .pgb-scroll-indicator {
		display: none;
	}
}

/* Leadership Section */
@media (min-width: 1024px) {
	.pgb-leadership-person:nth-child(2) .pgb-leadership-nameplate,
	.pgb-leadership-person:nth-child(3) .pgb-leadership-nameplate {
		min-width: 395px;
	}
}

.fm-page-white-space-issue {
	white-space: nowrap;
}