.slidebar a.navbar-brand {margin:0;padding: 0;}
.slidebar a.navbar-brand img{height: 45px;}

html.slidebar-opened .slidebar {
  pointer-events: auto;
}

.slidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  overflow: hidden;
  z-index: 1011;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  transform: translateX(-100%);
  height: 100% !important;
  border: none;
  right: 0;
}

.slidebar .mobile-buttons {
  padding: 25px 15px;
  display: flex;
  row-gap: 15px;
  flex-flow: column;
}


.slidebar .mobile-buttons .btn {
  font-weight: 600;
  border-radius: 25px;
  width: 100%;
  height: 50px;
}

.slidebar .mobile-buttons .btn span,
.slidebar .mobile-buttons .btn i {margin-left: 6px;}

.slidebar .menu-header {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  background:  #026D6F;
  position: relative;
  height: 65px;
  align-items: center;
  width: 100%;
}

.employers-vrs .slidebar .menu-header {background:  #1e355e;}

.slidebar .submenu .menu-header {padding: 0 20px;}

.submenu .menu-close {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 25px;
  height: 50px;
}

html:not(.no-transition) body,
.slidebar:not(.no-transition),
.slidebar .submenu:not(.no-transition) {
    transition: all 375ms;
    transition-property: left, right, transform;
}

.slidebar-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1010;
  display: none;
  background-color: rgba(0,0,0,.6);
}

.slidebar-opened .slidebar-overlay {display: block;}

.slidebar ul {
  list-style-type: none;
  padding: 0;
  padding: 0 20px;
  background: #fff;
}

.slidebar .menu-first-level {
  padding: 15px 25px;
  margin: 0;
}

.slidebar li.dropdown-header {
  padding: 15px 10px 5px;
  color: #000;
  font-size: 14px;
  display: flex;
  width: 100%;
  font-weight: 600;
  margin-bottom: 0;
  text-wrap: wrap;
  text-transform: uppercase;
}

.slidebar li.dropdown-header i {font-weight: 200;}

.slidebar li.active .currentli a.active-link,
.slidebar li span a{
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

.slidebar ul li .dropdown-item,
.slidebar ul li.mobile-menu-link a {
  font-size: 17px;
  padding: 12px 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  width: 100%;
  background: transparent;
  color: initial;
}

.slidebar ul li.mobile-search a {
  display: flex;
  align-items: center;
  justify-content: start;
}


.slidebar ul.menu-first-level > li:after {
  width: 100%;
  height: 0;
  display:block;
  background-color: #006d68;
  content: "";
}
.slidebar ul.menu-first-level > li:last-of-type:after {display: none;}

.slidebar ul > li.mobile-search a i {
  margin-left: 8px !important;
}

.slidebar .submenu ul > li > a {
  display: block;
  width: 100%;
  font-weight: 400;
  padding: 10px 10px;
  font-size: 16px;
  text-transform: unset;
  text-wrap: auto;
}

.slidebar ul.sb-submenu  li a.dropdown-item  {
  text-transform: none;
  white-space: pre-wrap;
}

.slidebar ul > li > a.btn {
  display: inline-block;
}

.slidebar ul > li > a span {
  display: none;
  margin-left: 8px !important;
  font-size: inherit;
  font-weight: 300;
}

.slidebar .submenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
  min-height: 100%;
  width: 100%;
}

.slidebar .submenu.opened {
  left: 0;
  z-index: 10;
  box-shadow: 5rem 1rem 3rem rgba(0, 0, 0, .5);
}

.slidebar .submenu > span {
  color: #333;
  font-size: 17px;
  font-weight: 800;
  align-items: center;
  justify-content: start;
  padding: 20px;
  display: flex;
  margin-bottom: 0;
}

.slidebar-close {
  border: none;
  background-color: transparent;
  transition: .3s;
}

.slidebar-close:hover i,
.slidebar .menu-header .open-search:hover i {
  color: #cdcdcd;
  transition: .3s;
}

.slidebar-close i {
  color: #fff;
  font-size: 30px;
}

.slidebar .menu-header .open-search i {
  color: #fff;
  font-size: 20px;
}

.slidebar .menu-header .open-search {text-decoration: none;}

ul.mobile-secondary {
  padding: 0 20px;
  display: flex;
  background: transparent;
  align-items: center;
  column-gap: 30px;
  margin: 0;
  flex-flow: row;
  flex-wrap: wrap;
  row-gap: 15px;
}

ul.mobile-secondary li{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.slidebar ul.mobile-secondary li a {font-size: 15px;}

.submenu .menu-back a {
  margin: 25px 20px 0;
  display: flex;
  font-weight: 500;
  font-size: 17px;
  align-items: center;
}

.submenu .menu-back a i {
  font-weight:600;
  font-size: 15px;
  margin-right: 8px;
}