.main-menu-offcanvas {
  background: #000 !important;
  width: 320px !important;
}

.main-menu-offcanvas .offcanvas-header {
  padding: 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.main-menu-offcanvas .logo {
  margin: 0 !important;
}

.main-menu-offcanvas .logo img {
  max-width: 160px !important;
  height: auto !important;
}

.main-menu-offcanvas .btn-close {
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 24px !important;
  padding: 0 !important;
  opacity: 1 !important;
  position: absolute !important;
  right: 20px !important;
  top: 20px !important;
}

.main-menu-offcanvas .btn-close:hover {
  color: #9cee69 !important;
}

.main-menu-offcanvas .offcanvas-body {
  padding: 0 !important;
}

.main-menu-offcanvas .offcanvas-menu {
  padding: 20px !important;
}

.main-menu-offcanvas .main-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.main-menu-offcanvas .main-menu li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.main-menu-offcanvas .main-menu li:last-child {
  border-bottom: none !important;
}

.main-menu-offcanvas .main-menu li a {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: block !important;
  padding: 15px 0 !important;
  transition: color 0.3s !important;
}

.main-menu-offcanvas .main-menu li a:hover,
.main-menu-offcanvas .main-menu li a.active {
  color: #9cee69 !important;
}