/*importing Google fonts  */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

*{
	font-family: "Roboto", sans-serif;
}
/* nav */
.navbar .nav-link {
	color: rgb(98, 93, 93) !important;
	text-decoration: none;
	font-weight: 500;
}
.btn-outline-light:hover{
	background-color: rgba(8,10,12,0.79);
}
.btn-hf-blue{
	background-color: #102068;
}
.btn-hf-blue:hover{
	background-color: #101040;
}
/*animation*/
.mask-custom {
	transition: transform 0.3s ease; /* Adjust the duration and timing function as needed */
	background-color: rgba(249,250,251,255) ;
}
.mask-custom:hover{
	transform: translateY(-5px);
	/*while hover on login form  */
}
/*underline navbar*/
.topNavItems {
	position: relative;
	text-decoration: none;
	display: inline-block;
}
.topNavItems::after {
	content: "";
	display: block;
	margin: auto;
	height: 2px;
	width: 0;
	top: 5px;
	background: transparent;
	transition: all 0.3s;
}
.topNavItems:hover::after, .topNavItems.active-nav::after {
	width: 100%;
	background: #e96927;
}
.profilenav{
	background-color: #e96927;
}
/*------------------------------------------------------------------------*/
/*footer color*/
.footerClass{
	background-color:rgba(234,234,234,255);
}
.title-lines {
	position: relative;
	font-size: 30px;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	color: #3267EA;
	font-family: Roboto;
}
.title-lines:before, .title-lines:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 48%;
	height: 1px;
	content: '\a0';
	background-color: rgba(1,153,214,255);
	margin-left: 2%;
}
.title-lines:before {
	margin-left: -50%;
	text-align: right;
}