.bg-light {
    background-color: transparent !important;
}
     
header {
    position: fixed;
    top: 0;
    z-index: 998;
    width: 100%;
    transition: 0.3s;
    background-color: rgba(13, 13, 78, 0.0);
}

header.sticky2, body.single header, .page-template-default header {
    background-color: rgba(13, 13, 78, 0.95);
    
}
           
.main-menu-container {
    padding-top:20px;
    padding-bottom:20px;
    
}

.main-nav a {
    position:relative;
    padding:0 !important;
}

.main-nav li {
    padding-right:42px;
    display: flex;
    align-items: center;
    height: auto;
}

.main-nav li.dropdown {
    padding-right:55px;
}





.main-nav li.hl a:after {
    display:none !important;
}

.navbar-light .navbar-nav .nav-link {
    color:#fff !important;
    font-weight: 400;
}
   
header a.logo {

    position: absolute;
    z-index: 1;
 
    top:25px;

}
    


header a.logo img {
    width:100%;
    height:auto;
    position: relative;
    z-index:3;
}

.navbar button {
    position: absolute;
    z-index: 999;
    right: -10px;
    top:-9px;
}

.main-menu-container {
    position: relative;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: transparent;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.main-nav ul li:last-child {
    padding-right:0;
}

ul.dropdown-menu {
  position: relative;
}

ul.dropdown-menu {
  top: 41px;
  left: 0;
  margin-top: -1px;
  padding:13px;
}

ul.dropdown-menu li {
    padding-bottom:7px;
}

ul.dropdown-menu a.dropdown-item {
    background:transparent !important;
}

ul.dropdown-menu a.dropdown-item:after {
    display:none !important;
}

ul.navbar-nav > li.dropdown > a:before {
    content: '';
    width: 11px;
    height: 6px;
    background-image: url(../images/arrow-down.svg);
    background-size: cover;
    right: -9px;
    top: 8px;
    position: absolute;
    
}

a.dropdown-item {
    color:#052849;
}


.navbar-light .navbar-toggler-icon {
    background-image: url(../images/mobile-menu-icon.svg);
    width:25px;
    height:19px;
    background-size:cover;
}

li a.dropdown-toggle {
    padding-right:10px !important;
}


.navbar-light .menu-item.hl a.nav-link {
    color:#fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #182D51 !important;
}
   
.dropdown > a.dropdown-toggle {
    pointer-events:visible !important;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

li.dropdown:not(.is-mobile) li.mobile-only-menu {
    display:none !important;
}

ul.dropdown-menu li:last-child {
    padding-bottom:0;
}

ul.dropdown-menu {
    padding-top:15px;
    padding-bottom:15px;
}


li.dropdown > a.nav-link:after {
   display:none;   
}


@media (min-width: 992px) {

        .navbar-nav li > a.nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px; /* Thickness of the underline */
            left: 0;
            bottom: -2px;
            background-color: #10AD7C; /* Underline color */
            transition: width 0.20s ease;
            border:none;
            margin-left:0;
        }
        
        li.current-menu-item  > a.nav-link:after, .current-menu-parent > a.nav-link:after {
             width: 100% !important;
             
        }
        
        .current-menu-parent > a.nav-link:after {
            width: calc(100% + 10px) !important;
            width: 0 !important;
        }

        .navbar-nav .nav-link:hover:after {
            width: 100%;
        }
        
        li.dropdown > a.nav-link:hover:after {
            width: calc(100% + 10px) !important;
        }
            
    
}
    
@media (min-width: 992px) and (max-width: 1199px) {

    header a.logo img {
       width: calc(100% - 70px);
    
    }
    
    header a.logo {
        top:33px;
    }
}
        
@media (max-width: 991px) {
     ul.navbar-nav > li.dropdown > a:before {
       top:10px;    
     }
     
     .navbar-light .menu-item.hl a.nav-link {
         margin-top:3px;
     }
     
     header a.logo img {
         height:27px;
         width:auto;
     }
     
     header a.logo {
         top:13px;
     }
     
     header {
         background-color:#0d0d4e;
     }

     
      .main-nav li.dropdown {
          padding-right:0;
      }
      
      .main-nav li a {
          width:fit-content;
      }
  

    
    header #main-menu ul:first-child {
       padding-top:35px;
      
    }
    
    header #main-menu ul li {
        padding-bottom:12px;
        display:block;
    }
    
    header #main-menu ul:not(.dropdown-menu) > li:last-child {
         padding-bottom:0;
    }
    
    ul.navbar-nav > li.dropdown .dropdown-menu {
        
        padding-top: 20px;
        margin-top: 15px;
    }

    

}