/* ==========================================================
   DR1064 HVAC SYSTEMS
   AIRVENTURE INFRA SOLUTIONS LLP
   Ultra Premium 3D Glass Engineering Theme
==========================================================*/

.dr1064hvacsystems{
	position:relative;
	padding:110px 20px;
	background:
		radial-gradient(circle at top left,
			rgba(0,174,239,.14),
			transparent 42%),
		radial-gradient(circle at bottom right,
			rgba(0,212,255,.10),
			transparent 45%),
		linear-gradient(135deg,#061322 0%,#0B1F3A 55%,#07121F 100%);
	overflow:hidden;
}

.dr1064hvacsystems::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
	background-size:70px 70px;
	pointer-events:none;
	opacity:.45;
}

.dr1064hvacsystems::after{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(120deg,
			transparent 0%,
			rgba(255,255,255,.03) 50%,
			transparent 100%);
	animation:dr1064AirFlow 16s linear infinite;
	opacity:.4;
	pointer-events:none;
}

/*==========================================================
BACKGROUND PARTICLES
==========================================================*/

.dr1064hvac-bg{
	position:absolute;
	inset:0;
	z-index:0;
	overflow:hidden;
}

.dr1064hvac-bg span{
	position:absolute;
	display:block;
	border-radius:50%;
	filter:blur(25px);
	opacity:.28;
	animation:dr1064Float 14s ease-in-out infinite;
}

.dr1064hvac-bg span:nth-child(1){
	width:300px;
	height:300px;
	left:-80px;
	top:-70px;
	background:#00d4ff;
}

.dr1064hvac-bg span:nth-child(2){
	width:220px;
	height:220px;
	right:-60px;
	top:90px;
	background:#0aa8ff;
	animation-delay:-4s;
}

.dr1064hvac-bg span:nth-child(3){
	width:250px;
	height:250px;
	left:25%;
	bottom:-120px;
	background:#18d3c8;
	animation-delay:-8s;
}

.dr1064hvac-bg span:nth-child(4){
	width:180px;
	height:180px;
	right:18%;
	bottom:30px;
	background:#00b8ff;
	animation-delay:-2s;
}

.dr1064container{
	position:relative;
	z-index:2;
	width:min(1320px,100%);
	margin:auto;
}

/*==========================================================
HERO
==========================================================*/

.dr1064hvac-hero{
	display:grid;
	grid-template-columns:1.15fr 1fr;
	align-items:center;
	gap:70px;
	margin-bottom:110px;
}

.dr1064hvac-image{
	position:relative;
	margin:0;
	border-radius:30px;
	overflow:hidden;
	box-shadow:
		0 30px 70px rgba(0,0,0,.45),
		0 0 0 1px rgba(255,255,255,.08);
	transform-style:preserve-3d;
}

.dr1064hvac-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:.8s;
}

.dr1064hvac-image:hover img{
	transform:scale(1.06);
}

.dr1064hvac-overlay{
	position:absolute;
	inset:0;
	background:
		linear-gradient(135deg,
			rgba(0,174,239,.35),
			rgba(0,0,0,.15),
			rgba(4,14,28,.55));
}

.dr1064badge{
	display:inline-flex;
	align-items:center;
	padding:10px 20px;
	border-radius:40px;
	font-size:.82rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1.3px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.12);
	backdrop-filter:blur(14px);
	color:#69e6ff;
	margin-bottom:25px;
}

.dr1064hvac-content h2{
	font-size:clamp(2.3rem,5vw,3.9rem);
	line-height:1.12;
	color:#fff;
	margin-bottom:25px;
	font-weight:800;
}

.dr1064hvac-content h2 span{
	background:linear-gradient(90deg,#00cfff,#7df5ff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.dr1064hvac-content p{
	color:rgba(255,255,255,.82);
	line-height:1.9;
	font-size:1.05rem;
	max-width:650px;
}

/*==========================================================
HEADINGS
==========================================================*/

.dr1064section-heading{
	text-align:center;
	margin-bottom:55px;
}

.dr1064section-heading span{
	display:inline-block;
	padding:8px 18px;
	border-radius:40px;
	background:rgba(0,174,239,.10);
	border:1px solid rgba(0,174,239,.22);
	color:#68e7ff;
	font-size:.82rem;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:18px;
	letter-spacing:1px;
}

.dr1064section-heading h3{
	font-size:clamp(2rem,4vw,2.8rem);
	font-weight:800;
	color:#fff;
}

/*==========================================================
HVAC GRID
==========================================================*/

.dr1064hvac-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:28px;
	margin-bottom:110px;
}

.dr1064hvac-card{
	position:relative;
	padding:40px 30px;
	border-radius:24px;
	text-align:center;
	background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.08);
	backdrop-filter:blur(18px);
	box-shadow:0 25px 50px rgba(0,0,0,.28);
	transition:.45s;
}

.dr1064hvac-card::before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	background:linear-gradient(140deg,
		rgba(255,255,255,.08),
		transparent);
	opacity:0;
	transition:.45s;
}

.dr1064hvac-card:hover{
	transform:translateY(-10px);
	box-shadow:0 35px 70px rgba(0,174,239,.20);
}

.dr1064hvac-card:hover::before{
	opacity:1;
}

.dr1064hvac-card i{
	font-size:2.9rem;
	color:#00d6ff;
	margin-bottom:22px;
	text-shadow:0 0 20px rgba(0,212,255,.45);
}

.dr1064hvac-card h4{
	color:#fff;
	font-size:1.25rem;
	margin-bottom:12px;
}

.dr1064hvac-card p{
	color:rgba(255,255,255,.75);
	line-height:1.7;
}

/*==========================================================
PROCESS
==========================================================*/

.dr1064process-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:30px;
	margin-bottom:110px;
}

.dr1064process-grid article{
	position:relative;
	padding:40px 25px;
	text-align:center;
	border-radius:24px;
	background:linear-gradient(180deg,
		rgba(255,255,255,.08),
		rgba(255,255,255,.04));
	border:1px solid rgba(255,255,255,.08);
	box-shadow:0 20px 45px rgba(0,0,0,.28);
	transition:.45s;
}

.dr1064process-grid article:hover{
	transform:translateY(-10px);
}

.dr1064process-grid span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	margin:auto auto 20px;
	border-radius:50%;
	background:linear-gradient(145deg,#00cfff,#008cff);
	color:#fff;
	font-size:1.4rem;
	font-weight:800;
	box-shadow:0 15px 30px rgba(0,174,239,.35);
}

.dr1064process-grid h4{
	color:#fff;
	margin-bottom:10px;
	font-size:1.2rem;
}

.dr1064process-grid p{
	color:rgba(255,255,255,.75);
	line-height:1.7;
}

/*==========================================================
INDUSTRIES
==========================================================*/

.dr1064industry-tags{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:18px;
}

.dr1064industry-tags span{
	padding:14px 24px;
	border-radius:40px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.08);
	backdrop-filter:blur(16px);
	color:#fff;
	font-weight:600;
	transition:.35s;
}

.dr1064industry-tags span:hover{
	background:#00b8ff;
	transform:translateY(-4px);
	box-shadow:0 15px 30px rgba(0,174,239,.35);
}

/*==========================================================
ANIMATION
==========================================================*/

@keyframes dr1064Float{

	0%,100%{
		transform:translateY(0) translateX(0) scale(1);
	}

	50%{
		transform:translateY(-45px) translateX(30px) scale(1.08);
	}

}

@keyframes dr1064AirFlow{

	from{
		transform:translateX(-100%);
	}

	to{
		transform:translateX(100%);
	}

}

/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:992px){

	.dr1064hvacsystems{
		padding:80px 18px;
	}

	.dr1064hvac-hero{
		grid-template-columns:1fr;
		gap:45px;
	}

	.dr1064hvac-content{
		text-align:center;
	}

	.dr1064hvac-content p{
		margin:auto;
	}

}

@media(max-width:768px){

	.dr1064hvac-grid,
	.dr1064process-grid{
		grid-template-columns:1fr;
	}

	.dr1064industry-tags{
		gap:12px;
	}

	.dr1064industry-tags span{
		padding:12px 18px;
		font-size:.9rem;
	}

	.dr1064hvac-content h2{
		font-size:2rem;
	}

	.dr1064section-heading h3{
		font-size:1.8rem;
	}

	.dr1064hvac-image{
		border-radius:22px;
	}

}

@media(prefers-reduced-motion:reduce){

	.dr1064hvacsystems::after,
	.dr1064hvac-bg span{
		animation:none;
	}

	.dr1064hvac-card,
	.dr1064process-grid article,
	.dr1064industry-tags span,
	.dr1064hvac-image img{
		transition:none;
	}

}