.desktop-navbar-wrapper {
    width: 100%;
}


.navbar-wrapper {
    width: 100%;
    height: 60px;
    /*background-color: #222444;*/
    background-color: #1e2148;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation-container {
    width: 1120px;
    height: 100%;
}

.navbar-buttons-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-button-wrap {
    color: white;
    font-weight: 600;
    font-size: 18px;
    font-family: inherit;
    cursor: pointer;
    height: 100%;
    padding: 0 25px;
    display: flex;
    align-items: center;
}

.navbar-button-wrap p {
    padding: 0 5px;
}


/*text hover effect*/



.hover-underline-animation {
    display: inline-block;
    position: relative;
}

.hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    transition: transform 0.15s ease-out;
}

.hover-underline-animation:hover::after {
    transform: scaleX(1);
}

.hover-underline-animation.center::after {
    transform-origin: bottom center;
}

.hover-underline-animation.center:hover::after {
    transform-origin: bottom center;
}

/*end*/

@media (max-width: 1150px) {
    .navigation-container {
        width: 960px;
    }
}

@media (max-width: 997px) {
    .navbar-wrapper {
        display: none;
    }
}