.zarin-hero-slider,
.zarin-hero-slider *,
.zarin-hero-slider *::before,
.zarin-hero-slider *::after {
	box-sizing: border-box;
}

.zarin-hero-slider {
	--zhs-bg: #082f2c;
	--zhs-height: 680px;
	--zhs-radius: 34px;
	--zhs-section-padding: 0;
	--zhs-inner-padding: 72px;
	--zhs-safe-padding: 72px;
	--zhs-container: 1440px;
	--zhs-column-gap: 72px;
	--zhs-content-max: 620px;
	--zhs-title-max: 680px;
	--zhs-desc-max: 560px;
	--zhs-logo-max-width: 360px;
	--zhs-logo-max-height: 360px;
	--zarin-hero-logo-box-size: 280px;
	--zarin-hero-logo-box-padding: 36px;
	--zarin-hero-logo-box-radius: 32px;
	--zarin-hero-logo-scale: .78;
	--zarin-hero-logo-fit: contain;
	--zarin-hero-logo-blur: 14px;
	--zhs-global-overlay-color: #062b28;
	--zhs-global-overlay-opacity: .18;
	--zhs-glow: 36px;
	--zhs-arrow-size: 54px;
	--zhs-arrow-icon: 20px;
	--zhs-arrow-edge: 28px;
	--zhs-arrow-y: 0px;
	--zarin-hero-arrow-size: var(--zhs-arrow-size);
	--zarin-hero-arrow-icon-size: var(--zhs-arrow-icon);
	--zarin-hero-arrow-icon-offset: 0px;
	--zhs-dot-size: 10px;
	--zhs-dot-gap: 10px;
	--zhs-dot-active-width: 38px;
	--zhs-dots-bottom: 24px;
	--zhs-anim-duration: 700ms;
	--zhs-anim-step: 120ms;
	--zhs-bg-zoom: 1.04;
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: var(--zhs-section-padding);
	overflow: hidden;
	direction: rtl;
	background: var(--zhs-bg);
	border-radius: var(--zhs-radius);
}

.zarin-hero-slider__swiper {
	position: relative;
	width: 100%;
	min-height: var(--zhs-height);
	overflow: hidden;
	border-radius: inherit;
}

.zarin-hero-slider__track {
	position: relative;
	display: flex;
	width: 100%;
	min-height: var(--zhs-height);
	transition: transform 650ms cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

.zarin-hero-slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	min-height: var(--zhs-height);
	overflow: hidden;
	isolation: isolate;
	background: var(--zhs-bg);
}

.zarin-hero-slide__bg,
.zarin-hero-slide__overlay {
	position: absolute;
	inset: 0;
}

.zarin-hero-slide__bg {
	z-index: 1;
	background-color: var(--zhs-bg);
	background-image: var(--zhs-slide-bg);
	background-position: var(--zhs-slide-pos, center center);
	background-size: var(--zhs-slide-bg-size, cover);
	background-repeat: no-repeat;
	transform: scale(1.02);
	transition: transform 1200ms cubic-bezier(.22, .61, .36, 1), filter 600ms ease;
}

.zarin-hero-slide.is-active .zarin-hero-slide__bg {
	transform: scale(var(--zhs-bg-zoom));
}

.zarin-hero-slider--no-bg-zoom .zarin-hero-slide.is-active .zarin-hero-slide__bg {
	transform: scale(1.02);
}

.zarin-hero-slide__overlay {
	z-index: 2;
	background:
		radial-gradient(circle at 22% 22%, rgba(213, 166, 61, .22), transparent var(--zhs-glow)),
		var(--zhs-slide-gradient, transparent),
		var(--zhs-slide-overlay, rgba(8, 47, 44, .62));
	opacity: 1;
}

.zarin-hero-slide__overlay::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--zhs-global-overlay-color);
	opacity: var(--zhs-global-overlay-opacity);
}

.zarin-hero-slide__inner {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: var(--zhs-column-gap);
	width: min(100%, var(--zhs-container));
	min-height: var(--zhs-height);
	margin: 0 auto;
	padding-block: var(--zhs-inner-padding);
	padding-inline: max(var(--zhs-safe-padding), 24px);
	color: #ffffff;
}

.zarin-hero-slider--text_right .zarin-hero-slide__content-col {
	order: 1;
}

.zarin-hero-slider--text_right .zarin-hero-slide__logo-col {
	order: 2;
}

.zarin-hero-slider--text_left .zarin-hero-slide__content-col {
	order: 2;
}

.zarin-hero-slider--text_left .zarin-hero-slide__logo-col {
	order: 1;
}

.zarin-hero-slider--valign-top .zarin-hero-slide__inner {
	align-items: start;
}

.zarin-hero-slider--valign-bottom .zarin-hero-slide__inner {
	align-items: end;
}

.zarin-hero-slide__logo-col,
.zarin-hero-slide__content-col {
	display: flex;
	min-width: 0;
}

.zarin-hero-slide__logo-col {
	align-items: center;
	justify-content: center;
}

.zarin-hero-slide__content-col {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: var(--zhs-content-max);
	text-align: right;
}

.zarin-hero-slider--align-center .zarin-hero-slide__content-col {
	align-items: center;
	margin-inline: auto;
	text-align: center;
}

.zarin-hero-slider--align-left .zarin-hero-slide__content-col {
	align-items: flex-end;
	margin-inline-start: auto;
	text-align: left;
}

.zarin-hero-slide__logo-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--zarin-hero-logo-box-size);
	height: var(--zarin-hero-logo-box-size);
	aspect-ratio: 1 / 1;
	max-width: 100%;
	padding: var(--zarin-hero-logo-box-padding);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: var(--zarin-hero-logo-box-radius);
	box-shadow: 0 26px 80px rgba(0, 0, 0, .24);
	overflow: hidden;
	backdrop-filter: blur(var(--zarin-hero-logo-blur));
}

.zarin-hero-slide__logo {
	display: block;
	width: auto;
	height: auto;
	max-width: min(calc(100% * var(--zarin-hero-logo-scale)), var(--zhs-logo-max-width));
	max-height: min(calc(100% * var(--zarin-hero-logo-scale)), var(--zhs-logo-max-height));
	object-fit: var(--zarin-hero-logo-fit);
}

.zarin-hero-slide__badge {
	display: inline-flex;
	width: fit-content;
	margin: 0 0 28px;
	padding: 8px 16px;
	color: #f7e6b5;
	background: rgba(213, 166, 61, .14);
	border: 1px solid rgba(213, 166, 61, .44);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.7;
}

.zarin-hero-slide__title {
	max-width: var(--zhs-title-max);
	margin: 0 0 26px;
	color: #ffffff;
	font-size: clamp(36px, 5vw, 74px);
	font-weight: 950;
	line-height: 1.2;
	letter-spacing: 0;
	text-shadow: 0 14px 40px rgba(0, 0, 0, .38);
}

.zarin-hero-slide__desc {
	max-width: var(--zhs-desc-max);
	margin: 0 0 36px;
	color: rgba(255, 255, 255, .84);
	font-size: 18px;
	line-height: 2;
}

.zarin-hero-slide__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	width: 100%;
}

.zarin-hero-slider--buttons-stacked .zarin-hero-slide__actions {
	flex-direction: column;
	align-items: stretch;
}

.zarin-hero-slider--buttons-stacked .zarin-hero-slide__button {
	width: 100%;
}

.zarin-hero-slide__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 54px;
	padding: 0 26px;
	gap: 0;
	color: #082f2c;
	background: #d5a63d;
	border: 1px solid #d5a63d;
	border-radius: 999px;
	box-shadow: 0 18px 42px rgba(213, 166, 61, .3);
	font-weight: 950;
	line-height: 1.5;
	text-decoration: none;
	transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.zarin-hero-slide__button--secondary {
	color: #ffffff;
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .42);
	box-shadow: none;
}

.zarin-hero-slide__button--secondary:hover,
.zarin-hero-slide__button--secondary:focus-visible {
	color: #082f2c;
	background: #ffffff;
	border-color: #ffffff;
}

.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide:not(.is-active) .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide:not(.is-active) .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide:not(.is-active) .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide:not(.is-active) .zarin-hero-slide__actions,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__actions,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide:not(.is-active) .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide:not(.is-active) .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide:not(.is-active) .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide:not(.is-active) .zarin-hero-slide__actions,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide:not(.is-active) .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide:not(.is-active) .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide:not(.is-active) .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide:not(.is-active) .zarin-hero-slide__actions,
.zarin-hero-slider--logo-anim-fade_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__logo-box,
.zarin-hero-slider--logo-anim-scale_in .zarin-hero-slide:not(.is-active) .zarin-hero-slide__logo-box,
.zarin-hero-slider--logo-anim-slide_from_left .zarin-hero-slide:not(.is-active) .zarin-hero-slide__logo-box,
.zarin-hero-slider--logo-anim-slide_from_right .zarin-hero-slide:not(.is-active) .zarin-hero-slide__logo-box {
	opacity: 0;
}

.zarin-hero-slide.is-active .zarin-hero-slide__logo-box,
.zarin-hero-slide.is-active .zarin-hero-slide__badge,
.zarin-hero-slide.is-active .zarin-hero-slide__title,
.zarin-hero-slide.is-active .zarin-hero-slide__desc,
.zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-duration: var(--zhs-anim-duration);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.zarin-hero-slide.is-active .zarin-hero-slide__logo-box {
	animation-delay: 0ms;
}

.zarin-hero-slide.is-active .zarin-hero-slide__badge {
	animation-delay: calc(var(--zhs-anim-step) * 1);
}

.zarin-hero-slide.is-active .zarin-hero-slide__title {
	animation-delay: calc(var(--zhs-anim-step) * 2);
}

.zarin-hero-slide.is-active .zarin-hero-slide__desc {
	animation-delay: calc(var(--zhs-anim-step) * 3);
}

.zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-delay: calc(var(--zhs-anim-step) * 4);
}

.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide.is-active .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide.is-active .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide.is-active .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-fade_up .zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-name: zhsFadeUp;
}

.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide.is-active .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide.is-active .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide.is-active .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-fade_in .zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-name: zhsFadeIn;
}

.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide.is-active .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide.is-active .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide.is-active .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-slide_from_right .zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-name: zhsSlideFromRight;
}

.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide.is-active .zarin-hero-slide__badge,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide.is-active .zarin-hero-slide__title,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide.is-active .zarin-hero-slide__desc,
.zarin-hero-slider--content-anim-slide_from_left .zarin-hero-slide.is-active .zarin-hero-slide__actions {
	animation-name: zhsSlideFromLeft;
}

.zarin-hero-slider--logo-anim-fade_in .zarin-hero-slide.is-active .zarin-hero-slide__logo-box {
	animation-name: zhsFadeIn;
}

.zarin-hero-slider--logo-anim-scale_in .zarin-hero-slide.is-active .zarin-hero-slide__logo-box {
	animation-name: zhsScaleIn;
}

.zarin-hero-slider--logo-anim-slide_from_left .zarin-hero-slide.is-active .zarin-hero-slide__logo-box {
	animation-name: zhsSlideFromLeft;
}

.zarin-hero-slider--logo-anim-slide_from_right .zarin-hero-slide.is-active .zarin-hero-slide__logo-box {
	animation-name: zhsSlideFromRight;
}

@keyframes zhsFadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes zhsFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes zhsSlideFromRight {
	from { opacity: 0; transform: translateX(34px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes zhsSlideFromLeft {
	from { opacity: 0; transform: translateX(-34px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes zhsScaleIn {
	from { opacity: 0; transform: scale(.92); }
	to { opacity: 1; transform: scale(1); }
}

.zarin-hero-slide__button:hover,
.zarin-hero-slide__button:focus-visible {
	color: #d5a63d;
	background: #ffffff;
	border-color: #ffffff;
	transform: translateY(-2px);
}

.zarin-hero-slider__nav {
	position: absolute;
	z-index: 8;
	top: calc(50% + var(--zhs-arrow-y));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--zarin-hero-arrow-size, 54px);
	height: var(--zarin-hero-arrow-size, 54px);
	min-width: var(--zarin-hero-arrow-size, 54px);
	min-height: var(--zarin-hero-arrow-size, 54px);
	padding: 0;
	color: #082f2c;
	background: rgba(213, 166, 61, .92);
	border: 1px solid rgba(213, 166, 61, .7);
	border-radius: 999px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
	cursor: pointer;
	font-size: var(--zhs-arrow-icon);
	line-height: 1;
	box-sizing: border-box;
	text-align: center;
	transform: translateY(-50%);
	appearance: none;
	transition: color 180ms ease, background 180ms ease, border-color 180ms ease, opacity 180ms ease;
}

.zarin-hero-slider__nav svg,
.zarin-hero-slider__nav i {
	display: block;
	width: var(--zarin-hero-arrow-icon-size, 20px);
	height: var(--zarin-hero-arrow-icon-size, 20px);
	min-width: var(--zarin-hero-arrow-icon-size, 20px);
	min-height: var(--zarin-hero-arrow-icon-size, 20px);
	margin: 0;
	padding: 0;
	line-height: 1;
	flex: 0 0 auto;
	position: static;
	transform: translateX(var(--zarin-hero-arrow-icon-offset, 0px));
}

.zarin-hero-slider__nav svg {
	overflow: visible;
}

.zarin-hero-slider__nav .e-font-icon-svg {
	display: block;
	width: var(--zarin-hero-arrow-icon-size, 20px);
	height: var(--zarin-hero-arrow-icon-size, 20px);
	margin: 0;
}

.zarin-hero-slider__nav--prev {
	right: var(--zhs-arrow-edge);
}

.zarin-hero-slider__nav--next {
	left: var(--zhs-arrow-edge);
}

.zarin-hero-slider--nav-inside_edges .zarin-hero-slider__nav--prev {
	right: calc(var(--zhs-arrow-edge) + 34px);
}

.zarin-hero-slider--nav-inside_edges .zarin-hero-slider__nav--next {
	left: calc(var(--zhs-arrow-edge) + 34px);
}

.zarin-hero-slider--nav-bottom_corners .zarin-hero-slider__nav {
	top: auto;
	bottom: 28px;
	transform: none;
}

.zarin-hero-slider__nav:hover,
.zarin-hero-slider__nav:focus-visible {
	color: #ffffff;
	background: #0b4d45;
	border-color: #0b4d45;
}

.zarin-hero-slider__nav:disabled {
	opacity: .45;
	cursor: not-allowed;
}

.zarin-hero-slider__dots {
	position: absolute;
	z-index: 9;
	bottom: var(--zhs-dots-bottom);
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--zhs-dot-gap);
	transform: translateX(-50%);
}

.zarin-hero-slider--dots-bottom_right .zarin-hero-slider__dots {
	right: 42px;
	left: auto;
	transform: none;
}

.zarin-hero-slider--dots-bottom_left .zarin-hero-slider__dots {
	right: auto;
	left: 42px;
	transform: none;
}

.zarin-hero-slider__dot {
	display: block;
	width: var(--zhs-dot-size);
	height: var(--zhs-dot-size);
	padding: 0;
	background: rgba(255, 255, 255, .46);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	appearance: none;
	transition: width 180ms ease, background 180ms ease;
}

.zarin-hero-slider__dot.is-active {
	width: var(--zhs-dot-active-width);
	background: #d5a63d;
}

@media (max-width: 1024px) {
	.zarin-hero-slider {
		--zhs-height: 600px;
		--zhs-inner-padding: 52px;
		--zhs-safe-padding: 48px;
		--zhs-column-gap: 42px;
	}

	.zarin-hero-slider--tablet-stacked .zarin-hero-slide__inner {
		grid-template-columns: 1fr;
		align-content: center;
		gap: 30px;
	}

	.zarin-hero-slider--tablet-stacked .zarin-hero-slide__content-col,
	.zarin-hero-slider--tablet-stacked .zarin-hero-slide__logo-col {
		order: initial;
		width: 100%;
	}

	.zarin-hero-slide__title {
		font-size: clamp(34px, 5vw, 56px);
	}
}

@media (max-width: 767px) {
	.zarin-hero-slider {
		--zhs-height: 620px;
		--zhs-inner-padding: 34px 22px 74px;
		--zhs-safe-padding: 24px;
		--zhs-column-gap: 24px;
		--zhs-arrow-size: 42px;
		--zhs-arrow-icon: 18px;
		--zhs-arrow-edge: 14px;
		--zhs-dot-active-width: 30px;
		--zhs-dots-bottom: 18px;
		border-radius: 24px;
	}

	.zarin-hero-slide__bg {
		background-image: var(--zhs-slide-mobile-bg, var(--zhs-slide-bg));
		background-position: var(--zhs-slide-mobile-pos, var(--zhs-slide-pos, center center));
	}

	.zarin-hero-slide__inner {
		grid-template-columns: 1fr;
		align-content: center;
		gap: var(--zhs-column-gap);
		text-align: right;
	}

	.zarin-hero-slide__content-col,
	.zarin-hero-slider--align-left .zarin-hero-slide__content-col,
	.zarin-hero-slider--align-center .zarin-hero-slide__content-col {
		order: 1;
		align-items: flex-start;
		margin: 0;
		text-align: right;
	}

	.zarin-hero-slide__logo-col {
		order: 2;
		justify-content: center;
	}

	.zarin-hero-slider--mobile-logo_first .zarin-hero-slide__logo-col {
		order: 1;
	}

	.zarin-hero-slider--mobile-logo_first .zarin-hero-slide__content-col {
		order: 2;
	}

	.zarin-hero-slider--mobile-content_first .zarin-hero-slide__content-col {
		order: 1;
	}

	.zarin-hero-slider--mobile-content_first .zarin-hero-slide__logo-col {
		order: 2;
	}

	.zarin-hero-slide__title {
		font-size: clamp(30px, 8vw, 36px);
	}

	.zarin-hero-slide__desc {
		font-size: 15px;
		line-height: 1.9;
	}

	.zarin-hero-slide__actions {
		align-items: stretch;
	}

	.zarin-hero-slider--mobile-buttons-full .zarin-hero-slide__button {
		width: 100%;
	}

	.zarin-hero-slider--hide-arrows-mobile .zarin-hero-slider__nav {
		display: none;
	}

	.zarin-hero-slider--dots-bottom_right .zarin-hero-slider__dots,
	.zarin-hero-slider--dots-bottom_left .zarin-hero-slider__dots {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.zarin-hero-slider__track,
	.zarin-hero-slide__bg,
	.zarin-hero-slide__button,
	.zarin-hero-slider__nav,
	.zarin-hero-slider__dot {
		transition-duration: 1ms !important;
	}

	.zarin-hero-slide.is-active .zarin-hero-slide__logo-box,
	.zarin-hero-slide.is-active .zarin-hero-slide__badge,
	.zarin-hero-slide.is-active .zarin-hero-slide__title,
	.zarin-hero-slide.is-active .zarin-hero-slide__desc,
	.zarin-hero-slide.is-active .zarin-hero-slide__actions {
		animation: none !important;
	}

	.zarin-hero-slide.is-active .zarin-hero-slide__bg {
		transform: scale(1.02);
	}
}