.menu-section ul,
.menu-section li{
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.menu-section :not(.main-menu) li:not(:first-child){
  margin-top: 15px;
}

.menu-section a{
  text-decoration: none;
  color:#222222;
  font-weight:500;
  font-size:15px;
}

.menu-section .main-menu{
  display: flex;
}

.menu-section .submenu{
  position: absolute;
  padding: 20px;
  z-index: 0;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.menu-section .has-submenu{
  position: relative;
}


{#.menu-section .has-submenu:hover > .submenu, #}
.menu-section .submenu-toggle:checked ~ .submenu {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}



.menu-section .submenu:not(.level-1){
  left: 100%;
  top: -10px;
}


.menu-section .has-submenu > .menu-arrow{
  cursor: pointer;

}
.menu-section .has-submenu > .menu-arrow svg{
  transition: all ease-in-out 0.15s;
}


/*test*/


.menu-section .main-menu .submenu .menu-item .menu-link {
  color: #222222;
  background-color: unset !important;
}
.submenu a.menu-link:hover {
  color:#4b4fc5 !important;
}


.menu-item {
  padding-left:2em;
}
@media (min-width:1024px) {
  li.has-submenu.menu-item:first-child {
    padding-left:6em;
  }
  .submenu {
    border: 1px solid #d0d0e5;
    border-radius: 0.83em;
    background-color: #e9e9f9 !important;
  } 
  .menu-section .main-menu > .menu-item:not(:first-child) {
    margin-left: 25px !important;
  }
  li.has-submenu.menu-item, li.no-submenu.menu-item {
    display: flex;
    padding-top: 1em;
  }
}

.menu-section :not(.main-menu) li:not(:last-child) {
  margin-bottom:1em;
}

ul.submenu {
  margin-top: 2.4em;
}


@media (min-width:1024px) {

}


@media (max-width:768px) {

}


@media (max-width:991px) {
  
  ul > li.has-submenu {
    border-bottom: 1px solid rgba(75,79,197,.1);
  }
  
  li.has-submenu > a{
    font-size:18px;
    line-height:25px !important;
    color:#4b4fc5 !important;

    padding-bottom: 1.4em;
  }
  
  .menu-section .main-menu>.menu-item:nth-child(4) {
    display:none !important;
  }
  
  .menu-section .main-menu .submenu .menu-item .menu-link {
    line-height:22px;
    font-size:16px;
    margin-top: 0px !important;
  }

}