/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.jahangard-board-iframe-wrap {
	width: 100%;
	overflow: hidden;
}

.jahangard-board-iframe {
	display: block;
	width: 100%;
	height: 1150px;
	border: 0;
	overflow: hidden;
	background: transparent;
}

@media (max-width: 767px) {
	.jahangard-board-iframe {
		height: 487px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.jahangard-board-iframe {
		height: 700px;
	}
}

@media (min-width: 1025px) and (max-width: 1366px) {
	.jahangard-board-iframe {
		height: 950px;
	}
}

@media (min-width: 1367px) {
	.jahangard-board-iframe {
		height: 1150px;
	}
}




/* START EFECT AIR */

.jahangard-scroll-plane {
	--jahangard-plane-scene-height: 240px;
	--jahangard-plane-progress: 0;
	--jahangard-plane-x: -180px;
	--jahangard-plane-y: 0px;
	--jahangard-plane-tilt: -10deg;
	--jahangard-plane-trail-scale: 0.15;
	position: relative;
	width: 100%;
	margin: 32px 0;
	direction: ltr;
}

.jahangard-scroll-plane__track {
	position: sticky;
	top: clamp(18px, 12vh, 110px);
	padding-block: 18px;
}

.jahangard-scroll-plane__scene {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: var(--jahangard-plane-scene-height);
	padding: 30px 20px;
	overflow: hidden;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 32px;
	background:
		radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 30%),
		linear-gradient(135deg, #eff6ff 0%, #dbeafe 32%, #f8fbff 68%, #e0f2fe 100%);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
	isolation: isolate;
}

.jahangard-scroll-plane__scene::before,
.jahangard-scroll-plane__scene::after {
	content: "";
	position: absolute;
	inset-inline: 28px;
	border-top: 1px dashed rgba(29, 78, 216, 0.18);
}

.jahangard-scroll-plane__scene::before {
	top: 42%;
}

.jahangard-scroll-plane__scene::after {
	top: 58%;
	opacity: 0.7;
}

.jahangard-scroll-plane__glow {
	position: absolute;
	inset: auto auto -70px -10px;
	width: 240px;
	height: 240px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(59, 130, 246, 0.28), rgba(59, 130, 246, 0));
	filter: blur(8px);
}

.jahangard-scroll-plane__trail {
	position: absolute;
	left: 28px;
	right: 28px;
	top: 50%;
	height: 14px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(191, 219, 254, 0) 0%, rgba(125, 211, 252, 0.55) 48%, rgba(37, 99, 235, 0.08) 100%);
	transform: translateY(-50%) scaleX(var(--jahangard-plane-trail-scale));
	transform-origin: left center;
	filter: blur(2px);
	opacity: 0.9;
}

.jahangard-scroll-plane__cloud {
	position: absolute;
	height: 22px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	filter: blur(0.2px);
	box-shadow:
		18px 4px 0 2px rgba(255, 255, 255, 0.84),
		38px -2px 0 6px rgba(255, 255, 255, 0.64),
		56px 4px 0 1px rgba(255, 255, 255, 0.76);
	animation: jahangard-cloud-drift 10s ease-in-out infinite;
	will-change: transform;
}

.jahangard-scroll-plane__cloud--one {
	top: 24px;
	left: 11%;
	width: 64px;
	opacity: 0.9;
	animation-duration: 12s;
	animation-delay: -2s;
}

.jahangard-scroll-plane__cloud--two {
	right: 18%;
	bottom: 38px;
	width: 72px;
	opacity: 0.85;
	animation-duration: 15s;
	animation-delay: -5s;
}

.jahangard-scroll-plane__cloud--three {
	top: 34px;
	right: 37%;
	width: 54px;
	opacity: 0.78;
	animation-duration: 11s;
	animation-delay: -7s;
}

.jahangard-scroll-plane__craft {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	transform: translate3d(var(--jahangard-plane-x), var(--jahangard-plane-y), 0) rotate(var(--jahangard-plane-tilt));
	transition: transform 0.12s linear;
	will-change: transform;
}

.jahangard-scroll-plane__label {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 18px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(10px);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
	color: #0f172a;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	white-space: nowrap;
}

.jahangard-scroll-plane__tow-line {
	display: block;
	flex: 0 0 42px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(59, 130, 246, 0.22), rgba(29, 78, 216, 0.82));
	box-shadow: 0 0 14px rgba(59, 130, 246, 0.35);
}

.jahangard-scroll-plane__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 132px;
	height: 82px;
	padding: 2px 0;
	background: radial-gradient(circle at 50% 55%, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 72%);
}

.jahangard-scroll-plane__icon img {
	display: block;
	width: 132px;
	height: auto;
	max-height: 82px;
	object-fit: contain;
	transform: rotate(-4deg);
	filter: drop-shadow(0 12px 18px rgba(15, 23, 42, 0.26));
}

@keyframes jahangard-cloud-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(12px, -4px, 0);
	}
}

@media (max-width: 767px) {
	.jahangard-scroll-plane {
		margin: 24px 0;
	
	}

	.jahangard-scroll-plane__track {
		position: relative;
		top: auto;
		padding-block: 0;
	}

	.jahangard-scroll-plane__scene {
		min-height: max(190px, calc(var(--jahangard-plane-scene-height) - 20px));
		padding: 22px 14px;
		border-radius: 24px;
	}

	.jahangard-scroll-plane__scene::before,
	.jahangard-scroll-plane__scene::after {
		inset-inline: 16px;
	}

	.jahangard-scroll-plane__trail {
		left: 16px;
		right: 16px;
	}

	.jahangard-scroll-plane__craft {
		gap: 8px;
	}

	.jahangard-scroll-plane__label {
		padding: 10px 14px;
		font-size: 11px;
		letter-spacing: 0.16em;
	}

	.jahangard-scroll-plane__tow-line {
		flex-basis: 26px;
	}

	.jahangard-scroll-plane__icon {
		width: 100px;
		height: 62px;
	}

	.jahangard-scroll-plane__icon img {
		width: 100px;
		max-height: 62px;
	}

	.jahangard-scroll-plane__cloud {
		transform: scale(0.8);
	}

	@keyframes jahangard-cloud-drift {
		0%,
		100% {
			transform: scale(0.8) translate3d(0, 0, 0);
		}

		50% {
			transform: scale(0.8) translate3d(10px, -3px, 0);
		}
	}
}


/* END EFECT AIR */