.main-menu li.drop:hover a {
    color: var(--link-color);
    background-image: url(img/main-menu-ugol.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.main-menu li.drop:hover .submenu {
  display: block;
  /* transform: perspective(700px) rotateX(0deg);
  transition-duration: .15s; */
  z-index: 10000;
  opacity: 1;
}

.submenu.m3 ul.submenu-itself {
    columns: 3;
    width: 55%;
    margin: auto;
}

.submenu ul.submenu-itself li {
  float: none;
  margin: 0;
  font-weight: normal;
  text-transform: none;
}
.submenu ul.submenu-itself li a {
     display: inline;
    color: #FFFFFF;
    padding: 0;
    text-decoration: none;
    border-top: 0px solid #000;
}

.main-menu li.drop:hover .submenu ul.submenu-itself li a {
  color: #FFFFFF;
}

.main-menu li.drop .submenu ul.submenu-itself li a:hover {
  color: #59AFFF;
}

.main-menu li.drop:hover .submenu.m4 {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-gap: 50px;
}


@keyframes flipinx {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
