Change menu lvl3

layout/style-scss/nav-menu.scss

@@ -277,6 +277,52 @@ header#header {
 							@include respond-below(lg) {
 								column-gap: 40px;
 							}
+
+							> li.parent {
+								&:hover {
+									> a {
+										span {
+											&::before {
+												width: 100%;
+												visibility: visible;
+											}
+										}
+									}
+									.lvl-4 {
+										opacity: 1;
+										visibility: visible;
+									}
+								}
+
+								> a {
+									position: relative;
+									width: 100%;
+									display: inline-flex;
+									flex-direction: row;
+									align-items: center;
+									column-gap: 5px;
+									text-decoration: none;
+									transition: all 250ms ease-in-out;
+
+									span {
+										display: inline-block;
+										position: relative;
+										transition: all 250ms ease-in-out;
+
+										&::before {
+											content: '';
+											position: absolute;
+											bottom: -10px;
+											left: 0;
+											width: 0;
+											height: 3px;
+											background: $cTxtBlack;
+											visibility: hidden;
+											transition: all 250ms ease-in-out;
+										}
+									}
+								}
+							}
 						}
 
 						&:not(.lvl-3-big) {
@@ -311,6 +357,10 @@ header#header {
 						}
 					}
 					&.lvl-4 {
+						opacity: 0;
+						visibility: hidden;
+						transition: all 250ms ease-in-out;
+
 						margin-top: 20px;
 						> li {
 							&:not(:last-child) {