.ietl-section{
	--ietl-accent:#ff761b;
	--ietl-text:#eef4fb;
	--ietl-separator:#ff761b;
	position:relative;
	overflow:hidden;
	isolation:isolate;
	background-color:#03101f;
	background-image:
		radial-gradient(circle at 50% 4%,rgba(20,62,108,.22),transparent 34%),
		linear-gradient(180deg,rgba(255,255,255,.015),transparent 30%);
	color:var(--ietl-text);
	font-family:inherit;
}

.ietl-section *{box-sizing:border-box}

.ietl-container{
	position:relative;
	z-index:2;
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.ietl-glow{
	position:absolute;
	inset:0;
	z-index:-2;
	background:
		radial-gradient(circle at 15% 48%,rgba(255,118,27,.035),transparent 28%),
		radial-gradient(circle at 85% 65%,rgba(11,52,94,.13),transparent 34%);
	pointer-events:none;
}

.ietl-pattern{
	position:absolute;
	z-index:-1;
	width:350px;
	height:350px;
	opacity:.22;
	background-image:radial-gradient(circle,var(--ietl-accent) 1px,transparent 1.2px);
	background-size:17px 17px;
	mask-image:linear-gradient(135deg,#000,transparent 72%);
	-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);
}
.ietl-pattern-a{top:-80px;right:-50px}
.ietl-pattern-b{bottom:-90px;left:-70px;transform:rotate(180deg)}

.ietl-header{
	max-width:980px;
	margin:0 auto 54px;
	text-align:center;
}

.ietl-kicker{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-bottom:19px;
	color:var(--ietl-accent);
}

.ietl-kicker span{
	width:150px;
	height:1px;
	background:linear-gradient(90deg,transparent,var(--ietl-accent));
	box-shadow:0 0 12px rgba(255,118,27,.5);
}
.ietl-kicker span:last-child{transform:scaleX(-1)}

.ietl-kicker b{
	font-size:25px;
	line-height:1;
	font-weight:800;
	text-shadow:0 0 18px rgba(255,118,27,.45);
}

.ietl-header h2{
	margin:0;
	color:#fff;
	font-size:clamp(45px,5vw,74px);
	line-height:1.16;
	font-weight:800;
	letter-spacing:-1.4px;
	text-shadow:0 8px 24px rgba(0,0,0,.32);
}

.ietl-orange{color:var(--ietl-accent)}

.ietl-title-stroke{
	width:100px;
	height:9px;
	margin:15px auto 0;
	background:var(--ietl-accent);
	clip-path:polygon(0 45%,72% 0,100% 45%,77% 60%,100% 85%,28% 74%);
	filter:drop-shadow(0 0 8px rgba(255,118,27,.32));
}

.ietl-header p{
	max-width:860px;
	margin:17px auto 0;
	color:rgba(238,244,251,.84);
	font-size:19px;
	line-height:1.9;
}
.ietl-header p + p{margin-top:2px;font-weight:700}

.ietl-list{
	display:flex;
	flex-direction:column;
}

.ietl-row{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(270px,455px) minmax(0,1fr);
	align-items:center;
	column-gap:38px;
	min-height:205px;
	padding:14px 0 18px;
	direction:ltr;
}

.ietl-row:not(:last-child):after{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:1px;
	background:linear-gradient(90deg,transparent 0,var(--ietl-separator) 8%,var(--ietl-separator) 92%,transparent 100%);
	opacity:.72;
	box-shadow:0 0 8px rgba(255,118,27,.25);
}

.ietl-row:not(:last-child):before{
	content:"";
	position:absolute;
	right:0;
	bottom:-1px;
	width:82px;
	height:3px;
	background:linear-gradient(90deg,transparent,var(--ietl-accent),transparent);
	filter:drop-shadow(0 0 7px rgba(255,118,27,.9));
}

.ietl-number{
	width:115px;
	color:var(--ietl-accent);
	font-size:clamp(48px,4.2vw,70px);
	line-height:1;
	font-weight:500;
	text-align:left;
	text-shadow:0 0 18px rgba(255,118,27,.16);
}

.ietl-media{
	position:relative;
	overflow:hidden;
	width:455px;
	height:170px;
	border-radius:7px;
	background:#071525;
	box-shadow:0 17px 45px rgba(0,0,0,.27);
}

.ietl-media:after{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.08);
	pointer-events:none;
	transition:background .45s ease;
}

.ietl-media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .75s cubic-bezier(.22,1,.36,1),filter .45s ease;
}

.ietl-content{
	direction:rtl;
	text-align:right;
}

.ietl-content h3{
	margin:0;
	color:#fff;
	font-size:clamp(25px,2vw,34px);
	line-height:1.45;
	font-weight:800;
}

.ietl-content p{
	max-width:470px;
	margin:13px 0 0 auto;
	color:rgba(238,244,251,.72);
	font-size:17px;
	line-height:1.9;
}

.ietl-row:hover .ietl-media img{
	transform:scale(1.045);
	filter:saturate(1.05) contrast(1.04);
}

.ietl-row:hover .ietl-media:after{
	background:rgba(0,0,0,.02);
}

.ietl-row:hover .ietl-number{
	text-shadow:0 0 22px rgba(255,118,27,.35);
}

@keyframes ietlSafeReveal{from{opacity:.01;transform:translateY(26px)}to{opacity:1;transform:none}}
.ietl-animate .ietl-reveal{
	opacity:1;
	transform:none;
	animation:ietlSafeReveal .75s cubic-bezier(.22,1,.36,1) both;
}

.ietl-animate .ietl-reveal.ietl-visible{opacity:1;transform:none}

@media(max-width:1050px){
	.ietl-row{
		grid-template-columns:90px minmax(250px,42%) minmax(0,1fr);
		column-gap:26px;
	}
	.ietl-number{width:90px}
	.ietl-media{width:100%}
}

@media(max-width:767px){
	.ietl-header{margin-bottom:36px}
	.ietl-header h2{font-size:42px}
	.ietl-kicker span{width:76px}

	.ietl-row{
		grid-template-columns:74px minmax(0,1fr);
		grid-template-areas:
			"number image"
			"content content";
		row-gap:20px;
		column-gap:16px;
		padding:22px 0 28px;
	}

	.ietl-number{
		grid-area:number;
		width:74px;
		font-size:46px;
		align-self:center;
	}

	.ietl-media{
		grid-area:image;
		width:100%!important;
		height:150px;
	}

	.ietl-content{
		grid-area:content;
		padding-right:0;
	}

	.ietl-content h3{font-size:26px}
	.ietl-content p{font-size:16px}
}
