@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

*{
	margin:0px;padding: 0;
	text-decoration: none;outline: none;
	
	box-sizing: border-box;
	list-style: none;font-family: 'Roboto Condensed';	
}

.body{
	
	color: #8a8a8a;
}






/*===============================
					 admin-panel
					===============================*/



/***=====form=====****/

.form-field form{
	display: flex;
	justify-content:space-between ;
	flex-wrap: wrap;
}
.form-field input{
	width:100%;
	padding: 6px 15px;
}
.form-field label{
	width: 100%;
}
.form-group{
	width: 45%;
	margin: 6px 0px;
}
.sumbit{
	background-color: #1bbde3;
	color: #f4f4f4;
	margin: 10px 0px;
}
.form-field button:hover{
	background-color: #282828;
	transition: .3s ease-in-out 0s;
	color: #f4f4f4;	
}



/****dashbord=====*/
.menu{
	display:flex ;
	align-items: center;
	justify-content: center;
	margin-bottom: 0!important; 
}
.menu li{
	padding: 10px;
	list-style: none;
}
.menu li a{
	color: #07332F;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
}
.menu .btn{
	text-decoration: none;
	color: #000;
	font-weight: 500;
	background-color: rgb(255,177,32,100%);
	border-radius: 50px;
	height: 40px;
	min-width: 125px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/****======from=filed==all===*/

.group-form-felid{
	display: flex;
	justify-content: space-between;
}
.Services{
	width: 48%;
}
.group-form input,
.group-form select{
	padding: 8px 5px;
}
.group-form{
	display: flex;
	flex-flow: column;
	gap: 1.2rem;
}
.group-form .submit-btn{
	border: none;
	outline: none;
	padding: 6px 25px ;
	border-radius: 30px;
	color: #000;
	background-color: rgb(255,177,32,100%);;
}
/****======from=filed==all=End==*/



.sidebar{
	background-color: #fff;
	padding: 10px 15px;
	margin-top: 16px;
	height: 100%;
}

.group-form{
	background-color: #fff;
	margin: 5% 0px;
	padding: 25px;
	border-radius: 20px;
}


/****======side==bar--start==*/
.app-sidebar .app-sidebar__inner{
	padding: 60px 1.5rem 1.5rem
}
.vertical-nav-menu li{
	border: 1px solid #fff;
	border-radius: 15px;
	margin: 5px 0px;
	transition: .4s ease-in-out 0s;
}

.vertical-nav-menu li a{
	margin: 2px;
	text-decoration: none;
	color: #000;
	border: 1px solid #fff;
	border-radius: 15px;
	background: transparent;
	transition: .4s ease-in-out 0s;
}
.vertical-nav-menu li a:hover,
.vertical-nav-menu li > .active,
.vertical-nav-menu li a:focus,
.vertical-nav-menu li:hover{
	color: #fff;
	opacity: 1;
	background-color: #07332F;
}
.app-theme-white .app-sidebar{
	background-color: rgb(255,177,32,100%);
}
.vertical-nav-menu li a i.metismenu-icon{
	color: #fff;
	opacity: 1;
}
/****======side==bar--End==*/

/*====navigation=navbar-menu=====*/
.app-theme-white .app-header {
	height: 110px;
}
.app-header .app-header__menu{
	display: none
}
.center-menu-img{
	width: 100%!important;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.log-in_form{
	height: clamp(25rem, 33vw, 35rem);
	margin-top:clamp(7.6rem, 10vw, 8.5rem)
}
/*====navigation=navbar-menu===End==*/

.hamburger.is-active
.hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color:#282828}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{
	background-color: #282828
	}
	.app-header__logo {
	width: 382px;
	display: flex;
	justify-content: space-between;
}
.app-header .app-header__logo,
.app-header .app-header__mobile-menu {order:0!important}

.nav-1{
	padding-left: 0;
	list-style: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0
}
.nav-1 .nav-item-1 a{
	text-decoration: none;
	color: #2f2f2f
}
.copy-right-1{
 display: flex;
 text-align: center;
 padding: 0px 15px;
}
.copy-right-1 a{
	margin-left: auto;
	text-decoration: none;
	color: #000;
	text-align: center;
}
.form-footer{
	background:  rgb(255,177,32,100%); 
}


/*=====admin=====images======*/
.side-img-in img{
	border-radius: 50%;
}