/*=========================================
    AIRVENTURE INFRA SOLUTIONS LLP
    CAREERS POPUP ALERT
=========================================*/

.dr1064popupalertscareers{
	position:fixed;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	z-index:999999;
	background:rgba(2,8,20,.72);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transition:opacity .4s ease,visibility .4s ease;
}

.dr1064popupalertscareers.active{
	visibility:visible;
	opacity:1;
	pointer-events:auto;
}

/*==============================
CARD
==============================*/

.dr1064popupalertscareers .popup-card{

	position:relative;

	width:min(92vw,760px);

	display:flex;
	align-items:center;
	gap:24px;

	padding:30px;

	border-radius:28px;

	background:
		linear-gradient(
			135deg,
			rgba(10,26,45,.98),
			rgba(6,18,33,.98)
		);

	border:1px solid rgba(14,165,164,.22);

	backdrop-filter:blur(24px);
	-webkit-backdrop-filter:blur(24px);

	box-shadow:
		0 35px 80px rgba(0,0,0,.55),
		0 0 45px rgba(14,165,164,.15);

	overflow:hidden;

	transform:translateY(60px) scale(.92);

	opacity:0;

	transition:
		transform .7s cubic-bezier(.18,.89,.32,1.15),
		opacity .45s ease;
}

.dr1064popupalertscareers.active .popup-card{

	transform:none;
	opacity:1;
}

/* Decorative Glow */

.dr1064popupalertscareers .popup-card::before{

	content:"";

	position:absolute;
	inset:0;

	background:

		radial-gradient(
			circle at top right,
			rgba(14,165,164,.18),
			transparent 45%
		),

		radial-gradient(
			circle at bottom left,
			rgba(37,99,235,.14),
			transparent 40%
		);

	pointer-events:none;
}

/* Border Glow */

.dr1064popupalertscareers .popup-card::after{

	content:"";

	position:absolute;

	inset:-1px;

	border-radius:inherit;

	padding:1px;

	background:

		linear-gradient(
			135deg,
			rgba(14,165,164,.7),
			rgba(37,99,235,.35),
			rgba(245,158,11,.2)
		);

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);

	-webkit-mask-composite:xor;

	mask-composite:exclude;

	pointer-events:none;
}

/*==============================
ICON
==============================*/

.dr1064popupalertscareers .popup-icon{

	flex-shrink:0;

	width:82px;
	height:82px;

	border-radius:22px;

	display:flex;
	align-items:center;
	justify-content:center;

	background:

		linear-gradient(
			135deg,
			#0EA5A4,
			#2563EB
		);

	color:#fff;

	box-shadow:
		0 15px 35px rgba(14,165,164,.35);

	animation:dr1064popupPulse 3s ease-in-out infinite;
}

.dr1064popupalertscareers .popup-icon svg{

	width:40px;
	height:40px;
}

@keyframes dr1064popupPulse{

	0%,100%{

		transform:scale(1);
	}

	50%{

		transform:scale(1.08);
	}
}

/*==============================
CONTENT
==============================*/

.dr1064popupalertscareers .popup-content{

	flex:1;
	position:relative;
	z-index:2;
}

.dr1064popupalertscareers .popup-content h2{

	margin:0 0 12px;

	font-size:1.65rem;

	font-weight:800;

	line-height:1.3;

	color:#ffffff;
}

.dr1064popupalertscareers .popup-content p{

	margin:0;

	font-size:15px;

	line-height:1.9;

	color:rgba(255,255,255,.78);
}

/*==============================
CLOSE BUTTON
==============================*/

.dr1064popupalertscareers .popup-close{

	width:46px;
	height:46px;

	border:none;

	border-radius:50%;

	display:flex;
	align-items:center;
	justify-content:center;

	cursor:pointer;

	font-size:28px;

	color:#fff;

	background:rgba(255,255,255,.08);

	transition:.35s;
}

.dr1064popupalertscareers .popup-close:hover{

	transform:rotate(90deg);

	background:#0EA5A4;

	box-shadow:0 10px 25px rgba(14,165,164,.4);
}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

	.dr1064popupalertscareers{

		padding:16px;
	}

	.dr1064popupalertscareers .popup-card{

		width:100%;

		padding:22px;

		gap:18px;

		border-radius:22px;

		align-items:flex-start;
	}

	.dr1064popupalertscareers .popup-icon{

		width:62px;
		height:62px;

		border-radius:18px;
	}

	.dr1064popupalertscareers .popup-icon svg{

		width:30px;
		height:30px;
	}

	.dr1064popupalertscareers .popup-content h2{

		font-size:1.25rem;
	}

	.dr1064popupalertscareers .popup-content p{

		font-size:13.5px;

		line-height:1.7;
	}

	.dr1064popupalertscareers .popup-close{

		width:38px;
		height:38px;

		font-size:22px;
	}
}