.block-sistemas .control-position {
position: relative;
}
.block-sistemas .image {
z-index: 1;
position: relative;
}
.block-sistemas .single-point {
position: absolute;
z-index: 2;
display: flex;
gap: 10px;
text-decoration:none !important
}
.block-sistemas .circle {
border: 1px solid white;
width: 44px;
height: 44px;
border-radius: 999em;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease;
}
.block-sistemas .circle .circle-in {
background-color: #ededed;
border-radius: 999em;
width: 70%;
height: 70%;
transition: 0.3s ease;
}
.block-sistemas .circle:hover {
cursor: pointer;
}
.block-sistemas .circle:hover > .circle-in {
width: 100%;
height: 100%;
}
.block-sistemas .single-point .texto {
background-color: rgba(255, 255, 255, 0.75);
border-bottom: none !important;
padding: 10px;
margin: 0; height: 40px; display: flex;
align-items: center; }
.block-sistemas .single-point .texto p {
color: var(--color-grey-dark);
font-size: 17px;
margin: 0;
}
.block-sistemas .single-point .texto:hover p,
.block-sistemas .single-point .texto:hover p a {
font-size: 19px; } @media only screen and (max-width: 575px) {
.block-sistemas .circle {
width: 20px;
height: 20px;
}
.block-sistemas .single-point .texto {
padding: 5px; height: auto; }
.block-sistemas .single-point .texto p a {
font-size: 10px; }
.block-sistemas .single-point .texto:hover p,
.block-sistemas .single-point .texto:hover p a {
font-size: 12px; }
}