.header-style-hl2{
	position:absolute;
}
.header-navigaton-container .menu{
	list-style:none;
	padding:0;
	margin:0;
}
.header-navigaton-container .menu li{
	display:inline-block;
	position:relative;
}
.header-navigaton-container .menu .menu-item a:after{
	content:"";
	position:absolute;
	bottom:-8px;
	left:0;
	width:0;
	height:5px;
	background-color:var(--primary-color);
	transition:width 0.5s ease;
}
.header-navigaton-container .menu .menu-item:hover a:after{
	width:100%;
}

.header-navigaton-container .menu-item.current-menu-item a{
	position:relative;
}
.header-navigaton-container .menu-item.current-menu-item a:after{
	content:"";
	position:absolute;
	bottom:-10px;
	left:0;
	width:100%;
	height:5px;
	background-color:var(--primary-color);
}
.header-navigaton-container .menu .menu-item:last-child a{
	background:var(--primary-color);
    padding: 10px 20px;
    border-radius: 100px;
}
.header-navigaton-container .menu .menu-item:last-child a::after {
  display: none;
}
.header-navigaton-container .menu li:not(:last-child){
	margin-right:35px;
}
.header-right-area{
	text-align:right;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header-right-area a{
	text-decoration:none;
	color: var(--black-color);
	font-weight:800;
}
.header-navigaton-container li a{
	font-size:17px;
}




/* ********************************************************* */
/* Hamburger -------- START
/* ********************************************************* */

.hamburger {
  z-index: 1002;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: transform 0.3s ease;
}
.hamburger span {
  display: block;
  width: 30px;
  height: 4px;
  background-color: var(--black-color);
  transition: all 0.3s ease;
}

.hamburger.open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.hamburger.open span:nth-child(2) {
  opacity: 0;
}
.hamburger.open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* Full-Screen Menu */
#full-screen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-color);
  display: flex;
  justify-content: flex-start;
  /*     align-items: center; */
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 999999;
  padding: 100px 30px 100px;
}

/* Show menu */
#full-screen-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu-items {
  list-style: none;
  padding: 0;
  text-align: left;
}

.menu-items li {
  opacity: 0;
  transform: translateY(20px);
  font-size: 24px;
  margin: 15px 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.menu-items li a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: bold;
  font-family: var(--secondary-font);
}

#full-screen-menu.active .menu-items li {
  opacity: 1;
  transform: translateY(0);
}

#full-screen-menu.active .menu-items li:nth-child(1) {
  transition-delay: 0.2s;
}
#full-screen-menu.active .menu-items li:nth-child(2) {
  transition-delay: 0.4s;
}
#full-screen-menu.active .menu-items li:nth-child(3) {
  transition-delay: 0.6s;
}
#full-screen-menu.active .menu-items li:nth-child(4) {
  transition-delay: 0.8s;
}
#full-screen-menu.active .menu-items li:nth-child(5) {
  transition-delay: 1s;
}
#full-screen-menu.active .menu-items li:nth-child(6) {
  transition-delay: 1.2s;
}
#full-screen-menu.active .menu-items li:nth-child(7) {
  transition-delay: 1.4s;
}
#full-screen-menu.active .menu-items li:nth-child(8) {
  transition-delay: 1.6s;
}
#full-screen-menu.active .menu-items li:nth-child(9) {
  transition-delay: 1.8s;
}
#full-screen-menu.active .menu-items li:nth-child(10) {
  transition-delay: 2s;
}
#full-screen-menu.active .menu-items li:nth-child(11) {
  transition-delay: 2.2s;
}
#full-screen-menu.active .menu-items li:nth-child(12) {
  transition-delay: 2.4s;
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 75px;
  line-height: 75px;
  color: var(--white-color);
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.close-btn:hover {
  transform: rotate(90deg);
}
/* ********************************************************* */
/* Hamburger -------- END
/* ********************************************************* */


@media(max-width:575px){}
@media only screen and (min-width: 576px) and (max-width: 767px){}
@media(max-width:767px){
	.header-right-area{
		justify-content:center;
		align-items:flex-end;
	}
}
@media(min-width:768px){}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header-navigaton-container .menu li:not(:last-child){
		margin-right: 5px;
	}
	.header-navigaton-container li a{
		font-size:13px;
	}
}
@media(max-width:991px){}
@media(min-width:992px){
	.header-left-area  .logo-container{
		max-width:100%;
	}
	.header-left-area,
	.header-left-area .logo-container,
	.header-left-area .light-mode-logo{
		height:100%;
		max-width:250px;
	}
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px){

	.header-navigaton-container .menu li:not(:last-child){
		margin-right: 22px;
	}
	.header-navigaton-container li a{
		font-size:16px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){}
@media(min-width:1400px){}