.shs{--shs-navy:#000f59;--shs-bg:#f8f8f8;position:relative;z-index:1;box-sizing:border-box;width:100%;padding:clamp(14px,2vw,30px) 0 clamp(2px,.8vw,10px);overflow:hidden;overflow:clip visible;background:var(--shs-bg);font-family:var(--sptm-font,"yekanbakh","Yekan Bakh",Tahoma,sans-serif)}
.shs *{box-sizing:border-box}
.shs-slider{position:relative;width:100%;max-width:none;margin-inline:auto}
.shs-slider__viewport{position:relative;width:100%;overflow:hidden;overflow:clip visible;isolation:isolate;touch-action:pan-y;cursor:grab;outline:0}
.shs-slider[data-count="1"] .shs-slider__viewport{cursor:default}
.shs-slider__viewport.is-dragging{cursor:grabbing}
.shs-slider__track{display:flex;direction:ltr;align-items:center;gap:clamp(10px,1.2vw,18px);padding-inline:clamp(16px,4vw,64px);transform:translate3d(0,0,0);transition:transform .64s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}
.shs-slider.is-enhanced:not(.is-ready) .shs-slider__track{opacity:0}
.shs-slider.is-ready .shs-slider__track{opacity:1;transition-property:transform,opacity;transition-duration:.64s,.2s}
.shs-slider[data-count="1"] .shs-slider__track{justify-content:center}
.shs-slider__track.is-instant{transition:none}
.shs-slide{position:relative;flex:0 0 min(1440px,calc(100vw - clamp(40px,7vw,140px)));aspect-ratio:16/9;min-width:0;margin:0;overflow:hidden;border-radius:18px;background:#ececec;opacity:.72;transform:translateZ(0) scale(.96);pointer-events:none;backface-visibility:hidden;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}
.shs-slide.is-active{z-index:2;opacity:1;transform:translateZ(0) scale(1);pointer-events:auto;box-shadow:0 22px 52px rgba(15,23,42,.11)}
.shs-slide__link{display:block;width:100%;height:100%;border:0;outline-offset:4px;text-decoration:none;-webkit-user-drag:none}
.shs-slide__picture{display:block;width:100%;height:100%}
.shs-slide__link:focus-visible{outline:3px solid rgba(0,15,89,.45)}
.shs-slide__image{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain;object-position:center;background:#ececec;opacity:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden}
.shs-slider__fade{position:absolute;z-index:4;top:0;bottom:0;width:clamp(34px,6.5vw,108px);pointer-events:none}
.shs-slider__fade--right{right:0;left:auto;background:linear-gradient(to left,var(--shs-bg) 0,rgba(248,248,248,.82) 24%,rgba(248,248,248,.28) 67%,transparent 100%)}
.shs-slider__fade--left{left:0;right:auto;background:linear-gradient(to right,var(--shs-bg) 0,rgba(248,248,248,.82) 24%,rgba(248,248,248,.28) 67%,transparent 100%)}
.shs .shs-slider__arrow{all:unset!important;position:absolute!important;z-index:8!important;top:50%!important;display:grid!important;width:clamp(44px,4vw,56px)!important;min-width:0!important;max-width:none!important;height:clamp(44px,4vw,56px)!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;place-items:center!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:50%!important;background:rgba(255,255,255,.7)!important;color:var(--shs-navy)!important;box-shadow:0 11px 28px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(10px) saturate(130%)!important;backdrop-filter:blur(10px) saturate(130%)!important;cursor:pointer!important;pointer-events:auto!important;transform:translateY(-50%) translateZ(0)!important;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease,box-shadow .2s ease!important;-webkit-appearance:none!important;appearance:none!important;backface-visibility:hidden!important}
.shs .shs-slider__arrow::before,.shs .shs-slider__arrow::after{content:none!important;display:none!important}
.shs-slider.is-enhanced:not(.is-ready) .shs-slider__arrow{opacity:0!important;pointer-events:none!important}
.shs .shs-slider__arrow:disabled{opacity:.34!important;cursor:default!important;pointer-events:none!important;box-shadow:0 7px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}
.shs .shs-slider__arrow--right{right:clamp(10px,3.1vw,48px)!important;left:auto!important}
.shs .shs-slider__arrow--left{left:clamp(10px,3.1vw,48px)!important;right:auto!important}
.shs .shs-slider__arrow:hover,.shs .shs-slider__arrow:focus-visible{border-color:#fff!important;background:rgba(255,255,255,.92)!important;color:var(--shs-navy)!important;box-shadow:0 15px 36px rgba(0,15,89,.17),inset 0 1px 0 #fff!important;transform:translateY(-50%) translateZ(0) scale(1.06)!important}
.shs .shs-slider__arrow:active{background:#fff!important;color:var(--shs-navy)!important;transform:translateY(-50%) translateZ(0) scale(.96)!important}
.shs .shs-slider__arrow:focus-visible{outline:3px solid rgba(0,15,89,.2)!important;outline-offset:3px!important}
.shs .shs-slider__arrow svg{display:block!important;width:21px!important;height:21px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.shs-empty{padding:20px;text-align:center}
@media(max-width:760px){.shs{padding:12px 0}.shs-slider__track{gap:10px;padding-inline:42px}.shs-slide{flex-basis:calc(100vw - 96px);border-radius:12px;opacity:.76;transform:scale(.965)}.shs-slide.is-active{transform:scale(1);box-shadow:0 14px 34px rgba(15,23,42,.11)}.shs-slider__fade{width:24px}.shs .shs-slider__arrow{width:40px!important;height:40px!important}.shs .shs-slider__arrow--right{right:5px!important;left:auto!important}.shs .shs-slider__arrow--left{left:5px!important;right:auto!important}.shs .shs-slider__arrow svg{width:18px!important;height:18px!important}}
@media(max-width:390px){.shs-slide{flex-basis:calc(100vw - 88px);border-radius:10px}.shs-slider__track{padding-inline:38px}.shs-slider__fade{width:20px}.shs .shs-slider__arrow{width:36px!important;height:36px!important}}
@media(prefers-reduced-motion:reduce){.shs *,.shs *::before,.shs *::after{animation:none!important;transition-duration:.01ms!important}}


/* ============================================================
   v2.7.0 - rebuilt slider: exact 12:5 slides (ICAN ratio),
   solid navy nav cluster bottom-left, no horizontal scroll
   ============================================================ */
html,
body {
	overflow-x: hidden;
}

@supports (overflow-x: clip) {
	html,
	body {
		overflow-x: clip;
	}
}

.shs {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding-inline: 0;
}

.shs-slider {
	width: 100%;
	max-width: none;
	overflow: hidden;
}

.shs-slider__track {
	gap: 0;
	padding-inline: 0;
}

.shs-slide {
	flex: 0 0 100%;
	height: auto;
	aspect-ratio: 12 / 5;
	max-height: none;
	border-radius: 0;
	opacity: 1;
	transform: none;
	box-shadow: none;
}

.shs-slide.is-active {
	transform: none;
	box-shadow: none;
}

.shs-slide__link {
	display: block;
	width: 100%;
	height: 100%;
}

.shs-slide img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.shs-slider__fade {
	display: none;
}

/* nav cluster: solid navy circles, always visible */
.shs-slider__nav {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 9;
	display: flex;
	gap: 10px;
}

.shs .shs-slider__arrow {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	inset: auto !important;
	transform: none !important;
	display: grid !important;
	place-items: center !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #000f59 !important;
	color: #fff !important;
	box-shadow: 0 12px 28px rgba(0, 15, 89, .3) !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	backface-visibility: hidden !important;
	transition: background-color 220ms ease, color 220ms ease, transform 220ms cubic-bezier(.22, 1, .36, 1), box-shadow 220ms ease !important;
}

.shs .shs-slider__arrow::before,
.shs .shs-slider__arrow::after {
	content: none !important;
	display: none !important;
}

.shs .shs-slider__arrow svg {
	display: block !important;
	width: 21px !important;
	height: 21px !important;
	margin: 0 !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	pointer-events: none !important;
	transition: transform 220ms cubic-bezier(.22, 1, .36, 1) !important;
}

.shs .shs-slider__arrow:hover {
	background: #ff7614 !important;
	color: #fff !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 16px 34px rgba(255, 118, 20, .4) !important;
}

.shs .shs-slider__arrow--left:hover svg {
	transform: translateX(-3px) !important;
}

.shs .shs-slider__arrow--right:hover svg {
	transform: translateX(3px) !important;
}

.shs .shs-slider__arrow:active {
	transform: translateY(-1px) scale(.94) !important;
}

.shs .shs-slider__arrow:focus-visible {
	outline: 3px solid rgba(255, 118, 20, .55) !important;
	outline-offset: 3px !important;
}

.shs .shs-slider__arrow:disabled {
	opacity: .4 !important;
	cursor: default !important;
	pointer-events: none !important;
}

@media (max-width: 900px) {
	.shs-slide {
		aspect-ratio: 16 / 10;
		max-height: none;
	}

	.shs-slider__nav {
		bottom: 14px;
		left: 14px;
		gap: 8px;
	}

	.shs .shs-slider__arrow {
		width: 40px !important;
		height: 40px !important;
	}

	.shs .shs-slider__arrow svg {
		width: 18px !important;
		height: 18px !important;
	}
}

/* ============================================================
   v2.7.2 - breathable 1920x700 banner frame and control rail
   ============================================================ */
.shs {
	--shs-gutter: clamp(10px, 1.05vw, 16px);
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding: 16px var(--shs-gutter) 24px;
	background: #fff;
	overflow: hidden;
}

.shs-slider,
.shs-slider__viewport {
	width: 100%;
	max-width: none;
	overflow: hidden;
}

.shs-slider__viewport {
	border: 1px solid rgba(0, 15, 89, .08);
	border-radius: 2px;
	background: #f5f6f8;
}

.shs-slider__track {
	gap: 0;
	padding-inline: 0;
}

.shs-slide,
.shs-slide.is-active {
	flex: 0 0 100%;
	aspect-ratio: 1920 / 700;
	min-width: 100%;
	max-height: none;
	border-radius: 0;
	background: #f5f6f8;
	opacity: 1;
	transform: none;
	box-shadow: none;
}

.shs-slide img,
.shs-slide__image {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	background: #f5f6f8;
}

.shs-slider__nav {
	position: absolute;
	z-index: 9;
	bottom: 12px;
	left: 12px;
	display: flex;
	gap: 8px;
}

.shs .shs-slider__arrow {
	position: static !important;
	inset: auto !important;
	display: grid !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	place-items: center !important;
	border: 1px solid rgba(0, 15, 89, .12) !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, .94) !important;
	color: var(--shs-navy) !important;
	box-shadow: 0 5px 16px rgba(0, 15, 89, .09) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
	transform: none !important;
}

.shs .shs-slider__arrow:hover,
.shs .shs-slider__arrow:focus-visible {
	border-color: rgba(255, 118, 20, .35) !important;
	background: #fff !important;
	color: #ff7614 !important;
	box-shadow: 0 7px 18px rgba(0, 15, 89, .12) !important;
	transform: none !important;
}

.shs .shs-slider__arrow:active {
	transform: scale(.94) !important;
}

.shs .shs-slider__arrow:disabled {
	opacity: .38 !important;
	box-shadow: none !important;
}

.shs .shs-slider__arrow svg {
	width: 18px !important;
	height: 18px !important;
}

.shs .shs-slider__arrow:hover svg {
	transform: none !important;
}

.shs-slider__dots {
	display: flex;
	height: 48px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fff;
}

.shs .shs-slider__dot {
	all: unset;
	display: block;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 15, 89, .12);
	box-shadow: none;
	cursor: pointer;
	transition: width 220ms cubic-bezier(.22, 1, .36, 1), background-color 180ms ease;
	-webkit-appearance: none;
	appearance: none;
}

.shs .shs-slider__dot:hover {
	background: rgba(0, 15, 89, .35);
}

.shs .shs-slider__dot.is-active {
	width: 22px;
	background: #ff7614;
}

.shs .shs-slider__dot:focus-visible {
	outline: 3px solid rgba(255, 118, 20, .25);
	outline-offset: 3px;
}

@media (max-width: 760px) {
	.shs {
		--shs-gutter: 10px;
		padding-top: 10px;
		padding-bottom: 16px;
	}

	.shs-slide,
	.shs-slide.is-active {
		flex-basis: 100%;
		aspect-ratio: 16 / 10;
		min-width: 100%;
		border-radius: 0;
	}

	.shs-slider__nav {
		bottom: 10px;
		left: 10px;
		gap: 6px;
	}

	.shs .shs-slider__arrow {
		width: 36px !important;
		height: 36px !important;
		border-radius: 8px !important;
	}

	.shs-slider__dots {
		height: 42px;
	}
}

/* ============================================================
   v2.7.3 - remove the background layer behind the banner
   ============================================================ */
.shs,
.shs-slider,
.shs-slider__viewport,
.shs-slide,
.shs-slide.is-active,
.shs-slide img,
.shs-slide__image,
.shs-slider__dots {
	background: transparent;
}

.shs-slider__viewport {
	border: 0;
}

/* v2.7.4 - section rhythm: the page builder owns the top gap */
.shs {
	padding-top: 0;
	padding-bottom: 0;
}

/* v2.8.1 - paired responsive artwork and zero-gap section handoff */
.shs-host-section {
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.shs-slide__picture,
.shs-slide__picture > img {
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 760px) {
	.shs {
		padding-top: 0;
		padding-bottom: 0;
	}

	.shs-slide__picture > img {
		object-position: center;
	}
}