/* Bankera Hero 02: full-bleed image card + overlay + story rail. No split panel. */
.elementor-widget-bankera-hero-02 {
	max-inline-size: 100%;
	overflow: visible;
}
.elementor-widget-bankera-hero-02 .bankera-core-empty {
	margin: 0;
	padding: var(--bankera-space-5, 1.5rem);
	border: var(--bankera-border-width, 1px) dashed var(--bankera-control-border, currentColor);
	border-radius: var(--bankera-radius-md, 0.5rem);
	color: var(--bankera-text-muted, CanvasText);
}
.bankera-hero-02 {
	--bh2-navy: #17274d;
	--bh2-navy-deep: #0e1728;
	--bh2-gold: #b88713;
	--bh2-gold-dark: #805800;
	--bh2-white: #fff;
	--bh2-height: clamp(24.375rem, 29.17vw, 26.25rem);
	--bh2-text: 40%;
	--bh2-radius: 0.875rem;
	--bh2-object-position: center center;
	--bh2-arrow-size: 2.75rem;
	--bh2-overlay: 1;
	--bh2-rail-gap: 0.875rem;
	--bh2-rail-count: 4;
	--bh2-rail-height: 10.375rem;
	--bh2-duration: 480ms;
	--bh2-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--bh2-title: var(--bh2-white);
	--bh2-muted: rgb(255 255 255 / 55%);
	--bh2-category: var(--bh2-gold);
	--bh2-cta-text: var(--bh2-white);
	--bh2-cta-border: var(--bh2-gold);
	--bh2-cta-bg: rgb(14 23 40 / 28%);
	--bh2-cta-hover-bg: var(--bh2-gold);
	--bh2-cta-hover-text: var(--bh2-navy);
	position: relative;
	isolation: isolate;
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
	font-family: var(--bankera-font-primary, var(--bankera-font-body, inherit));
	color: var(--bh2-title);
}
.bankera-hero-02--light {
	--bh2-nav-bg: var(--bh2-white);
	--bh2-nav-icon: var(--bh2-navy);
	--bh2-nav-hover-bg: var(--bh2-white);
	--bh2-nav-hover-icon: var(--bh2-gold);
	--bh2-nav-shadow: var(--bankera-shadow-md, 0 6px 24px rgb(21 33 57 / 14%));
	--bh2-empty-a: #17274d;
	--bh2-empty-b: #23347b;
}
.bankera-hero-02--dark {
	--bh2-nav-bg: rgb(14 23 40 / 58%);
	--bh2-nav-icon: var(--bh2-white);
	--bh2-nav-hover-bg: rgb(14 23 40 / 78%);
	--bh2-nav-hover-icon: #e9be59;
	--bh2-nav-shadow: 0 6px 18px rgb(0 0 0 / 28%);
	--bh2-empty-a: #0b1730;
	--bh2-empty-b: #17274d;
}
.bankera-hero-02:focus {
	outline: none;
}
.bankera-hero-02:focus-visible {
	outline: var(--bankera-focus-width, 3px) solid var(--bh2-gold);
	outline-offset: var(--bankera-focus-offset, 3px);
}
.bankera-hero-02__stage {
	position: relative;
	overflow: hidden;
	inline-size: 100%;
	block-size: var(--bh2-height);
	min-block-size: var(--bh2-height);
	border-radius: var(--bh2-radius);
	background: var(--bh2-navy-deep);
}
.bankera-hero-02__viewport {
	overflow: hidden;
	inline-size: 100%;
	block-size: 100%;
	touch-action: pan-y;
}
.bankera-hero-02:not(.is-initialized) .bankera-hero-02__track {
	display: grid;
	block-size: 100%;
}
.bankera-hero-02:not(.is-initialized) .bankera-hero-02__slide {
	grid-area: 1 / 1;
	min-block-size: var(--bh2-height);
}
.bankera-hero-02:not(.is-initialized) .bankera-hero-02__slide:not(.is-active) {
	visibility: hidden;
	pointer-events: none;
}
.bankera-hero-02.is-initialized .bankera-hero-02__track {
	display: flex;
	block-size: 100%;
	will-change: transform;
	transition: transform var(--bh2-duration) var(--bh2-ease);
}
.bankera-hero-02.is-initialized .bankera-hero-02__slide {
	flex: 0 0 100%;
	min-inline-size: 0;
	opacity: 0;
	transition: opacity var(--bh2-duration) var(--bh2-ease);
}
.bankera-hero-02.is-initialized .bankera-hero-02__slide.is-active {
	opacity: 1;
}
.bankera-hero-02__slide {
	position: relative;
	block-size: var(--bh2-height);
	min-block-size: var(--bh2-height);
	overflow: hidden;
	background: var(--bh2-navy-deep);
}
.bankera-hero-02__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: var(--bh2-empty-b);
}
.bankera-hero-02__media img,
.bankera-hero-02__media--empty::before {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
}
.bankera-hero-02__media img {
	display: block;
	object-fit: cover;
	object-position: var(--bh2-object-position);
	aspect-ratio: auto;
	transform: scale(1);
	transition: transform 520ms var(--bh2-ease);
}
.bankera-hero-02--light .bankera-hero-02__media img {
	filter: brightness(1.05) saturate(1.03);
}
.bankera-hero-02--dark .bankera-hero-02__media img {
	filter: brightness(0.9) saturate(0.97);
}
.bankera-hero-02.is-initialized .bankera-hero-02__slide.is-active .bankera-hero-02__media img {
	transform: scale(1.015);
}
.bankera-hero-02__media--empty::before {
	content: "";
	background:
		radial-gradient(ellipse at 22% 18%, color-mix(in srgb, var(--bh2-gold) 26%, transparent), transparent 52%),
		linear-gradient(155deg, var(--bh2-empty-a) 0%, var(--bh2-empty-b) 100%);
}
.bankera-hero-02__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}
.bankera-hero-02__overlay::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 22%;
	height: 48%;
	background: linear-gradient(135deg, rgb(184 135 19 / 0.16) 0%, transparent 70%);
	clip-path: polygon(0 0, 78% 0, 22% 100%, 0 86%);
	opacity: 0.5;
	pointer-events: none;
}
.bankera-hero-02--light .bankera-hero-02__overlay {
	background:
		linear-gradient(
			90deg,
			rgb(23 39 77 / calc(0.90 * var(--bh2-overlay))) 0%,
			rgb(23 39 77 / calc(0.74 * var(--bh2-overlay))) 22%,
			rgb(23 39 77 / calc(0.46 * var(--bh2-overlay))) 40%,
			rgb(23 39 77 / calc(0.12 * var(--bh2-overlay))) 64%,
			transparent 82%
		),
		linear-gradient(180deg, transparent 58%, rgb(23 39 77 / calc(0.28 * var(--bh2-overlay))) 100%),
		linear-gradient(90deg, rgb(184 135 19 / 0.10) 0%, transparent 36%);
}
.bankera-hero-02--dark .bankera-hero-02__overlay {
	background:
		linear-gradient(
			90deg,
			rgb(14 23 40 / calc(0.94 * var(--bh2-overlay))) 0%,
			rgb(23 39 77 / calc(0.84 * var(--bh2-overlay))) 20%,
			rgb(23 39 77 / calc(0.56 * var(--bh2-overlay))) 38%,
			rgb(23 39 77 / calc(0.18 * var(--bh2-overlay))) 62%,
			transparent 80%
		),
		linear-gradient(180deg, transparent 52%, rgb(10 16 30 / calc(0.42 * var(--bh2-overlay))) 100%),
		linear-gradient(90deg, rgb(184 135 19 / 0.08) 0%, transparent 32%);
}
.bankera-hero-02__content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	width: var(--bh2-text);
	max-width: 32.5rem;
	min-inline-size: 0;
	padding: 3.125rem 3.5rem 3.125rem 4.25rem;
	text-align: start;
}
.bankera-hero-02__category {
	display: inline-flex;
	align-items: center;
	align-self: start;
	gap: 0.7rem;
	color: var(--bh2-category);
	font-size: 0.875rem;
	font-weight: var(--bankera-weight-bold, 700);
	letter-spacing: 0.01em;
	line-height: 1.3;
	text-decoration: none;
}
.bankera-hero-02__category-rule {
	display: block;
	inline-size: 2.5rem;
	block-size: 2px;
	background: var(--bh2-category);
}
.bankera-hero-02__title {
	--bankera-title-lines: 3;
	--bankera-news-title-color: var(--bh2-title, #fff);
	--bankera-news-title-hover: var(--bh2-title, #fff);
	--bankera-title-line: var(--bankera-gold, #b88713);
	--bankera-title-line-thickness: 0.12em;
	--bankera-title-line-duration: 0.32s;
	margin: 0;
	margin-block-start: 1.125rem;
	inline-size: 100%;
	max-inline-size: 100%;
	text-wrap: pretty;
	overflow-wrap: break-word;
	font-family: var(--bankera-font-heading, inherit);
	font-size: clamp(2rem, 2.4vw, 2.25rem);
	font-weight: 800;
	line-height: 1.42;
	color: var(--bh2-title);
}
.bankera-hero-02__title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: var(--bankera-title-lines, 3);
	line-clamp: var(--bankera-title-lines, 3);
}
.bankera-hero-02__cta {
	display: inline-flex;
	align-items: center;
	align-self: start;
	gap: 0.45rem;
	min-block-size: 2.625rem;
	margin-block-start: 1.5rem;
	flex-shrink: 0;
	padding: 0.4rem 1.2rem;
	border: var(--bankera-border-width, 1px) solid var(--bh2-cta-border);
	border-radius: 999px;
	background: var(--bh2-cta-bg);
	color: var(--bh2-cta-text);
	font-size: 0.875rem;
	font-weight: var(--bankera-weight-semibold, 600);
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color 200ms ease,
		color 200ms ease,
		border-color 200ms ease;
}
.bankera-hero-02__cta-icon {
	inline-size: 0.65rem;
	block-size: 0.65rem;
	flex: 0 0 auto;
	background: currentColor;
	clip-path: polygon(65% 8%, 18% 50%, 65% 92%, 78% 78%, 44% 50%, 78% 22%);
}
:dir(ltr) .bankera-hero-02__cta-icon,
[dir="ltr"] .bankera-hero-02__cta-icon {
	transform: scaleX(-1);
}
.bankera-hero-02__counter {
	display: flex;
	align-items: center;
	align-self: start;
	gap: 0.7rem;
	margin-block-start: 2rem;
	direction: ltr;
	flex-shrink: 0;
	font-variant-numeric: tabular-nums;
	font-size: 0.8125rem;
	font-weight: var(--bankera-weight-bold, 700);
	line-height: 1;
}
.bankera-hero-02__counter-current {
	color: var(--bh2-white);
}
.bankera-hero-02__counter-total {
	color: var(--bh2-muted);
	font-weight: var(--bankera-weight-semibold, 600);
}
.bankera-hero-02__progress {
	display: block;
	inline-size: 4.25rem;
	block-size: 2px;
	background: rgb(255 255 255 / 28%);
}
.bankera-hero-02__progress-bar {
	display: block;
	inline-size: var(--bh2-progress, 20%);
	block-size: 100%;
	background: var(--bh2-gold);
}
.bankera-hero-02__navigation {
	position: absolute;
	inset: 0;
	z-index: 4;
	pointer-events: none;
}
.bankera-hero-02__nav {
	appearance: none;
	position: absolute;
	inset-block-start: 50%;
	z-index: 4;
	display: grid;
	place-items: center;
	inline-size: var(--bh2-arrow-size);
	block-size: var(--bh2-arrow-size);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--bh2-nav-bg);
	color: var(--bh2-nav-icon);
	box-shadow: var(--bh2-nav-shadow);
	transform: translateY(-50%);
	pointer-events: auto;
	cursor: pointer;
	transition:
		background-color 200ms ease,
		color 200ms ease;
}
.bankera-hero-02__nav--prev {
	inset-inline-start: 0.75rem;
}
.bankera-hero-02__nav--next {
	inset-inline-end: 0.75rem;
}
.bankera-hero-02__nav-icon {
	inline-size: 0.7rem;
	block-size: 0.7rem;
	background: currentColor;
	clip-path: polygon(65% 8%, 18% 50%, 65% 92%, 78% 78%, 44% 50%, 78% 22%);
}
:dir(rtl) .bankera-hero-02__nav--prev .bankera-hero-02__nav-icon,
[dir="rtl"] .bankera-hero-02__nav--prev .bankera-hero-02__nav-icon {
	transform: scaleX(-1);
}
:dir(ltr) .bankera-hero-02__nav--next .bankera-hero-02__nav-icon,
[dir="ltr"] .bankera-hero-02__nav--next .bankera-hero-02__nav-icon {
	transform: scaleX(-1);
}
.bankera-hero-02__nav:disabled {
	opacity: 0.38;
	cursor: default;
}
.bankera-hero-02 a:focus-visible,
.bankera-hero-02__nav:focus-visible,
.bankera-hero-02__story:focus-visible {
	outline: var(--bankera-focus-width, 3px) solid var(--bh2-gold);
	outline-offset: 2px;
}

@media (hover: hover) {
	.bankera-hero-02__cta:hover,
	.bankera-hero-02__cta:focus-visible {
		background: var(--bh2-cta-hover-bg);
		border-color: var(--bh2-cta-hover-bg);
		color: var(--bh2-cta-hover-text);
	}
	.bankera-hero-02__nav:hover:not(:disabled),
	.bankera-hero-02__nav:focus-visible {
		background: var(--bh2-nav-hover-bg);
		color: var(--bh2-nav-hover-icon);
	}
	.bankera-hero-02__category:hover,
	.bankera-hero-02__category:focus-visible {
		color: #e9be59;
	}
}

.bankera-hero-02__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--bh2-rail-count) - 1) * var(--bh2-rail-gap)) / var(--bh2-rail-count));
	gap: var(--bh2-rail-gap);
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	margin-block-start: 0.875rem;
}
.bankera-hero-02__rail::-webkit-scrollbar {
	display: none;
}
.bankera-hero-02[data-thumbs="3"] {
	--bh2-rail-count: 3;
}
.bankera-hero-02__story {
	appearance: none;
	position: relative;
	box-sizing: border-box;
	min-inline-size: 0;
	block-size: var(--bh2-rail-height);
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: var(--bankera-radius-md, 0.5rem);
	background: var(--bh2-navy-deep);
	color: var(--bh2-white);
	font: inherit;
	text-align: start;
	cursor: pointer;
	scroll-snap-align: start;
}
.bankera-hero-02__story.is-active {
	border-color: var(--bh2-gold);
}
.bankera-hero-02__story-media {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	background: var(--bh2-empty-b);
}
.bankera-hero-02__story-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--bh2-object-position);
	transition: transform 200ms var(--bh2-ease);
}
.bankera-hero-02__story-media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(to top, rgb(14 23 40 / 0.88) 0%, rgb(14 23 40 / 0.22) 48%, transparent 72%);
}
.bankera-hero-02__story-category {
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 1;
	padding: 0.15rem 0.45rem;
	border-radius: 999px;
	background: var(--bh2-gold);
	color: var(--bh2-navy-deep);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.3;
}
.bankera-hero-02__story-title {
	--bankera-title-lines: 2;
	--bankera-news-title-color: var(--bh2-white, #fff);
	--bankera-news-title-hover: var(--bh2-white, #fff);
	--bankera-title-line: var(--bankera-gold, #b88713);
	--bankera-title-line-thickness: 0.12em;
	--bankera-title-line-duration: 0.32s;
	position: absolute;
	inset-inline: 0.65rem 0.65rem;
	bottom: 0.55rem;
	z-index: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--bankera-title-lines, 2);
	line-clamp: var(--bankera-title-lines, 2);
	overflow: hidden;
	color: var(--bh2-white);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: start;
}
@media (hover: hover) {
	.bankera-hero-02__story:hover {
		border-color: var(--bh2-gold);
	}
	.bankera-hero-02__story:hover .bankera-hero-02__story-media img {
		transform: scale(1.015);
	}
}

@media (min-width: 64rem) and (max-width: 74.99rem) {
	.bankera-hero-02 {
		--bh2-text: 46%;
		--bh2-height: clamp(23.75rem, 38vw, 26.25rem);
		--bh2-rail-count: 3;
	}
	.bankera-hero-02[data-thumbs="4"] {
		--bh2-rail-count: 3;
	}
	.bankera-hero-02__title {
		font-size: clamp(1.75rem, 2.8vw, 2rem);
	}
	.bankera-hero-02__content {
		padding: 2.5rem 2.5rem 2.5rem 3.25rem;
	}
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
	.bankera-hero-02 {
		--bh2-text: 52%;
		--bh2-height: clamp(23.75rem, 48vw, 25.625rem);
		--bh2-rail-count: 2.35;
		--bh2-rail-height: 9.5rem;
	}
	.bankera-hero-02[data-thumbs="3"],
	.bankera-hero-02[data-thumbs="4"] {
		--bh2-rail-count: 2.35;
	}
	.bankera-hero-02__title {
		font-size: 1.625rem;
	}
	.bankera-hero-02__content {
		padding: 2.25rem 2rem 2.25rem 3rem;
		max-width: none;
	}
}
@media (max-width: 47.99rem) {
	.bankera-hero-02 {
		--bh2-height: clamp(26.875rem, 118vw, 31.25rem);
		--bh2-text: 100%;
		--bh2-rail-height: 7.75rem;
	}
	.bankera-hero-02__content {
		left: 0;
		right: 0;
		top: auto;
		width: 100%;
		max-width: none;
		justify-content: flex-end;
		padding: 5rem 1.15rem 1.2rem;
	}
	.bankera-hero-02--light .bankera-hero-02__overlay,
	.bankera-hero-02--dark .bankera-hero-02__overlay {
		background: linear-gradient(
			to top,
			rgb(14 23 40 / 0.94) 0%,
			rgb(14 23 40 / 0.72) 28%,
			rgb(14 23 40 / 0.28) 58%,
			transparent 86%
		);
	}
	.bankera-hero-02__title {
		font-size: clamp(1.375rem, 5.8vw, 1.6875rem);
		line-height: 1.45;
		margin-block-start: 0.75rem;
		--bankera-title-lines: 2;
	}
	.bankera-hero-02__cta {
		margin-block-start: 1.15rem;
	}
	.bankera-hero-02__counter {
		margin-block-start: 1.15rem;
	}
	.bankera-hero-02__nav {
		display: none;
	}
	.bankera-hero-02__rail {
		grid-auto-columns: 10.75rem;
		gap: 0.7rem;
	}
	.bankera-hero-02__story-title {
		font-size: 0.8125rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bankera-hero-02 {
		--bh2-duration: 1ms;
	}
	.bankera-hero-02__story-media img,
	.bankera-hero-02__track,
	.bankera-hero-02__slide,
	.bankera-hero-02__media img,
	.bankera-hero-02__cta,
	.bankera-hero-02__nav {
		transition: none;
	}
	.bankera-hero-02.is-initialized .bankera-hero-02__slide.is-active .bankera-hero-02__media img,
	.bankera-hero-02__story:hover .bankera-hero-02__story-media img {
		transform: none;
	}
}