.navbar-toggler.collapsed .icon-bar, .navbar-toggler .icon-bar {
    display: block;
    background-color: red;
    width: 24px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
   margin-top: 6px;
}
.header-bottom .navbar-light .navbar-toggler.collapsed {
   color: transparent;
   border: none;
   border-radius: 0;
   transition: all 0.3s;
   padding: 10px 12px;
}

.header-bottom .navbar-light .navbar-toggler{
   padding: 10px 12px;
   color: transparent;
   transition: all 0.3s;
   border: none;
   outline: none;
}
.navbar-toggler .icon-bar:first-child {
    transform: rotate(-45deg) translate(1px, 0px);
    transition: all 0.3s;
    position: relative;
    top: 6px;
}
.navbar-toggler .icon-bar:nth-child(2){
   transition: all 0.3s;
   display: none;
}
.navbar-toggler .icon-bar:last-child {
   transform: rotate(45deg) translate(0px, -1px);
   transition: all 0.3s;
   position: relative;
   top: -2px;
}
.navbar-toggler.collapsed .icon-bar{
transform: rotate(0deg);
   transition: all 0.3s;
   position: relative;
   top: 0;
   display: block;
}
/* .collapse.navbar-collapse .navbar-nav {
   display: flex;
   align-items: self-start;
} */

.navbar .navbar-collapse.col-auto.collapse{
top: 0;
}
button:focus {
    outline: none;
    
} 


.navbar-light .navbar-toggler {
    border-color: transparent !important;
}