header{
    border: 1px solid var(--bs-border);
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 91;
    width: 100%;
}
.main-header-nav{
    display:flex;
    justify-content: space-between;
    padding:10px 0px 12px 0px
}

.main-header-nav ul li{
    list-style: none;
}
.main-nav ul {
    display:flex;
    padding-left:0px;
    gap:30px;
    margin-top: 20px;
}

.main-nav ul li a{
    text-decoration: none;
    color:var(--bs-black-gray-scale);
    font-size: 14px;
    font-weight: 500;
}
.dropdown-toggle::after {
   content: url('../img/nav-img/menus-down-arrow.svg') !important;
   border: none !important;
   background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    margin-top: 1px;
    width: 14px;
    height: 14px;
    /* font-size: 12px; */
    position: absolute;
    /* right: -19px; */
    top: 30%;
    transform: translateY(-50%);
 }

 .nav-item {
   /* padding-right: 15px; */
   padding-top: 2px;
 }

 .meganav {
   position: relative;
 }

 .mega-navbar {
   position: absolute;
   width: 1100px;
   padding: 1rem;
   height: 345px;
 }
 .solution-dropdown {
  list-style-type: none;
  padding-left: 0;
}

.solution-dropdown li {
  padding: 3px 5px;

}


.solution-dropdown li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: black;
 
  font-size: 15px;
  padding: 15px 10px;
  
  border-radius: 10px;
  position: relative;
}
.solution-dropdown li a:hover{
   background-color: #f2f3fc;

   
}
#industryImage{
  padding-left: 20px;
}
#industryImage img{
   transition: opacity 0.6s ease, transform 0.6s ease;
}
/* Arrow styling */
.solution-dropdown li a::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url('../img/nav-img/menus-down-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  display: inline-block;
}

/* Dropdown styling */
.industries-list {
  list-style-type: none;
}

.industries-list.show li a::after, .roles-list.show li a::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url('../img/nav-img/menus-down-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  display: inline-block;
}
.industries-list li a, .roles-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: black;
  font-size: 15px;
   padding: 15px 10px;
   border-radius: 10px;
 
}
.industries-list li a:hover, .roles-list li a:hover{
     background-color: #f2f3fc;

}

.industries-list.d-none, .roles-list.d-none {
  display: none;
}
.roles-list {
  list-style: none;
  padding-left: 10px;
 

}

.roles-list li {
  /* padding: 15px 12px; */
  

  color: #333;
  cursor: default;
}
.roles-list li a {
  color: black !important;
  text-decoration: none !important;
  font-size: 15px !important;
  border-radius: 10px !important;
}
.roles-list li:hover {
  background-color:  #f2f3fc;
  border-radius: 10px;

}
ul.mega-menu.mega-menu--multilevel {
  padding: 15px 20px;
  margin-top: 20px;
}
.navbar-nav{
  position: relative;
  gap:25px;
}
.dropdown-menu.standard-dropdown {
  position: absolute;
  top: 100%;          /* directly under parent */
  left: 50%;          /* start from center */
  transform: translateX(-50%); /* perfectly center */
  border-radius: 0px;
  background-color: #fff;
  padding: 15px 20px;
 min-width: 320px;
}


.standard-dropdown .dropdown-item {
  padding: 15px 25px;
 
  border-radius: 5px;
  font-size: 15px;
  color: #000 !important;
  font-weight: 400;

}

.standard-dropdown .dropdown-item:hover {
  background-color: #f2f3fc;
}

.standard-dropdown,
.dropdown-menu {
  border: none !important;
  box-shadow: none; /* Optional: remove shadow too */
}


.menu-link:hover {
  color: rgba(153, 0, 255, 1) !important;
}
.navbar-nav .nav-item.dropdown.show > .nav-link.menu-link:focus,
.navbar-nav .nav-item.dropdown.show > .nav-link.menu-link:active,
.navbar-nav .nav-item.dropdown.show > .nav-link.menu-link:hover {
  color: rgba(153, 0, 255, 1) !important;
}
.dropdown-toggle.dropdown-open {
  color: rgba(153, 0, 255, 1) !important;
  
}
/* Base hidden state */
.industries-list,
.roles-list {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.dropdown-menu.show {
    margin-top: 20px;
}
.industries-list.show,
.roles-list.show {
  opacity: 1;
  transform: translateX(0);
  /* transition: opacity 0.8s ease, transform 0.8s ease; */
  visibility: visible;
  pointer-events: auto;
}

.fade-in {
  animation: fadeInLeft 0.3s ease-out forwards;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.action-btn-nav{
  margin-top: 10px;
}
.action-btn-nav ul{
  display: flex;
  gap: 16px;
  justify-content: center;
}
.action-btn-nav ul li{
  list-style-type: none;
}
.delayed-list {
  opacity: 0;
  transform: translateX(-50px);
  animation: slideIn 0.8s ease forwards;

  animation-delay: 4s;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.logo-tabs {
                                display: flex;
                                gap: 0px;
                                align-items: center;
                                background: #e9e9e973;
                                border-radius: 12px;
                                padding: 5px 10px;
                            }
                            .logo-tab {
                                padding: 6px 12px;
                                border-bottom: none;
                                transition: background 0.2s, box-shadow 0.2s;
                                display: flex;
                                align-items: center;
                                height: 44px;
                                cursor: pointer;
                            }
                            .logo-tab.active {
                                background: #fff;
                                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                                border-radius: 12px;
                                padding: 6px 18px;
                            }
                           
                            .logo-tab img {
                                height: 36px;
                                width: auto;
                                display: block;
                            } 
                            .logo-tab.active img{
                                height: 28px;
                            }
                            @media only screen and (min-width:1150px) and (max-width: 1300px) {
                                .logo-tab.active img {
                                    height: 20px;
                                }
                                .logo-tab img {
                                    height: 30px;
                                }
                                .navigation-block .navigation-main-card .nav-menus-sec>ul{
                                    gap:20px;
                                }
                            }

@media all and (max-width: 950px) {
  .nav {
    padding: 20px;
 }
 .submenu li a, .main-menu li a, a.menu-btn{
    text-decoration: none;;
 }
  .mobile-menu-trigger, .mobile-menu-header, .mobile-menu-back-item {
    display: block;
 }
     
  .mobile-menu-trigger {
    background: #177e89;
    color: #ffffff;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
 }
  .mobile-menu-header {
    order: -1;
    background: grey;
 }
  .mobile-menu-header a {
    padding: 20px 25px;
    color: #ffffff;
    visibility: visible;
 }
  .menu-bar {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 350px;
    max-width: 350px;
    max-width: 90%;
    overflow-x: hidden;
    transition: left 0.3s;
    box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.25);
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 100vh;
    width: 100%;
    transition: left 0.3s;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
    font-size: 1.2em;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 40px;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 80px;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] {
    color: #2a2a2a;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
    content: "+";
    background: none;
    font-size: 1em;
    font-weight: normal;
    height: 20px;
    line-height: 1;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul {
    max-height: 0px;
    transform-origin: top;
    transform: scaleY(0);
    transition: max-height 0.1s;
 }
  .mega-menu-content {
    padding: 20px 25px;
 }
  .mobile-menu-back-item {
    order: -1;
 }
  .mobile-menu-back-item a {
    background: tint(grey,70%);
    color: #2a2a2a;
    max-height: calc(1.4em + 40px);
    margin-top: calc(0px - (1.4em + 40px));
    pointer-events: none;
 }
  .mobile-menu-back-item a:before {
    content: "";
    width: 14px;
    height: 12px;
    background-image: url("../img/icons/menus-down-arrow.svg");
    background-size: 14px;
    margin-right: 10px;
    display: inline-block;
 }
  .mobile-menu-trigger:focus ~ ul {
    left: 0;
 }
  .menu-bar:hover, .menu-bar:focus-within {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    margin-top: calc(1.4em + 40px);
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover, .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
    max-height: 500px;
    animation: dropdown 0.3s forwards;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul {
    max-height: 500px;
    transform: scaleY(1);
 }
  .menu-bar > li:focus-within ~ .mobile-menu-header a {
    visibility: hidden;
 }
}
@media all and (max-width: 950px) and (hover: none) {
  .mobile-menu-trigger:hover ~ ul {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
    left: 0;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {
    max-height: 500px;
    animation: dropdown 0.3s forwards;
 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {
    max-height: 500px;
    transform: scaleY(1);
 }
  .menu-bar > li:hover ~ .mobile-menu-header a {
    visibility: hidden;
 }
}
@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
 }
  50% {
    opacity: 1;
 }
  100% {
    transform: scaleY(1);
 }
}
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
 }
  100% {
    opacity: 1;
    transform: scaleX(1);
 }
}
@media only screen and (min-width:1240px) and (max-width:1400px){
    .main-header-nav ul li{
      font-size: 14px;
    }
    .navbar-nav{
      gap:15px;
    }
    .dropdown-toggle::after{
      top:37%;
    }
}
@media only screen and (min-width:992px) and (max-width: 1239px){
   .smaller-desktop-container{
    width:100%;
    max-width: 100%;
    padding:0px 20px;
   }
  .main-header-nav{
    padding:20px 0px;
  }
  .logo-tab.active img {
    height: 14px;
  }
  .logo-tab img{
    height:21px;
  }
  .main-header-nav ul li{
    font-size: 12px;
    font-weight: 500;
  }
  .main-header-nav .bg-less-btn a{
    padding: 8px 14px;
    font-size: 12px;
  }
  .main-header-nav .blue-gradient a{
    padding: 8px 14px;
    font-size: 12px;
  }
  .navbar-nav{
    gap:15px;
  }
  .dropdown-toggle::after{
    top:40%;
  }
}