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

body {
    font-family: "Cairo", sans-serif !important;
}
header {
	background: url(../../images/header.jpg) center center / cover no-repeat;
}
header .navbar {
	background: #00000075 !important;
}
#nav-main .zn-dropdown-menu {
	width: 200px;
	background: #111111b8;
	text-align: right;
}

#nav-main li a.dropdown-item {
  
  color: #ffffff;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
	font-size: 0.95rem;
	padding: 0.7rem 1.1rem;
	transition: all 0.3s ease;
}
#nav-main li a.dropdown-item {
  display: block;
}
#nav-main li a.dropdown-item i{
	margin-left: 5px;
}

#nav-main li a.dropdown-item::after,
#nav-main li a.dropdown-item::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #a47a2c, #ffedb5);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}
#nav-main li a.dropdown-item::after {
	background: linear-gradient(to right, #ffedb5, #a47a2c);
}

#nav-main li a.dropdown-item::before {
  top: -5px;
  transform-origin: left;
}
#nav-main > li > a.dropdown-item::before {
  top: 0px;
  bottom: 0px;
  transform-origin: left;
}
#nav-main > li > a.dropdown-item::after {
  bottom: 0px;
}

#nav-main li a.dropdown-item:hover::after,
#nav-main li a.dropdown-item:hover::before {
  transform: scaleX(1);
}
#nav-main li a.dropdown-item:hover {
	color: #d1aa4a;
	font-size: 1rem;
		font-weight: bold;
}
#nav-main li a.dropdown-item.active {
	color: #d1aa4a;
	font-size: 1rem;
		font-weight: bold;
}
#nav-main li .dropdown li a.active {
	color: rgb(212, 175, 55) !important;
		font-weight: bold;
}
#page-header h1 {
	color: rgb(218,165,32); /*if no support for background-clip*/
	/*background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(218, 165, 32, 1) 0%, rgba(213, 173, 109, 1) 26%, rgba(226, 186, 120, 1) 35%, rgb(194 154 90) 45%, rgba(212, 175, 55, 1) 61%, rgba(213, 173, 109, 1) 100%);*/
	background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgb(248 211 25) 0%, rgba(213, 173, 109, 1) 26%, rgb(255 246 172) 35%, rgb(246 236 41) 45%, rgb(236 206 20) 61%, rgb(255 226 49) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(212,175,55,.5);
	
	text-align: center;
    font-size: 2.5rem;
    line-height: 3.5rem;
}
#page-header .bottom-\[10\%\] {
	top: 58px;
}
@media (min-width: 768px) {
    .header-section {
        height: 250px;
    }
}
.copyright {
	display:none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}
#nav-main i.iconify {
	background-color: #fff !important;
}
#user-menu i.iconify {
	background-color: #ffadd8 !important;
}