/*
==========================================================
DIGITAL NATION INN
ENTERPRISE HEADER
Version : 2.0
==========================================================
*/


/*==========================================================
HEADER
==========================================================*/

.dni-header{

	position:sticky;
	top:0;
	z-index:9999;

	background:rgba(5,12,28,.88);

	backdrop-filter:blur(18px);

	border-bottom:1px solid rgba(255,255,255,.08);

	box-shadow:0 10px 35px rgba(0,0,0,.35);

}


/*==========================================================
NAVBAR
==========================================================*/

.dni-header .navbar{

	min-height:92px;

	padding:0;

}


/*==========================================================
LOGO
==========================================================*/

.dni-logo{

	width:64px;

	height:64px;

	border-radius:50%;

	object-fit:cover;

	border:3px solid rgba(79,140,255,.45);

	background:#ffffff;

	padding:5px;

	box-shadow:
		0 0 0 4px rgba(79,140,255,.10),
		0 0 28px rgba(0,132,255,.35);

	transition:.35s;

}

.dni-logo:hover{

	transform:rotate(8deg) scale(1.05);

}


/*==========================================================
BRAND
==========================================================*/

.navbar-brand{

	display:flex;

	align-items:center;

	gap:18px;

	text-decoration:none;

}

.dni-brand-text h2{

	margin:0;

	font-size:30px;

	font-weight:800;

	color:#ffffff;

	line-height:1.1;

	letter-spacing:.4px;

}

.dni-brand-text span{

	display:block;

	margin-top:6px;

	font-size:14px;

	font-weight:500;

	color:#d8e8ff !important;

	letter-spacing:.4px;

}


/*==========================================================
MENU
==========================================================*/

.navbar-nav{

	gap:10px;

}

.nav-link{

	position:relative;

	padding:10px 16px !important;

	font-weight:600;

	color:#dfeaff !important;

	border-radius:12px;

	transition:.30s;

}

.nav-link:hover{

	color:#ffffff !important;

	background:rgba(79,140,255,.14);

}

.nav-link::after{

	content:"";

	position:absolute;

	left:18px;

	right:18px;

	bottom:4px;

	height:2px;

	background:#52b7ff;

	transform:scaleX(0);

	transform-origin:left;

	transition:.30s;

}

.nav-link:hover::after{

	transform:scaleX(1);

}


/*==========================================================
GURUBHAI BUTTON
==========================================================*/

.dni-ai-btn{

	display:flex;

	align-items:center;

	gap:10px;

	padding:12px 22px;

	border-radius:60px;

	font-weight:700;

	color:#ffffff;

	text-decoration:none;

	background:linear-gradient(135deg,#006dff,#6f3cff);

	box-shadow:0 10px 30px rgba(0,120,255,.35);

	transition:.35s;

}

.dni-ai-btn:hover{

	transform:translateY(-3px);

	box-shadow:0 16px 40px rgba(0,120,255,.45);

	color:#ffffff;

}

.dni-ai-btn img{

	width:34px;

	height:34px;

	border-radius:50%;

	object-fit:cover;

	background:#ffffff;

	padding:2px;

}


/*==========================================================
LOGIN BUTTON
==========================================================*/

.dni-login{

	margin-right:12px;

	padding:11px 20px;

	border-radius:50px;

	border:1px solid rgba(255,255,255,.18);

	color:#ffffff;

	text-decoration:none;

	transition:.30s;

}

.dni-login:hover{

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

	color:#ffffff;

}


/*==========================================================
TOGGLER
==========================================================*/

.navbar-toggler{

	border:none;

	box-shadow:none;

}

.navbar-toggler:focus{

	box-shadow:none;

}


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

@media(max-width:1199px){

	.dni-header .navbar{

		padding:18px 0;

	}

	.navbar-nav{

		margin-top:18px;

	}

	.dni-ai-btn{

		margin-top:15px;

		width:100%;

		justify-content:center;

	}

	.dni-login{

		display:block;

		margin:12px 0;

		text-align:center;

	}

}

@media(max-width:768px){

	.dni-brand-text h2{

		font-size:22px;

	}

	.dni-brand-text span{

		font-size:13px;

	}

	.dni-logo{

		width:54px;

		height:54px;

	}

}