/**
 * Independence week — waving Tiranga stripes + Har Ghar Tiranga bar + tricolor header.
 */
.lkit-tiranga{
	position:relative;
	width:100%;
	z-index:30;
	overflow:hidden;
	background:#0b1c2c;
	box-shadow:0 2px 10px rgba(11,28,44,.18);
}
.lkit-tiranga__stripes{
	display:flex;
	flex-direction:column;
	width:110%;
	margin-left:-5%;
	height:18px;
	transform-origin:center center;
	will-change:transform;
	animation:lkitTirangaSoftWave 4s ease-in-out infinite;
}
.lkit-tiranga__stripe{
	display:block;
	flex:1 1 33.333%;
	width:100%;
	transform-origin:center center;
	will-change:transform;
	animation:lkitStripeDrift 4s ease-in-out infinite;
}
.lkit-tiranga__stripe--saffron{
	background:#FF9933;
	animation-delay:0s;
}
.lkit-tiranga__stripe--white{
	background:#FFFFFF;
	animation-delay:.12s;
}
.lkit-tiranga__stripe--green{
	background:#138808;
	animation-delay:.24s;
}
.lkit-tiranga__caption{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:5px 12px 6px;
	background:#0b1c2c;
	border-top:1px solid rgba(255,255,255,.08);
	line-height:1.2;
}
.lkit-tiranga__caption-flag{
	width:22px;
	height:14px;
	border-radius:2px;
	flex-shrink:0;
	box-shadow:0 0 0 1px rgba(255,255,255,.2);
	background:linear-gradient(180deg,#FF9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66% 100%);
	animation:lkitMiniFlagWave 1.8s ease-in-out infinite;
	transform-origin:left center;
}
.lkit-tiranga__caption-text{
	font-size:12px;
	font-weight:600;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#fff;
	opacity:.95;
	white-space:nowrap;
}

/* Logo / top header in tricolor (site + company headers) */
body.lkit-tiranga-week .topHeader,
body.lkit-tiranga-week .lkit-auth-top{
	background:linear-gradient(90deg,
		rgba(255,153,51,.92) 0%,
		rgba(255,255,255,.88) 48%,
		rgba(19,136,8,.9) 100%)!important;
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)!important;
}
body.lkit-tiranga-week .topHeader:after{
	height:3px;
	background:linear-gradient(90deg,#FF9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66% 100%)!important;
	opacity:1;
}
body.lkit-tiranga-week .topHeader .logo img,
body.lkit-tiranga-week .lkit-auth-top .logo img{
	filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
body.lkit-tiranga-week .topHeader-action-btn .fa{
	color:#0b1c2c!important;
}
body.lkit-tiranga-week .topHeader-menu-icon span{
	background:#0b1c2c!important;
}
body.lkit-tiranga-week .topHeader-action-btn{
	background:rgba(11,28,44,.12)!important;
}
body.lkit-tiranga-week .topHeader-action-btn:hover,
body.lkit-tiranga-week .topHeader-action-btn:focus{
	background:rgba(11,28,44,.22)!important;
}
body.lkit-tiranga-week .lkit-auth-top__link{
	color:#0b1c2c!important;
	border-color:rgba(11,28,44,.4)!important;
	background:rgba(255,255,255,.35)!important;
}
body.lkit-tiranga-week .lkit-auth-top__link:hover{
	color:#0b1c2c!important;
	background:rgba(255,255,255,.55)!important;
	border-color:rgba(11,28,44,.55)!important;
}

/* Main nav bar under logo header */
body.lkit-tiranga-week .navbar.navbar-light.box_shadow,
body.lkit-tiranga-week nav.navbar.box_shadow{
	background:linear-gradient(90deg,
		rgba(255,153,51,.18) 0%,
		rgba(255,255,255,.55) 50%,
		rgba(19,136,8,.18) 100%)!important;
	border-bottom:2px solid transparent;
	border-image:linear-gradient(90deg,#FF9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66% 100%) 1;
}
body.lkit-tiranga-week .mobile-login.box_shadow{
	background:linear-gradient(90deg,
		rgba(255,153,51,.2) 0%,
		rgba(255,255,255,.5) 50%,
		rgba(19,136,8,.2) 100%)!important;
}

@keyframes lkitTirangaSoftWave{
	0%,100%{transform:skewY(0deg) translateY(0);}
	25%{transform:skewY(.9deg) translateY(-1px);}
	50%{transform:skewY(0deg) translateY(0);}
	75%{transform:skewY(-.9deg) translateY(1px);}
}
@keyframes lkitStripeDrift{
	0%,100%{transform:translateX(0) scaleY(1);}
	25%{transform:translateX(1.2%) scaleY(1.05);}
	50%{transform:translateX(0) scaleY(.98);}
	75%{transform:translateX(-1.2%) scaleY(1.04);}
}
@keyframes lkitMiniFlagWave{
	0%,100%{transform:rotate(-4deg);}
	50%{transform:rotate(6deg);}
}

@media (max-width:767px){
	.lkit-tiranga__stripes{height:14px;}
	.lkit-tiranga__caption{padding:4px 10px 5px;}
	.lkit-tiranga__caption-text{font-size:10px;letter-spacing:.03em;}
}

@media (prefers-reduced-motion:reduce){
	.lkit-tiranga__stripes,
	.lkit-tiranga__stripe,
	.lkit-tiranga__caption-flag{
		animation:none!important;
	}
}
