/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2025 | 06:59:29 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.main-header{
	width: 100%;
	display: flex;
	position: fixed;
	top: 0;
	background: transparent;
	z-index: 999;
}

.header{
	background: transparent;
}

.header.active{
	width:100%;
	background: #fff;
	padding: 0;
	box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

.links{
	border-radius: 12px;
}

.header.active .links{
	background: transparent;
}

.header.active .links a{
	background: transparent;
}


.header.active .logo{
	background: transparent;
}

/* header2 */
.header2{
	position: fixed;
	z-index: 999;
	padding: 12px;
	transition: 1s ease;
}

.header2.active{
	background: #fff;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	padding: 0;
}

.logo2{
	background: rgba(0,0,0, 0.1);
	border-radius: 5px;
	backdrop-filter: blur(4px); 
}

.links2{
	background: rgba(0,0,0, 0.2);
	border-radius: 5px;
	backdrop-filter: blur(4px); 
	color: white !important;
}

.links2 a{
	color: white;
}

.header2.active .logo2, .header2.active .links2, .header2.active .links2 a{
	background: transparent;
	color: #333 !important;
}

.header2.active .links2 a:hover{
	color: orange !important;
}

.links2 a.colorray{
	color: orange !important;
}