header {
    position: fixed;
     top: 0;
     left: 0;
     right: 0;
 /*   max-width: 1400px;*/
     width: 100%;
     margin: 0 auto;
     padding: 50px 0;
     z-index: 999;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 
 }
header.bgcolor {
background: rgb(23,23,23);
background: linear-gradient(180deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 
}
 .hamburger .line:nth-child(1) {
     width: 20px;
     transform: translateY(-10px);
 }
 .hamburger .line:nth-child(2) {
     transform: translateY(-2px);
	 width: 32px;
 }
 .hamburger.active .line:nth-child(2) {
     transform: translateY(-2px);
     transform: translate(-45%, -50%) rotate(-45deg);
     display: none;
 }
 .hamburger .line:nth-child(3) {
     transform: translateY(6px);
     display: none;
 }
 .hamburger {
     position: fixed;
     top: 0;
     right: 40px;
     cursor: pointer;
     z-index: 1000;
     width: 50px;
     height: 50px;
     background-color: var(--text-two);
     border-radius: 100%;
     padding: 20px;
     margin: 40px 0 0 0;
      -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;    
     transition: all 0.3s ease-in-out;
     box-shadow: 0px 0px 50px #00000015;
     padding: 0 0;
 }
 
 .hamburger .line {
     width: 30px;
     height: 2px;
     background-color: #fff;
     margin: 6px 0;
     transition: all 0.3s ease;
     position: absolute;
     left: 15px;
     top: 20px;
 }
 .hamburgera.ctive .line {
     left: 23px;
     top: 20px;
 }
 .hamburger.active .line:nth-child(1) {
    transform: rotate(45deg) translate(-5px, -5px);
}

 
 .hamburger.active .line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
 }
 /* Menu Styles */
 .menu {
     position: fixed;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background-color: #333;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: left 0.5s ease;
     z-index: 500;
 }
 
 .menu.open {
     left: 0;
 }
 
 .menu-items {
     list-style: none;
     text-align: center;
 }
 
 .menu-items li {
     margin: 20px 0;
 }
 
 .menu-items a {
     color: #fff;
     font-size: 24px;
     text-decoration: none;
     display: inline-block;
     transition: color 0.3s ease;
 }
 
 .menu-items a:hover {
     color: #ff6347;
 }
 
 /* Mega Menu Styles */
 .mega-menu {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 60px;
     background-color: #444;
     width: 200px;
     padding: 10px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }
 
 .menu-items li:hover .mega-menu {
     opacity: 1;
     visibility: visible;
 }
 
 .mega-menu ul {
     list-style: none;
     padding: 0;
 }
 
 .mega-menu li {
     margin: 10px 0;
 }
 
 .mega-menu a {
     color: #fff;
     font-size: 18px;
 }
 
 .mega-menu a:hover {
     color: #ff6347;
 }
 .first-menu {
     width: 100%
 }
 .first-menu ul {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }
 .first-menu ul li a {
   margin: 0 20px 0 0;
    font-family: var(--font-one);
    color: var(--maincolor);
    font-size: 1em;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
 }
 .first-menu ul li:nth-child(1) a {
     border-right: 2px solid var(--text-one);
     padding: 0 10px 0 0;
 }
 .first-menu {
     width: 100%;
    
 }
 .hamburger .line:nth-child(1) {
     width: 20px;
 }
 .hamburger .line:nth-child(3) {
     width: 20px;
 }

 .inner .logo-head {
     width: 20%;
 }
 .inner .logo-head img {
     max-width: 180px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;    
     transition: all 0.3s ease-in-out;
 }
 .inner header.bgcolor .logo-head img {
     max-width: 90px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;    
     transition: all 0.3s ease-in-out;
 }

 /* header.bgcolor {
   background: rgb(255,255,255);
 background: linear-gradient(188deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7707457983193278) 43%, rgba(255,255,255,0.5550595238095238) 100%);
     padding: 0 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;    
     transition: all 0.3s ease-in-out;
     box-shadow: 0px 0px 50px #00000015;
     padding: 25px 0;
 } */
 header.bgcolor .hamburger {
    
      -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;    
     transition: all 0.3s ease-in-out;
     box-shadow: 0px 0px 50px #00000015;
  
 }
 header.bgcolor .header-container {
    display: block;
 }
 .header-container {
     width: 90%;
     text-align: center;
     margin: 0 auto;
 }
 /* Hamburger Menu Styles */
 .hamburger {
   display: flex;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;
     width: 50px;
     height: 50px;
 }
 

 
 /* Full-width Slide-in Menu */
 .nav-menu {
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100vh;
   background-color: #000; /* Semi-transparent black */
   transition: left 0.5s ease;
 }
 
 .nav-menu ul {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
 
 .nav-menu ul li {
   margin: 10px 0;
 }
 
 .nav-menu ul li a {
   font-size: 2em;
   font-weight: 500;
   color: white;
 }
 
 /* Active hamburger animation */
 .hamburger.active .line:nth-child(1) {
    transform: translate(-45%, -43%) rotate(45deg);
     width: 33px;
 }
 .hamburger.active .line:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -5px);
 }
 
 .hamburger.active .line {
     left: 15px;
     top: 25px;
 }
 /* Slide-in Menu Active */
 .nav-menu.active {
   left: 0;
 }
 .header-container {
    display: none;
 }
.hamburger.active .line:nth-child(2) {
    display: block;
}