@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
}

/*new Mobile Menu*/
.mobileMenuMain{
    display: block;
    overflow: hidden;
    position: relative;
}
#mobileMenuSidebar{
    position: fixed;
    background-color: #4e6d9c;
    width: 250px;
    height: 100vh;
    top: 0;
    left: -300px;
    transition: left 0.5s;
    z-index: 2;
}
#mobileMenuSidebar ul li{
    list-style: none;
}
#mobileMenuSidebar .fas {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
	color: #fff;
}
#mobileMenuSidebar .fas .fa-times:before {
    content: "\f00d";
    font-size: 18px;
    color: #fff !important;
}
#mobileMenuSidebar ul.sidebar-nav{
    margin-top: 35px;
}

	
#mobileMenuSidebar{
	.sidebar-nav i.fa {
    padding-right: 10px;
	}
	.sidebar-nav i.fas {
    padding-right: 10px;
	position: inherit;
	}
	.sidebar-item {
		position: relative;
	}
	a.sidebar-link {
		padding: .5rem 0.5rem;
		color: #fff;
		display: block;
		font-size: 0.9rem;
		white-space: nowrap;
		border-left: 3px solid transparent;
		text-decoration: none;
	}
	a.sidebar-link span {
		color: #ffffff;
		font-size: 1rem;
		font-weight: 400;
	}
	.navbar-nav li>a.mobile-menu {
		color: #ffffff;
		font-size: 1rem;
		font-weight: 400;
	}
	a.sidebar-link span.mobile-menu {
		color: #ffffff;
		font-size: 1rem;
		font-weight: 400;
	}

	a.sidebar-link span i.fas {
		margin-right: 10px;
	}
	a.sidebar-link:hover {
		background-color: rgba(255, 255, 255, .075);
		border-left: 3px solid #3b7ddd;
	}

	.sidebar-link[data-bs-toggle="collapse"]::after {
		border: solid;
		border-width: 0 .2rem .2rem 0;
		content: "";
		display: inline-block;
		padding: 2px;
		position: absolute;
		right: 1.5rem;
		top: 1rem;
		transform: rotate(-135deg);
		transition: all .2s ease-out;
	}
	.sidebar-link[data-bs-toggle="collapse"].collapsed::after {
		transform: rotate(45deg);
		transition: all .2s ease-out;
	}
}


/*end right side menu*/


/*new style start*/
/*header start*/





/*---------new style for icon menu-------------*/
@media(max-width:970px){

}


@media(max-width:768px){

}

@media(max-width:580px){

}