/* page header section - Insights */
.cat-hero .intro-component-logo-container {
	justify-content: flex-end;
}

.page-header-in-the-know .intro-component-content {
	gap: 0;
}

.page-header-in-the-know .section-title {
	display: flex;
	flex-direction: column;
}

.page-header-bread-aligned-img .debit-hero-img {
	margin-top: -4.375rem;
}

.page-header-overlapping-img {
	margin-bottom: -17rem;
	z-index: -1;
}

.page-header-in-the-know>.container+.container {
	position: relative;
}

.inside-payment-hero-lottie {
	position: absolute;
	right: calc(-8rem);
	top: -16.4rem;
	z-index: -1;
}

@media (max-width: 1601px) {
	.page-header-overlapping-img {
		margin-bottom: 0;
	}

	.inside-payment-hero-lottie {
		top: auto;
		bottom: -20rem;
		right: -17rem;
	}

	.page-header-overlapping-img {
		margin-bottom: calc(-1 * var(--sectionSpace));
		padding-bottom: var(--sectionInnerSpace);
	}

	.page-header-bread-aligned-img .debit-hero-img {
		margin-top: -60px;
	}
}

@media (max-width: 1200px) {
	.inside-payment-hero-lottie {
		right: -30rem;
	}

	.inside-payment-hero-lottie {
		width: 700px;
	}

	.page-header-bread-aligned-img .debit-hero-img {
		margin-top: -36px;
	}
}

@media (max-width: 767px) {

	#inside-payment-hero-lottie,
	#inside-payment-lottie {
		display: none;
	}

	.page-header-bread-aligned-img .debit-hero-img {
		margin-top: 0;
	}
}

/* end page header section - Insights */

/* Post Filters */
.post-filters-inner>ul>.news-listing-item>a {
	height: 3.75rem;
	padding-inline: 2rem;
	display: inline-flex;
	border-radius: 5rem;
	border: 1px solid var(--i2c-brand-100);
	align-items: center;
	justify-content: center;
	color: var(--text-primary);
	font-size: var(--fontSizeExtraLarge);
}

.post-filters-inner ul {
	list-style: none;
	padding: 1rem;
	margin: 0;
	gap: 1rem;
	display: inline-flex;
	justify-content: space-between;
	box-shadow: var(--web-gray-1-dp-xs-x, 0) var(--web-gray-1-dp-xs-y, 1px) var(--web-gray-1-dp-xs-blur, 2px) var(--web-gray-1-dp-xs-spred, 0) var(--web-gray-1-dp-xs-color, rgba(16, 24, 40, 0.05));
	border-radius: 80px;
	border: 1px solid var(--Component-colors-Utility-Brand-utility-brand-100_alt, #C7E2FF);
	background: var(--Component-colors-Utility-Brand-utility-brand-25, #F4FAFF);
}

.post-filters-inner {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
}

.post-filters {
	margin-bottom: 5rem;
	text-align: center;
}

.post-filters-inner li.active-filter a {
	color: var(--white);
	/*background-color: var(--blue);*/
	border-color: transparent;
}

/*ai*/
.post-filters-inner {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	/* Add this for absolute positioning context */
}

.filter-bg {
	position: absolute;
	pointer-events: none;
	/* Prevent blocking clicks */
	transition: all 0.3s ease;
	left: 1rem;
	top: 1rem;
}

.post-filters-inner>ul>.news-listing-item>a {
	position: relative;
	/* Ensure anchors stay above background */
	z-index: 2;
}

.filter-bg.active {
	position: absolute;
	left: 0;
	top: 1rem;
	border-radius: 5rem;
	background-color: var(--blue);
	transition: transform 0.3s ease, width 0.3s ease;
	z-index: 1;
	pointer-events: none;
}

/* END Post Filters */


.cat-hero .hero-img-holder {
	margin-bottom: -5rem;
}

.cat-newsroom-hero {
	padding-block: var(--sectionInnerSpace) !important;
}

.news-listing-section {
	background: var(--blue);
	padding-block: var(--sectionInnerSpace);
	background-image: url('../../images/pages/newsroom/newsroom-blue-bg.webp');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
}

.news-listing-section .h2 {
	color: var(--white);
}

.news-listing-grid {
	position: relative;
}

.news-listing .news-listing-item {
	display: flex;
	gap: 10.75rem;
	color: var(--text-primary);
	width: 100%;
	padding: 0 0.75rem;
	max-width: 345px;
}

.news-listing .news-listing-item .award-thumb-holder {
	display: none;
	border-radius: var(--i2c-border-radius-large);
	box-shadow: 0 4px 20px 0 #99C6FF33;
}

.news-listing .news-listing-item .news-card-holder {
	padding: 1.5rem;
	flex: 1;
	border-radius: var(--i2c-border-radius-medium);
	box-shadow: 0 4px 20px 0 #99C6FF33;
	background: var(--white);
	transition: ease all 0.25s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	gap: 2rem;
}

.news-listing .news-listing-item:is(:hover, :focus-within, .active) .news-card-meta .news-date,
.news-listing .news-listing-item:is(:hover, :focus-within, .active) .news-card-meta .news-date-text,
.news-listing .news-listing-item:is(:hover, :focus-within, .active) .news-title a {
	color: var(--white);
}

.news-listing .news-listing-item:is(:hover, :focus-within, .active) .news-tags-list .news-tags {
	border-color: var(--i2c-brand-200);
	color: var(--i2c-brand-200);
}

.news-listing .news-listing-item:is(:hover, :focus-within, .active) .news-card-holder {
	background: var(--i2c-brand-950);
	color: var(--white);
}

.news-listing .news-listing-item .news-card-holder .award-card-logo {
	max-width: 6rem;
}

.news-listing .news-listing-item .news-card-holder .award-tagline {
	display: block;
}

.news-listing .news-listing-item .news-card-holder .award-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.news-listing .news-listing-item:is(:hover, :focus-within, .active) .award-cta {
	color: var(--white);
}

.news-listing .news-listing-item .award-cta span {
	visibility: hidden;
	opacity: 0;
}

.news-listing .news-listing-item:is(:hover, :focus, .active) .award-cta span {
	visibility: visible;
	opacity: 1;
}

.news-date-text,
.news-date {
	color: var(--text-secondary);
	transition: ease all 0.25s;
	font-size: var(--fontSizeBase);
}

.news-date {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.tile-icon-holder {
	border-radius: 50%;
	width: 2.2rem;
	height: 2.2rem;
	color: var(--blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	margin-left: 0.5rem;
}

.case-slider-item:is(:hover, :focus-within) .tile-icon-holder,
.news-listing .news-listing-item:is(:hover, :focus-within, .active) .tile-icon-holder {
	background: var(--blue);
	color: var(--white);
}

.news-date:is(:hover, :focus-within) .news-date-text,
.news-date:is(:hover, :focus-within) {
	color: var(--white);
}

.news-header {
	height: 4.25rem;
	max-width: 7.313rem;
	background: var(--i2c-brand-25);
	display: flex;
	padding: 1rem 1.5rem;
	border-radius: var(--i2c-border-radius-small);
	justify-content: center;
	align-items: center;
}

.news-content {
	display: flex;
	gap: 14px;
	flex-direction: column;
}

.news-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

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

.news-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news-tags-list {
	display: flex;
	gap: 0.3rem;
	flex-direction: row;
}

.news-tags-list .news-tags {
	border: 1px solid var(--i2c-brand-200);
	border-radius: 6.25rem;
	padding: 0 1.25rem;
	min-height: 2.5rem;
	display: flex;
	align-items: center;
	color: var(--blue);
	font-size: var(--fontSizeBase) !important;
}

.award-card-text .news-title a {
	color: var(--text-primary);
	font-size: var(--fontSizeH4) !important;
}

.award-card-text .news-title a:is(:hover, :focus-within) {
	color: var(--white);
}

.award-card-text .news-subtitle {
	font-size: 1.375rem;
}

.news-listing {
	list-style: none;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	gap: 2rem;
}

.news-listing .news-listing-item .award-card-text {
	gap: 1rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.news-listing .news-listing-item .news-card-holder.more-card-holder {
	background: transparent;
}

.news-listing .news-listing-item .news-card-holder.more-card-holder.more-card-blue {
	background: var(--blue);
}

.more-card-holder {
	background: var(--blue);
	border: 2px solid var(--white);
	box-shadow: none;
}

.more-card-holder .more-card-icon {
	text-align: right;
	color: var(--white);
}

.more-card-holder .more-card-text {
	color: var(--white);
}

.news-listing .news-listing-item:is(:hover, :focus-within) .more-card-holder.more-card-blue,
.news-listing .news-listing-item:is(:hover, :focus-within) .more-card-holder {
	background: var(--i2c-brand-950);
	border-color: var(--i2c-brand-950);
}

.awards-listing-section {
	background: linear-gradient(360deg, #FFFFFF -8.79%, #E5F3FF 100%);
	padding-block: var(--sectionSpace);
	position: relative;
	overflow: hidden;
}

.awards-listing-section .globe-lottie {
	width: 59.375rem;
	aspect-ratio: 1;
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(19rem);
	transition: var(--transitionLinear);
	display: none;
}

.awards-listing-section .globe-lottie img {
	width: 100%;
	height: auto;
	display: block;
}

.awards-listing-section:before {
	content: '';
	background-image: url('../../images/rectangle-light.webp');
	background-size: auto;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.awards-listing-section .news-body-text {
	display: flex;
	flex-direction: column;
	gap: 1.5rem
}

.awards-listing-section .news-header {
	padding: 0;

}

.news-slider .slick-list {
	width: 100%;
	overflow: visible;
}

.awards-listing-section .news-listing .news-listing-item {
	min-height: 18rem;
}

.awards-listing-section .more-card-holder {
	border-color: transparent;
}

@media (min-width: 768px) {
	.award-card-text .news-title a {
		letter-spacing: -1px;
		line-height: 28px;
	}

	.news-date-text,
	.news-date {
		font-size: var(--fontSizeBase);
	}

	.news-listing .news-listing-item .news-card-holder .award-card-logo {
		max-width: 100%;
	}

	.news-listing .news-listing-item {
		gap: 4.75rem;
		width: calc(50% - 1.4rem);
		max-width: 100%;
	}

	.news-listing .news-listing-item .award-thumb-holder {
		max-width: 10.875rem;
		display: block;
	}

	.news-listing .news-listing-item .news-card-holder {
		padding: 2rem;
		border-radius: var(--i2c-border-radius-large);
	}

	.news-listing .news-listing-item:is(:hover, :focus, .active) .news-card-holder .award-card-dot {
		transform: translateY(-50%) scale(2);
	}

	.news-listing .news-listing-item:is(:hover, :focus, .active) .news-card-holder .award-card-dot:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1);
		width: 0.5rem;
		height: 0.5rem;
		background: var(--blue);
		border-radius: 50%;
	}

	.news-listing {
		position: relative;
	}

	.awards-listing:after {
		content: '';
		position: absolute;
		top: 5.4375rem;
		bottom: 5.4375rem;
		left: 12.9rem;
		background: var(--i2c-brand-100);
		width: 0.75rem;
	}

	.news-listing .news-listing-item .news-card-holder {
		gap: 0.5rem;
	}
}

@media (min-width: 991px) {
	.news-listing {
		gap: 1.5rem;
	}

	.news-listing .news-listing-item {
		gap: 1.5rem;
		padding: 0;
		margin: 0;
		height: 330px;
	}

	.news-listing .news-listing-item .award-thumb-holder {
		max-width: 13.375rem;
	}

	.news-listing .news-listing-item .news-card-holder {
		padding: 2rem;
		min-height: 338px;
	}

	.awards-listing:after {
		left: 16.35rem;
		top: 6.6875rem;
		bottom: 6.6875rem;
	}

	.news-header {
		height: 4.75rem;
		max-width: 7.313rem;
	}

	.awards-listing-section .news-listing .news-listing-item {
		width: calc(50% - 1.5rem);
		gap: 2rem;
		min-height: 25rem;
	}

	.case-slider .case-slider-item .news-card-holder {
		padding: 1rem 1.5rem;
	}

	.news-card-meta {
		gap: 1rem;
	}
}

@media (min-width: 1199px) {
	.news-listing {
		gap: 1.5rem;
	}

	.news-listing .news-listing-item .award-thumb-holder {
		max-width: 18rem;
	}

	.news-listing .news-listing-item .news-card-holder {
		min-height: 20rem;
	}

	.awards-listing-section .news-listing .news-listing-item {
		width: calc(25% - 1.5rem);
	}

	.awards-listing:after {
		left: 21.75rem;
		top: 9rem;
		bottom: 9rem;
	}

	.news-header {
		height: 5.25rem;
		max-width: 9.063rem;
	}
	.awards-listing-section .globe-right {
		position: absolute;
		right: -10rem;
		width: 30rem;
		top: 0;
		display: block;
	}
	.awards-listing-section .globe-lottie {
		display: block;
	}
}

@media (min-width: 1601px) {
	.news-listing {
		gap: 2rem;
	}

	.news-listing .news-listing-item .news-card-holder {
		padding: 2.5rem;
	}

	.news-listing .news-listing-item {
		width: calc(33.33% - 1.4rem);
		gap: 2rem;
		min-height: 25rem;
	}

	.news-listing .news-listing-item .award-card-text {
		gap: 2rem;
	}

	.news-listing .news-listing-item .award-thumb-holder {
		max-width: 18.75rem;
	}

	.news-listing .news-listing-item .award-cta span {
		visibility: visible;
		opacity: 1;
		transition: ease all 0.25s;
	}

	.awards-listing:after {
		left: 23.75rem;
		top: 9.375rem;
		bottom: 9.375rem;
	}

	.awards-listing-section .news-body-text {
		gap: 2.5rem
	}
	.awards-listing-section .globe-right {
		right: 0;
		width: 49rem;
		top: var(--sectionInnerSpace);
	}
	.awards-listing-section .globe-lottie {
		width: 65rem;
		top: var(--sectionSpace);
		transform: translateX(13rem);
	}
}

.case-listing-holder {
	display: block;
	position: relative;
	z-index: 2;
}

.case-slider {
	display: flex;
	position: relative;
	z-index: 2;
	margin-right: -1.4rem;
}

.case-slider .logo-holder {
	height: 100%;
}

.case-slider .slick-list {
	overflow: inherit;
}

.case-slider .case-slider-item {
	width: 18.5rem;
	position: relative;
	z-index: 1;
	padding: 0 1.4rem 0 0;
}

.case-slider .case-slider-item a {
	height: 100%;
	height: 130px;
	padding: 0.5rem 1rem;
	background: transparent;
	border: 1px solid var(--i2c-brand-100);
	border-radius: var(--borderRadiusDefault);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
}

.case-slider .case-slider-item a:where(:hover, :focus, .active) {
	background: var(--white);
	border-color: var(--white);
	box-shadow: 0 4px 4px 0 #99C6FF4D;
}

.case-slider .case-slider-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.case-slider .slick-arrow {
	box-shadow: 0px 2.5px 2.5px 0px #99C6FF4D;
	left: -1.4rem;
	background: var(--white) !important;
	color: var(--blue);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	z-index: 1;
	margin-top: 0;
	display: none !important;
	font-size: 1.1rem;
}

.case-slider .slick-next {
	right: -0.5rem;
	left: auto;
}

.case-slider .slick-prev .i2c-icon-arrow-down {
	transform: rotate(180deg);
	display: block;
}

.case-slider .slick-arrow:is(:hover, :focus-within) {
	background: var(--blue) !important;
	color: var(--white) !important;
}

.case-slider:is(:hover, :focus) .slick-arrow {
	display: inline-block !important;
}

@media only screen and (max-width: 1366px) {
	.case-slider {
		padding-block: 0;
		align-items: flex-start;
	}

	.case-slider .case-slider-item {
		width: 14.8rem;
	}

	.case-slider .case-slider-item a {
		height: 124px;
	}
}

@media only screen and (max-width: 991px) {
	.case-slider {
		padding-block: 0;
		margin-right: 0;
	}

	.case-slider .case-slider-item {
		width: 10.8rem;
	}

	.case-slider .case-slider-item a {
		height: 83px;
		border-radius: calc(var(--borderRadiusDefault) / 2);
	}

	.case-slider .case-slider-item .news-card-holder.more-card-holder {
		display: block;
	}

	.tile-icon-holder {
		width: 1.5rem;
		height: 1.5rem;
	}

	.news-slider .slick-track {
		display: flex;
		gap: 1.5rem;
	}

	.news-listing .news-listing-item {
		width: 21.75rem;
		height: auto;
		min-height: 21.125rem;
		padding: 0;
		float: none;
	}

	.news-listing .news-listing-item .news-card-holder {
		height: 100%;
	}

	body .awards-listing-section .slick-dots {
		justify-content: flex-start;
		padding-top: 0;
	}

	.case-slider .case-slider-item .news-card-holder.more-card-holder {
		display: flex;
		justify-content: space-between;
		padding: 16px 24px;
		gap: 0;
	}

	.case-slider {
		padding-block: 0;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.case-slider .case-slider-item {
		width: calc(33.33% - 0.7rem);
		padding: 0;
	}

	.case-slider .case-slider-item a {
		height: 96px;
	}

	.news-slider .slick-dots {
		padding: 0;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 767px) {
	.case-slider .case-slider-item {
		width: calc(50% - 0.5rem);
		padding: 0;
	}

	.case-slider {
		padding-block: 0;
	}

	.tile-icon-holder {
		width: 1.5rem;
		height: 1.5rem;
	}

	.news-listing .news-listing-item {
		width: 20.375rem;
		height: auto;
		min-height: 328px;
	}

	.awards-listing-section .news-listing .news-listing-item {
		width: 20.375rem;
	}

	.news-header {
		height: 56px;
		max-width: 96px;
	}
}

.case-slider .case-slider-item .news-card-holder {
	flex-direction: column;
	align-items: flex-start;
	background: var(--blue);
}

.case-slider-item:is(:hover, :focus-within) .more-card-holder {
	background: var(--i2c-brand-950);
}

.case-slider-item .more-card-holder .more-card-icon {
	display: flex;
	width: 100%;
	justify-content: end;
}

/* Start - section-awards styles */
.section-awards {
	padding-block: var(--sectionInnerSpace);
}

.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;
}

/* 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) {
	.news-content-wrapper {
		gap: 22px;
	}

	.award-card-text .news-title a {
		font-size: var(--fontSizeH5) !important;
	}

	.award-card-text .news-subtitle {
		font-size: var(--fontSizeH6);
	}

	.news-date-text,
	.news-date {
		font-size: var(--fontSizeBase);
	}

	.news-tags-list .news-tags {
		font-size: var(--fontSizeBase) !important;
	}

	.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) {
	.award-card-text .news-title a {
		font-size: var(--fontSizeH6) !important;
	}

	.award-card-text .news-subtitle {
		font-size: var(--fontSizeExtraLarge);
	}

	.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 */