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

.main-menu-box .row {
  display: flex;
}

.main-menu-box .col {
  position: relative;
}

.main-menu-box .description {
  padding: 20px;
}

.main-menu-box ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.main-menu-box li {
  position: relative;
}

.main-menu-box .child-menu-list,
.main-menu-box .great-grandchild-menu-list {
  display: none;
}

.main-menu-box
  .menu-item:hover
  ~ .child-menu
  .child-menu-list[data-parent="{{ parent }}"] {
  display: block;
}

.main-menu-box a {
  display: block;
  color: #333;
  text-decoration: none;
}

.main-menu-box a:hover {
  background-color: #e9ecef;
}