 <style>
                                    .nav-item {
                                        text-decoration: none;
                                        transition: 0.3s;
                                        z-index: 1;
                                        position: relative;
                                    }

                                    .nav-item:before {
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 3px;
                                        background-color: #dfe2ea;
                                        /* border-radius: 0 0 8px 8px; */
                                        opacity: 0;
                                        transition: 0.3s;
                                    }

                                    .nav-item:not(.is-active):hover:before {
                                        opacity: 1;
                                        bottom: 0;
                                    }
                                </style>