/* Global Insights KPO v20.0.49 How We Work page polish. Loaded last. */

body.gi-how-active .gi-how-hero.gi-subpage-hero,
.gi-how-hero.gi-subpage-hero {
	min-height: 640px !important;
	display: flex !important;
	align-items: flex-start !important;
	padding: 0 !important;
	background:
		linear-gradient(115deg, rgba(6,20,60,.94) 0%, rgba(11,40,94,.82) 45%, rgba(18,61,137,.54) 100%),
		var(--gi-subpage-hero-image) center right / cover no-repeat !important;
	color: #fff !important;
}

body.gi-how-active .gi-how-hero.gi-subpage-hero::after,
.gi-how-hero.gi-subpage-hero::after {
	background:
		radial-gradient(circle at 15% 36%, rgba(55,255,24,.15), transparent 27%),
		radial-gradient(circle at 86% 18%, rgba(255,255,255,.10), transparent 28%) !important;
	background-size: auto !important;
	opacity: .84 !important;
}

body.gi-how-active .gi-how-hero > .gi-grid-bg,
.gi-how-hero > .gi-grid-bg {
	display: none !important;
}

body.gi-how-active .gi-how-hero .gi-subpage-hero-copy,
.gi-how-hero .gi-subpage-hero-copy {
	max-width: 830px !important;
	padding: 132px 0 72px !important;
}

body.gi-how-active .gi-how-hero .gi-subpage-hero-copy h1,
.gi-how-hero .gi-subpage-hero-copy h1 {
	max-width: 830px !important;
	margin: 24px 0 20px !important;
	font-size: clamp(52px, 5.7vw, 78px) !important;
	line-height: 1.06 !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

body.gi-how-active .gi-how-hero .gi-subpage-hero-copy p,
.gi-how-hero .gi-subpage-hero-copy p {
	max-width: 900px !important;
	margin: 0 !important;
	color: rgba(255,255,255,.88) !important;
	font-size: 20px !important;
	line-height: 1.56 !important;
}

body.gi-how-active .gi-how-hero .gi-actions,
.gi-how-hero .gi-actions {
	margin-top: 30px !important;
}

body.gi-how-active .gi-how29-head h2,
body.gi-how-active .gi-how29-dark-head h2,
.gi-how29-head h2,
.gi-how29-dark-head h2 {
	font-size: clamp(42px, 5.1vw, 68px) !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
}

body.gi-how-active .gi-how29-head h2 strong,
.gi-how29-head h2 strong {
	line-height: inherit !important;
}

body.gi-how-active .gi-how29-head,
body.gi-how-active .gi-how29-dark-head,
.gi-how29-head,
.gi-how29-dark-head {
	align-items: end !important;
	gap: clamp(28px, 4vw, 56px) !important;
	margin-bottom: clamp(32px, 4vw, 48px) !important;
}

body.gi-how-active .gi-how29-photo-panel,
.gi-how29-photo-panel {
	min-height: 360px !important;
	background:
		linear-gradient(180deg, rgba(5,13,30,.06), rgba(5,13,30,.72)),
		url("../img/how-we-work-hero-v20-0-49.png") center right / cover no-repeat !important;
}

body.gi-how-active .gi-how29-photo-panel img,
.gi-how29-photo-panel img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center right !important;
	opacity: .9 !important;
}

body.gi-how-active .gi-how29-photo-panel::after,
.gi-how29-photo-panel::after {
	background:
		linear-gradient(180deg, rgba(5,13,30,.08), rgba(5,13,30,.86)),
		radial-gradient(circle at 18% 20%, rgba(55,255,24,.14), transparent 28%) !important;
}

body.gi-how-active .gi-how29-photo-copy,
.gi-how29-photo-copy {
	text-shadow: 0 2px 18px rgba(0,0,0,.32) !important;
}

body.gi-how-active .gi-how29-runway,
.gi-how29-runway {
	background: linear-gradient(135deg, #edf5ff, #ffffff) !important;
	background-size: auto !important;
}

body.gi-how-active .gi-how29-runway article,
.gi-how29-runway article {
	min-height: 188px !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5),
.gi-how29-runway article:nth-child(5) {
	grid-column: 1 / -1 !important;
	display: grid !important;
	grid-template-columns: 86px minmax(250px, .78fr) minmax(300px, .9fr) !important;
	grid-template-rows: auto !important;
	align-items: center !important;
	min-height: 166px !important;
	padding: 16px 22px !important;
	background:
		radial-gradient(circle at 5% 20%, rgba(55,255,24,.14), transparent 28%),
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(243,248,255,.98)) !important;
	box-shadow: 0 20px 46px rgba(12,35,79,.10) !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) .gi-how29-step-top,
.gi-how29-runway article:nth-child(5) .gi-how29-step-top {
	grid-row: auto !important;
	display: grid !important;
	align-content: center !important;
	justify-items: center !important;
	gap: 12px !important;
	min-height: 124px !important;
	padding: 12px 10px !important;
	border-radius: 20px !important;
	background: #eef5ff !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) .gi-how29-step-copy,
.gi-how29-runway article:nth-child(5) .gi-how29-step-copy {
	display: grid !important;
	align-content: center !important;
	gap: 10px !important;
	padding-right: clamp(12px, 2vw, 24px) !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) h3,
.gi-how29-runway article:nth-child(5) h3 {
	align-self: center !important;
	font-size: clamp(25px, 2.4vw, 34px) !important;
	line-height: 1.12 !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) p,
.gi-how29-runway article:nth-child(5) p {
	max-width: 36ch !important;
	margin: 0 !important;
	color: #516179 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) ul,
.gi-how29-runway article:nth-child(5) ul {
	grid-column: auto !important;
	grid-row: auto !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: none !important;
	gap: 13px !important;
	align-self: center !important;
	position: relative !important;
	padding: 17px 24px !important;
	border: 1px solid rgba(20,73,153,.12) !important;
	border-radius: 20px !important;
	background: rgba(255,255,255,.68) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.78), 0 12px 32px rgba(12,35,79,.06) !important;
	overflow: visible !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) ul::before,
.gi-how29-runway article:nth-child(5) ul::before {
	display: none !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) li,
.gi-how29-runway article:nth-child(5) li {
	display: grid !important;
	grid-template-columns: 16px minmax(0, 1fr) !important;
	grid-template-rows: auto !important;
	align-items: center !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #243650 !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.36 !important;
	box-shadow: none !important;
	position: static !important;
	z-index: auto !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) li svg,
.gi-how29-runway article:nth-child(5) li svg {
	position: relative !important;
	z-index: 2 !important;
	width: 14px !important;
	height: 14px !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #144999 !important;
}

body.gi-how-active .gi-how29-runway article:nth-child(5) li > span,
.gi-how29-runway article:nth-child(5) li > span {
	display: none !important;
}

body.gi-how-active .gi-how29-flex,
.gi-how29-flex {
	background:
		radial-gradient(circle at 8% 18%, rgba(55,255,24,.14), transparent 28%),
		linear-gradient(135deg, #07162d 0%, #123f91 58%, #2468d5 100%) !important;
}

body.gi-how-active .gi-how29-dark-head,
.gi-how29-dark-head {
	display: block !important;
	max-width: 1080px !important;
	margin-bottom: clamp(20px, 2.5vw, 30px) !important;
}

body.gi-how-active .gi-how29-dark-head > div,
.gi-how29-dark-head > div {
	max-width: none !important;
}

body.gi-how-active .gi-how29-dark-head h2,
.gi-how29-dark-head h2 {
	max-width: 980px !important;
}

body.gi-how-active .gi-how29-skill-cloud,
.gi-how29-skill-cloud {
	display: none !important;
}

body.gi-how-active .gi-how29-skill-marquee,
.gi-how29-skill-marquee {
	position: relative !important;
	overflow: hidden !important;
	margin: 0 0 clamp(26px, 3vw, 42px) !important;
	padding: 14px 0 !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.045)) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.gi-how-active .gi-how29-skill-marquee::before,
body.gi-how-active .gi-how29-skill-marquee::after,
.gi-how29-skill-marquee::before,
.gi-how29-skill-marquee::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 110px;
	pointer-events: none;
}

body.gi-how-active .gi-how29-skill-marquee::before,
.gi-how29-skill-marquee::before {
	left: 0;
	background: linear-gradient(90deg, #07162d, rgba(7,22,45,0));
}

body.gi-how-active .gi-how29-skill-marquee::after,
.gi-how29-skill-marquee::after {
	right: 0;
	background: linear-gradient(270deg, #2468d5, rgba(36,104,213,0));
}

body.gi-how-active .gi-how29-skill-marquee > div,
.gi-how29-skill-marquee > div {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	width: max-content !important;
	padding-right: 14px !important;
	animation: giHowSkillMarquee 10s linear infinite !important;
}

body.gi-how-active .gi-how29-skill-marquee span,
.gi-how29-skill-marquee span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-width: max-content !important;
	min-height: 40px !important;
	padding: 10px 20px !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.11) !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
	text-align: center !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

body.gi-how-active .gi-how29-skill-marquee span:nth-child(3n + 1),
.gi-how29-skill-marquee span:nth-child(3n + 1) {
	background: rgba(55,255,24,.16) !important;
	color: #eaffea !important;
}

@keyframes giHowSkillMarquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

body.gi-how-active .gi-how29-flex-board,
.gi-how29-flex-board {
	margin-top: clamp(26px, 3vw, 42px) !important;
}

body.gi-how-active .gi-how29-support-grid article,
body.gi-how-active .gi-how29-capacity-panel,
.gi-how29-support-grid article,
.gi-how29-capacity-panel {
	border-radius: 22px !important;
}

/* How We Work: present methodology points as collapsible tabs without changing content. */
body.gi-how-active .gi-how29-method-tabs,
.gi-how29-method-tabs {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 14px !important;
	padding: clamp(16px, 2vw, 22px) !important;
	border: 1px solid rgba(18, 61, 137, .12) !important;
	border-radius: 28px !important;
	background:
		radial-gradient(circle at 94% 4%, rgba(55,255,24,.14), transparent 26%),
		linear-gradient(135deg, #edf5ff, #ffffff) !important;
	box-shadow: 0 24px 64px rgba(12,35,79,.10) !important;
}

body.gi-how-active .gi-how29-method-tab,
.gi-how29-method-tab {
	position: relative !important;
	overflow: hidden !important;
	border: 1px solid rgba(20,73,153,.14) !important;
	border-radius: 22px !important;
	background: rgba(255,255,255,.82) !important;
	box-shadow: 0 16px 38px rgba(12,35,79,.07) !important;
	transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease, background .24s ease !important;
}

body.gi-how-active .gi-how29-method-tab[open],
.gi-how29-method-tab[open] {
	border-color: rgba(55,255,24,.42) !important;
	background:
		linear-gradient(90deg, rgba(55,255,24,.12), rgba(255,255,255,.94) 42%),
		#fff !important;
	box-shadow: 0 22px 48px rgba(12,35,79,.11) !important;
}

body.gi-how-active .gi-how29-method-tab summary,
.gi-how29-method-tab summary {
	display: grid !important;
	grid-template-columns: 48px 54px minmax(0, 1fr) 36px !important;
	align-items: center !important;
	gap: 18px !important;
	min-height: 78px !important;
	padding: 14px 18px !important;
	cursor: pointer !important;
	list-style: none !important;
}

body.gi-how-active .gi-how29-method-tab summary::-webkit-details-marker,
.gi-how29-method-tab summary::-webkit-details-marker {
	display: none !important;
}

body.gi-how-active .gi-how29-tab-icon,
.gi-how29-tab-icon {
	display: inline-grid !important;
	place-items: center !important;
	align-self: center !important;
	justify-self: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 16px !important;
	background: #eef5ff !important;
	color: #144999 !important;
}

body.gi-how-active .gi-how29-tab-icon svg,
.gi-how29-tab-icon svg {
	width: 20px !important;
	height: 20px !important;
}

body.gi-how-active .gi-how29-tab-number,
.gi-how29-tab-number {
	align-self: center !important;
	justify-self: start !important;
	color: #c9d8eb !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -.04em !important;
}

body.gi-how-active .gi-how29-tab-title,
.gi-how29-tab-title {
	align-self: center !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #06142c !important;
	font-size: clamp(20px, 1.8vw, 25px) !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: -.035em !important;
}

body.gi-how-active .gi-how29-tab-toggle,
.gi-how29-tab-toggle {
	position: relative !important;
	display: inline-grid !important;
	place-items: center !important;
	align-self: center !important;
	justify-self: end !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 999px !important;
	background: rgba(20,73,153,.08) !important;
}

body.gi-how-active .gi-how29-tab-toggle::before,
body.gi-how-active .gi-how29-tab-toggle::after,
.gi-how29-tab-toggle::before,
.gi-how29-tab-toggle::after {
	content: "" !important;
	position: absolute !important;
	width: 14px !important;
	height: 2px !important;
	border-radius: 999px !important;
	background: #144999 !important;
	transition: transform .22s ease !important;
}

body.gi-how-active .gi-how29-tab-toggle::after,
.gi-how29-tab-toggle::after {
	transform: rotate(90deg) !important;
}

body.gi-how-active .gi-how29-method-tab[open] .gi-how29-tab-toggle::after,
.gi-how29-method-tab[open] .gi-how29-tab-toggle::after {
	transform: rotate(0deg) !important;
}

body.gi-how-active .gi-how29-tab-panel,
.gi-how29-tab-panel {
	padding: 0 18px 18px 138px !important;
}

body.gi-how-active .gi-how29-tab-panel ul,
.gi-how29-tab-panel ul {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 2px 0 2px 18px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: disc outside !important;
}

body.gi-how-active .gi-how29-tab-panel li,
.gi-how29-tab-panel li {
	display: list-item !important;
	min-height: 0 !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #243650 !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
	box-shadow: none !important;
}

body.gi-how-active .gi-how29-tab-panel li svg,
.gi-how29-tab-panel li svg {
	display: none !important;
}

body.gi-how-active .gi-how29-method-tab.gi-how29-improve-step[open],
.gi-how29-method-tab.gi-how29-improve-step[open] {
	background:
		radial-gradient(circle at 6% 16%, rgba(55,255,24,.18), transparent 28%),
		linear-gradient(90deg, rgba(55,255,24,.16), rgba(255,255,255,.94) 46%),
		#fff !important;
}

@media (max-width: 1180px) {
	body.gi-how-active .gi-how29-method-board,
	.gi-how29-method-board {
		grid-template-columns: 1fr !important;
	}

	body.gi-how-active .gi-how29-method-visual,
	.gi-how29-method-visual {
		grid-template-columns: minmax(0, 1fr) 220px !important;
	}
}

@media (max-width: 960px) {
	body.gi-how-active .gi-how29-head,
	body.gi-how-active .gi-how29-dark-head,
	.gi-how29-head,
	.gi-how29-dark-head {
		grid-template-columns: 1fr !important;
	}

	body.gi-how-active .gi-how29-runway article:nth-child(5),
	.gi-how29-runway article:nth-child(5) {
		grid-template-columns: 58px minmax(0, 1fr) !important;
		min-height: 0 !important;
	}

	body.gi-how-active .gi-how29-runway article:nth-child(5) ul,
	.gi-how29-runway article:nth-child(5) ul {
		grid-column: 2 !important;
		grid-template-columns: 1fr !important;
	}

	body.gi-how-active .gi-how29-runway article:nth-child(5) li,
	.gi-how29-runway article:nth-child(5) li {
		min-height: 0 !important;
	}
}

@media (max-width: 720px) {
	body.gi-how-active .gi-how-hero.gi-subpage-hero,
	.gi-how-hero.gi-subpage-hero {
		min-height: 0 !important;
	}

	body.gi-how-active .gi-how-hero .gi-subpage-hero-copy,
	.gi-how-hero .gi-subpage-hero-copy {
		padding: 118px 0 58px !important;
	}

	body.gi-how-active .gi-how-hero .gi-subpage-hero-copy h1,
	.gi-how-hero .gi-subpage-hero-copy h1 {
		font-size: 42px !important;
		line-height: 1.08 !important;
	}

	body.gi-how-active .gi-how29-head h2,
	body.gi-how-active .gi-how29-dark-head h2,
	.gi-how29-head h2,
	.gi-how29-dark-head h2 {
		font-size: 36px !important;
		line-height: 1.12 !important;
	}

	body.gi-how-active .gi-how29-method-visual,
	.gi-how29-method-visual {
		grid-template-columns: 1fr !important;
	}

	body.gi-how-active .gi-how29-skill-marquee::before,
	body.gi-how-active .gi-how29-skill-marquee::after,
	.gi-how29-skill-marquee::before,
	.gi-how29-skill-marquee::after {
		width: 44px !important;
	}
}

@media (max-width: 720px) {
	body.gi-how-active .gi-how29-method-tabs,
	.gi-how29-method-tabs {
		gap: 12px !important;
		padding: 14px !important;
		border-radius: 22px !important;
	}

	body.gi-how-active .gi-how29-method-tab,
	.gi-how29-method-tab {
		border-radius: 18px !important;
	}

	body.gi-how-active .gi-how29-method-tab summary,
	.gi-how29-method-tab summary {
		grid-template-columns: 40px 42px minmax(0, 1fr) 32px !important;
		gap: 10px !important;
		min-height: 72px !important;
		padding: 14px !important;
	}

	body.gi-how-active .gi-how29-tab-icon,
	.gi-how29-tab-icon {
		grid-column: 1 !important;
		grid-row: 1 !important;
		width: 40px !important;
		height: 40px !important;
		border-radius: 14px !important;
	}

	body.gi-how-active .gi-how29-tab-number,
	.gi-how29-tab-number {
		grid-column: 2 !important;
		grid-row: 1 !important;
		font-size: 25px !important;
		text-align: left !important;
	}

	body.gi-how-active .gi-how29-tab-title,
	.gi-how29-tab-title {
		grid-column: 3 !important;
		grid-row: 1 !important;
		font-size: 19px !important;
		line-height: 1.14 !important;
	}

	body.gi-how-active .gi-how29-tab-toggle,
	.gi-how29-tab-toggle {
		grid-column: 4 !important;
		grid-row: 1 !important;
		width: 32px !important;
		height: 32px !important;
	}

	body.gi-how-active .gi-how29-tab-panel,
	.gi-how29-tab-panel {
		padding: 0 18px 16px 82px !important;
	}

	body.gi-how-active .gi-how29-tab-panel ul,
	.gi-how29-tab-panel ul {
		grid-template-columns: 1fr !important;
		padding: 0 0 0 18px !important;
	}

	body.gi-how-active .gi-how29-skill-marquee > div,
	.gi-how29-skill-marquee > div {
		animation-duration: 10s !important;
	}
}


.gi-h2-heading{
    color: #ffffff;
}