.ItemTitleWithIcon img{
    width: 2rem;
}
.ItemTitleWithIcon .dnnicon,.TitleWithIconWhite .dnnicon{
    position:relative;
}
@keyframes TitleDotsBig{
     0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-0.5rem, -0.5rem, 1rem);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes TitleDotsSmall{
     0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0);
    }
}
.ItemTitleWithIcon .dnnicon::before{
    position:absolute;
    width:0.65rem;
    height:0.65rem;
    background-color:var(--DPurple);
    content:"";
    border-radius:100%;
    animation:TitleDotsBig 5s infinite;
    right:-1rem;
    top:0;
}
.ItemTitleWithIcon .dnnicon::after{
    position:absolute;
    width:0.35rem;
    height:0.35rem;
    background-color:var(--accent-color4);
    content:"";
    border-radius:100%;
    animation:TitleDotsSmall 5s infinite;
    bottom:-0.5rem;
    left:0rem;
}
.TitleWithIconWhite .dnnicon::before{
    position:absolute;
    width:0.65rem;
    height:0.65rem;
    background-color:var(--White);
    content:"";
    border-radius:100%;
    animation:TitleDotsBig 5s infinite;
    right:-1rem;
    top:0;
}
.TitleWithIconWhite .dnnicon::after{
    position:absolute;
    width:0.35rem;
    height:0.35rem;
    background-color:var(--White);
    content:"";
    border-radius:100%;
    animation:TitleDotsSmall 5s infinite;
    bottom:-0.5rem;
    left:0rem;
}