.dmenu-icon-link {

    display: flex;

    position: relative;

    transform: translateX(-9px);

    -webkit-transform: translateX(-9px);

    transition: 0.2s;

    -webkit-transition: 0.2s;

}

.dmenu-icon_arrow-light {

    position: absolute;

    top: 9px;

    left: 8px;

}

.dmain-menu-link,

.dmain-menu-link a {

    display: flex;

    align-items: center;

    cursor: pointer;

}

.dmenu-icon-text {

    color: #6C6D97;

    font-family: "Roboto", Sans-serif;

    font-size: 30px;

    font-weight: 400;

    line-height: normal;

    transform: translateX(-28px);

    -webkit-transform: translateX(-28px);

    transition: 0.2s;

    -webkit-transition: 0.2s;

    transition-timing-function: ease-out;

    -webkit-transition-timing-function: ease-out;

}



.dmenu-icon_blue {

    opacity: 0;

    transition: 0.2s;

    -webkit-transition: 0.2s;

    transition-timing-function: ease-out;

    -webkit-transition-timing-function: ease-out;

}

.dmenu-icon_arrow-light {

    opacity: 0;

    transition: 0.3s;

    -webkit-transition: 0.3s;

}

.dmain-menu-link:hover .dmenu-icon_blue,

.dmain-menu-link:hover .dmenu-icon_arrow-light {

    opacity: 1;

}

.dmain-menu-link:hover .dmenu-icon-text {

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

    color: #1B2482;

}

.dmain-menu-link:hover .dmenu-icon-link {

    transform: translateX(0);

    -webkit-transform: translateX(0);

}



.dmain-menu-link.active .dmenu-icon-link {

    transform: translateX(0px);

    -webkit-transform: translateX(0px);

}

.dmain-menu-link.active .dmenu-icon_blue,

.dmain-menu-link.active .dmenu-icon_arrow-light {

    opacity: 1;

}

.dmain-menu-link.active .dmenu-icon-text {

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

    color: #1B2482;

}