/* START - Page Hero styles */
.page-hero {
	padding-block: 2.5rem var(--sectionInnerSpace);
	margin-bottom: calc(-1 * var(--sectionSpace));
	overflow: hidden;
}
.page-hero .container { position: relative; }
.page-hero .breadcrumb { margin-bottom: -0.5rem; }
.page-hero .section-header {
	margin-bottom: 2.5rem;
	flex-grow: 1;
	position: relative;
	z-index: 3;
}
.page-hero .section-header .text-xl { gap: 1.5rem;}
.page-hero .video-holder {
	max-width: 100%;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	z-index: 2;
}
.page-hero .video-holder a { display: block; }
.page-hero .video-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.page-hero .bg-hero {
	width: 77%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(13%, -50%);
	pointer-events: none;
	display: none;
}
.section-awards .h5 span::after {
	content: ".";
	color: var(--orange);
}
.cta-band.cta-band-lottie{background: #E5F3FF;z-index: 0;}
.hero-section .intro-component-video{ flex-shrink: 0;}
/* design screen 768px and above */
@media (min-width: 768px) {
	.page-hero .container {display: flex; gap: 1.5rem;	}
	.page-hero .breadcrumb { margin-bottom: -0.75rem; }
	.page-hero .section-header { margin: 0;}
	.page-hero .section-header:only-child h1 { margin-right: 0 !important;}
	.page-hero .video-holder { width: 21.75rem;height: 100%;}
	.page-hero .bg-hero { display: block;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.page-hero .video-holder { width: 28.25rem;height: 100%;}
	.page-hero .bg-hero {
		width: 78%;
		transform: translate(12%, -50%);
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.page-hero { padding-top: 3.5rem;}
	.page-hero .section-header { gap: 2.5rem; }
	.page-hero .breadcrumb { margin-bottom: -1.375rem; }
	.page-hero .video-holder { width: 31.125rem; height: 100%;}
	.page-hero .section-header .text-xl{ max-width: 86%;}
	.page-hero .bg-hero {
		width: 69.1875rem;
		transform: translate(19%, -50%);
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.page-hero { padding-top: 5rem;}
	.page-hero .section-header .text-xl{ max-width: 94%;}
	.page-hero .container { align-items: flex-start; gap: 7rem; }
	.page-hero .video-holder { width: 54rem;}
	.page-hero .bg-hero { transform: translate(16%, -50%);}
}
/* END - Page Hero styles */

/* START - Who We Are page styles */
.section-leads {
	padding-block: var(--sectionInnerSpace);
	overflow: hidden;
	background-image: url('../../images/pages/who-we-are/explore-all-leads.webp');
	background-size: cover;
	background-position: center;
}
.section-leads .container {	position: relative;}
.section-leads .lottie-img {
	width: 962px;
	aspect-ratio: 1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(2rem, -27.65%);
	display: none;
}
.leads-slider .slick-list {
	margin-inline: calc(-1 * var(--gutterWidth));
	padding-inline: var(--gutterWidth);
}
.leads-slider .slick-track {
	display: flex;
	gap: 1rem;
}
.leads-slider .slide {
	width: 19.5rem;
	min-height: 15.5rem;
	padding: 1.5rem;
	position: relative;
	display: flex;
	color: var(--text-primary);
	background: linear-gradient(294deg, #E5F3FF 63.2%, #C7E2FF 100%);
	border-radius: var(--borderRadiusLarge);
	overflow: hidden;
}
.leads-slider .text-box {
	gap: 1.5rem;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}
.leads-slider .text-xl { flex-grow: 1;}
.leads-slider .btn-link {
	font-size: var(--fontSizeExtraLarge);
	line-height: var(--lineheightExtraLarge);
}
.leads-slider .btn-link:where(:hover, :focus) [class*="i2c-icon-"] { color: var(--orange);}
.leads-slider .img-holder {
	width: 5.9375rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-leads .section-header { margin-bottom: 4rem;}
	.section-leads .lottie-img { display: block;}
	.leads-slider {
		padding-bottom: 3.5rem;
		display: flex;
		flex-flow: row wrap;
		gap: 1.5rem;
	}
	.leads-slider .slide {
		width: calc(50% - 0.75rem);
		min-height: 14.25rem;
		padding-right: 3rem;
	}
	.leads-slider .slide:nth-child(2n) { transform: translateY(3.5rem);}
	.leads-slider .text-xl { padding-bottom: 1.5rem;}
	.leads-slider .img-holder { width: 6.3125rem;}
	.section-leads .lottie-img { width: 65rem; transform: translate(5%, -36%); }
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-leads .lottie-img {
		width: 65rem;
		transform: translate(15%, -36%);
	}
	.leads-slider { max-width: 82.3275%;}
	.section-leads{ padding-block: 5rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-leads .lottie-img {
		width: 82rem;
		transform: translate(19%, -36%);
	}
	.leads-slider { max-width: 83.05%;}
	.leads-slider .slide { padding: 2.5rem;	}
	.leads-slider .text-box { max-width: 66%;}
	.leads-slider .img-holder { width: 11.375rem;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-leads .lottie-img {
		width: 90rem;
		transform: translate(25%, -34%);
	}
	.section-leads .section-header { margin-bottom: 5rem;}
	.leads-slider {
		max-width: 82.9545%;
		gap: 2rem;
		padding-bottom: 5rem;
	}
	.leads-slider .slide {
		width: calc(50% - 1rem);
		min-height: 25.625rem;
		padding: 3.5rem;
	}
	.leads-slider .slide:nth-child(2n) { transform: translateY(5rem);}
	.leads-slider .text-box { max-width: 66%;}
	.leads-slider .text-xl { padding-bottom: 0;}
	.leads-slider .img-holder { width: 16.625rem;}
}
/* END - Who We Are page styles */

/* Start - who-we-are-sect-02 styles */
.who-we-are-sect-02 .section-header { margin-bottom: 2.5rem;}
.who-we-are-sect-02 .content { position: relative;}
.who-we-are-sect-02 .list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.who-we-are-sect-02 .list li {
	padding-top: 1.5rem;
	color: var(--text-secondary);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	border-top: 1px solid rgba(122, 152, 187, 0.1);
}
.who-we-are-sect-02 .list li:first-child {
	border-top: none;
	padding-top: 0 !important;
}
.who-we-are-sect-02 .list li.active { color: var(--text-primary); }
.who-we-are-sect-02 .floating-image {
	width: 7.75rem;
	margin-top: -1.5rem;
	position: absolute;
	top: 0;
	left: 9.5rem;
	transition: var(--transitionLinear);
	pointer-events: none;
	display: none;
}
.who-we-are-sect-02 .floating-image img {
	width: 100%;
	height: auto;
	display: block;
	transform: rotate(-7.4deg);
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.hero-section .debit-hero-wrap .intro-component-video{ width: 21.75rem;}
	.who-we-are-sect-02 .section-header { margin-bottom: 3rem;}
	.who-we-are-sect-02 .list li {
		flex-direction: row;
		justify-content: space-between;
		gap: 9.375rem;
	}
	.who-we-are-sect-02 .list li.active h3 { color: var(--blue); }
	.who-we-are-sect-02 .list h3 {
		width: 8.75rem;
		flex-shrink: 0;
	}
	.who-we-are-sect-02 .list .text {
		max-width: 20.25rem;
		flex-grow: 1;
	}
	.who-we-are-sect-02 .floating-image {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: var(--transitionDefault);
	}
	.who-we-are-sect-02 .floating-image[class*="active"] {
		opacity: 1;
		visibility: visible;
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.hero-section .debit-hero-wrap .intro-component-video{ width: 28.25rem;}
	.hero-section .intro-component-content{ max-width: 100%;}
	.who-we-are-sect-02 .section-header { margin-bottom: 5rem;}
	.who-we-are-sect-02 .list { gap: 1rem;	}
	.who-we-are-sect-02 .list li {	padding-top: 1rem;}
	.who-we-are-sect-02 .list .text { max-width: 38.25rem; }
	.who-we-are-sect-02 .floating-image {
		width: 8.625rem;
		margin-top: -1rem;
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.hero-section .debit-hero-wrap .intro-component-video{ width: 31rem;}
	.hero-section .intro-component-content{ max-width: 85%;}
	.who-we-are-sect-02 .section-header { margin-bottom: 6.25rem;}
	.who-we-are-sect-02 .list h3 { width: 17rem;}
	.who-we-are-sect-02 .list li { gap: 16rem;}
	.who-we-are-sect-02 .list .text { max-width: 36.9375rem; }
	.who-we-are-sect-02 .floating-image {
		width: 16.5rem;
		margin-top: -3rem;
		left: 18.75rem;
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.hero-section .intro-component-content{ max-width: 85%;}
	.who-we-are-sect-02 .section-header { margin-bottom: 7.5rem;}
	.who-we-are-sect-02 .section-header .text-xl { max-width: 80rem;}
	.who-we-are-sect-02 .list h3 { width: 20rem;}
	.who-we-are-sect-02 .list { gap: 2rem;}
	.who-we-are-sect-02 .list li {
		padding-top: 2rem;
		gap: 24rem;
	}
	.who-we-are-sect-02 .list .text { max-width: 51.5rem; }
	.who-we-are-sect-02 .floating-image {
		width: 22.375rem;
		margin-top: -4rem;
		left: 21.875rem;
	}
}
/* END - who-we-are-sect-02 styles */

/* Start - section-awards styles */
.section-awards .section-header { margin-bottom: 2.5rem; }
.section-awards .content-box {
	padding: 1.5rem;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}
.section-awards .content-box:before {
	width: 102.1875rem;
	height: 11.3125rem;
	content: "";
	background: #0F58D0;
	filter: blur(252px);
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.section-awards .content-box:after {
	width: 100%;
	height: 100%;
	content: "";
	background: url(../../images/award/landing_award_bg.webp);
	opacity: 0.3;
	mix-blend-mode: soft-light;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.section-awards .award-logo { width: 7.875rem;}
.section-awards .text {
	gap: 2rem;
	align-items: center;
	text-align: center;
	flex-grow: 1;
	position: relative;
	z-index: 3;
}
.section-awards .img-holder {
	width: 17.3125rem;
	max-width: 100%;
	margin-bottom: -1.5rem;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}
.section-awards .img-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.testimonial-slider-section {
    padding-top: var(--sectionInnerSpace);
    background: linear-gradient(0deg, #FFF 0%, var(--Brand-50, #E5F3FF) 100%);
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-awards .section-header {
		align-items: center;
		margin-bottom: 3rem;
	}
	.section-awards .content-box {
		flex-direction: row;
		padding: 1.5rem 3rem 3rem;
		gap: 0;
	}
	.section-awards .text {
		align-items: flex-start;
		text-align: left;
		padding-top: 1.875rem;
	}
	.section-awards .img-holder {
		width: 67.8%;
		margin: 0 -5rem -3rem -3rem;
		align-self: flex-end;
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-awards .img-holder {
		width: 56.61%;
		margin: 0 -3rem -3rem 0;
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-awards .section-header { margin-bottom: 5rem;}
	.section-awards .content-box { padding: 2rem 4rem 4rem;}
	.section-awards .text {
		max-width: 45.625rem;
		gap: 2.5rem;
	}
	.section-awards .award-logo { width: 11.0625rem;}
	.section-awards .img-holder {
		max-width: 38.5625rem;
		width: 49.37%;
		margin: 0 -2.25rem -4rem -2rem;
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-awards .content-box {
		padding: 2rem 5rem 5rem;
		justify-content: space-between;
		gap: 3rem;
	}
	.section-awards .award-logo { width: 11.0625rem;}
	.section-awards .img-holder { margin: 0 -2.25rem -5rem -2rem;}
}
/* END - section-awards styles */
/* CTA Band Component Overrides for Core Banking Page */
.cta-band { --containerSmallWidth: var(--containerWidth);}
@media (min-width: 768px) {
	.cta-band .cta-band-content {
		max-width: 63ch;
		margin-inline: auto;
	}
}
@media (min-width: 768px) and (max-width: 1023px){
  .page-hero .video-holder {
    width: 17.75rem;
    height: 100%;
  }
}
@media (min-width: 1200px) {
	.cta-band .cta-band-content { max-width: 60ch;}
}
@media (min-width: 1601px) {
	.cta-band .cta-band-content { max-width: 75ch;}
}