.container-cards{
    position: absolute;
    z-index: 500;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
    justify-content: center;
    align-items: center;
}
.container-cards.active{
    display: flex;
}
.container-cards > div{
    background-color: #fff;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    border-radius: 2vw;
    width: 80%;
    border: none;
}
.container-cards > div > span{
    display:block;
    text-align:center;
    font-size:5vw;
    border-bottom: 1px solid #d2d2d2;
    padding: 2vw;
    position:relative;;
}
.container-cards > div > span > i{
    position:absolute;
    right:2vw;
}
.container-cards > div > ul{
    list-style:none;

}
.container-cards > div > ul > li{
    display:flex;
    align-items:center;
    padding:2.5vw 5vw;
    border-bottom:1px solid #ddd;
}
.container-cards > div > a{
    display:block;
    text-align:center;
    color:#137ae2;
    /* margin: 5vw 0 1vw; */
    font-size:4vw;
    padding: 5vw;
}
.container-cards > div > ul > li > img{
    margin-right:5vw;
}
.container-cards > div > ul > li > p:before{
    content:"****";
}
.container-cards > div > ul > li > p:empty{
    background-color:#e2e2e2;
    color:#e2e2e2;
    width:14vw
}