.header-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .header-wrapper a {
      margin-left: 1rem;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 700;
      transition: color 0.3s;
  }
 .header-wrapper a:hover {
    color: #f1b600;
}


 .burger {
   width: 30px;
   height: 20px;
   position: relative;
   display: none;
   cursor: pointer;
   transition: transform 0.3s ease;
 }

 .burger span {
   position: absolute;
   height: 2px;
   width: 100%;
   background: #fff;
   left: 0;
   transition: all 0.3s ease;
 }

 .burger span:nth-child(1) {
   top: 0;
 }

 .burger span:nth-child(2) {
   top: 8px;
 }

 .burger span:nth-child(3) {
   top: 16px;
 }

 .burger.active span:nth-child(1) {
   transform: rotate(45deg);
   top: 8px;
 }

 .burger.active span:nth-child(2) {
   opacity: 0;
 }

 .burger.active span:nth-child(3) {
   transform: rotate(-45deg);
   top: 8px;
 }

 .menu {
   display: flex;
   gap: 26px;
 }

 @media (max-width: 768px) {
   .burger {
     display: block;
   }

   .menu {
       flex-direction: column;
       position: absolute;
       top: 70px;
       width: 100%;
       text-align: center;
       z-index: 999999;
       right: 0;
       background: white;
       padding: 1rem;
       display: none;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   }

   .menu.active {
     display: flex;
   }

   header .menu.active .asl_w_container {
    display: block;
    width: 100%;
}
 }
 header .menu .asl_w_container {
  display: none;
  width: 100%;
}

 @media (max-width: 1024px) {
   .slide-content {
     padding-left: 40px;
     max-width: 90%;
   }

   .slide-content h2 {
     font-size: 2.2rem;
   }

   .slide-content .btn {
     font-size: 1rem;
     padding: 12px 24px;
   }
 }

 @media (max-width: 768px) {
   .slide {
     height: 400px;
     justify-content: center;
     text-align: center;
   }

   .slide-content {
     padding: 0 20px;
   }

   .slide-content h2 {
     font-size: 1.8rem;
   }

   .slide-content .btn {
     font-size: 0.95rem;
     padding: 10px 20px;
   }

   .header-wrapper a {
     color: #000000;
   }

 }

 @media (max-width: 480px) {
   .slide {
     height: 320px;
   }

   .slide-content h2 {
     font-size: 1.5rem;
   }

   .slide-content .btn {
     font-size: 0.9rem;
     padding: 8px 18px;
   }
 }