.meaga-menu-cont{
 left: -30vw !important;
}
.mega-menu{
  width: 80vw !important;
}


.mega-nav{
  color: #aba9c5 !important;
}

.mega-nav:hover{
  color: #fff !important;
  border: none;
}

.fg-524dd3 {color:#524dd3;}

.mega-nav.active{
  background-color: #524dd3 !important;
  border: #524dd3;
  color: #fff !important;
}
.nav-tabs{
  border: none !important;
}
.fg-acaaae{color: #acaaae;}


@media (max-width: 1199px) {
  /* Hide the mega menu tabs and content */
  .meaga-menu-cont .nav-tabs,
  .meaga-menu-cont .tab-content {
    display: none !important;
  }
  
  /* Show simple mobile list */
  .mobile-simple-list {
    display: block !important;
  }
  
  .mobile-simple-list h6 {
    font-weight: 600;
    margin: 0;
    padding: 15px 10px;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    transition: background 0.3s ease;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
 
  
  .mobile-simple-list h6 > i.bi-chevron-down,
  .mobile-simple-list h6 > i.bi-chevron-up {
    transition: transform 0.3s ease;
    margin-left: auto;
    font-size: 16px;
  }
  
  .mobile-simple-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .mobile-simple-list ul.active {
    max-height: 500px;
  }
  
  .mobile-simple-list ul li {
    padding: 10px 10px 10px 25px;
    display: block;
    border-bottom: 1px solid #2c2f4f;
  }
  
  .mobile-simple-list ul li a {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    display: flex;
    padding: 0 0 0 0;
    transition: color 0.2s ease;
  }

  
  
  .mobile-simple-list ul li a:hover {
    color: #007bff;
  }
}

/* Hide mobile list on desktop */
@media (min-width: 1200px) {
  .mobile-simple-list {
    display: none !important;
  }
}


.service-link{
  font-size: 17px !important;
  color: #acaaae;
}

.special-cont{
  background-color: #1b1933 !important;
  border: none;
}





/* Temporary CSS - Add this to your stylesheet or in a <style> tag */

/* 
.navmenu .dropdown .meaga-menu-cont {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}


.navmenu .dropdown {
  position: relative;
}

.temp-design-mode .meaga-menu-cont {
  border: 2px dashed #ff6b6b;
  background: rgba(255, 255, 255, 0.95);
}


.temp-design-mode .mega-menu {
  outline: 1px solid #4ecdc4;
} */