.svg-sm{
    width:11px;
    height:11px;
}

.svg{
    width:13px;
    height:13px;
}
.svg{
    width:13px;
    height:13px;
}

.svg-xl {
    width: 35px; /* Set your initial width */
    height: 35px; /* Set your initial height */
    transition: width 0.2s ease, height 0.2s ease; /* Add a smooth transition effect */
}

.svg-xxl{
    width:60px;
    height:60px;
}
.svg-lg{
    width:30px;
    height:30px;
}
.svg-md{
    width:21px;
    height:21px;

}
.svg-18px{
    width:18px;
    height:18px;

}
img.svg-md{
    border-radius: 50%;
}

.svg-nav{
    background-color: rgb(13, 2, 41);
    border-radius: 50%;
    padding: 6px;
    width:30px;
    height:30px;
    color: white;
}

.svg-nav:hover{
    background-color: rgb(150, 120, 219);
}

.svg-nav.active-svg{
    background-color: rgb(150, 120, 219);
}

.nav-profile-size{
    width:30px;
    height:30px;
}