.logo-main,
.logo-scroll,
.logo-mobile {
    width: 165px !important;
    height: 49.698px !important;
    max-width: 100% !important;
}

.hover-link h4 {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    color: #fff;
    transition: color 0.3s ease;
}

.hover-link h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #764df0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.hover-link:hover h4::after {
    transform: scaleX(1);
    transform-origin: left;
}

.hover-link:hover h4 {
    color: #764df0;
}

#mainmenu li a:hover {
    color: #764df0;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#mainmenu li a {
    transition: color 0.3s ease, background-color 0.3s ease;
}

#mainmenu a.active{
    color: #764df0;
}