/* custom.css */

.menu__item:after{
display:block;
content:"";
background-color:#00ffff;
width:120%;
height:1.25rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:50%;
z-index:-1;
filter:blur(.875rem);
opacity:0;
transition:all .3s}


.point:hover .point__dot:before, .point_active .point__dot:before, .point_active:hover .point__dot:before {
    opacity: 1;
    filter: drop-shadow(0 0 .625rem #23588e); /* ff0000 */
}

.server__name {
	font-size: 1.77rem;
	text-transform: none;
	color: #ebc487;
}

.server__about {
	color: #fff;
}

.menu__el svg{
	margin-right: 10px;
}

.menu__list {
	grid-gap: 4rem;
	gap: 4rem;
}


.points {
		left: 0;
}
.point {
	margin: 3px 0px;
	padding: 10px 30px 10px 10px;
	transition: 0.2s;
	border-radius: 0 .625rem 2.8125rem 0;
}
.point__dot {
		margin-left: 10px;
}
.point__name {
		left:0;
		position: relative;
}

.point:hover .point__dot:before, .point_active .point__dot:before, .point_active:hover .point__dot:before {
    opacity: 1;
    /* filter: none; */
    transform: scale(0.8);
}
.point:hover{
	 background: linear-gradient(-90deg, rgba(51, 105, 155, .4) 40%, transparent);
}
.point:hover .point__name, .point_active{
  color: rgba(255,255,255, 1);
}
.point.point_active {
    background: linear-gradient(-90deg, rgba(35, 88, 142, .8) 40%, transparent);
    color: #fff;
    border-right: 5px solid #ffffff;
}
.point_active:hover .point__name {
    color: #fff; /* 931f1f */
}