.svg-alarm:before{
    content: '';
    mask: url("../images/svg/alarm (2).svg") no-repeat;
    -webkit-mask: url("../images/svg/alarm (2).svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-carcrash:before{
    content: '';
    mask: url("../images/svg/car-crash.svg") no-repeat;
    -webkit-mask: url("../images/svg/car-crash.svg") no-repeat;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
}

.svg-pistol:before{
    content: '';
    mask: url("../images/svg/gun.svg") no-repeat;
    -webkit-mask: url("../images/svg/gun.svg") no-repeat;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
}

.svg-message:before{
    content: '';
    mask: url("../images/svg/message.svg") no-repeat;
    -webkit-mask: url("../images/svg/message.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-three-pin:before{
    content: '';
    mask: url("../images/svg/placeholder-three.svg") no-repeat;
    -webkit-mask: url("../images/svg/placeholder-three.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-color-code:before{
    content: '';
    mask: url("../images/svg/code-couleur.svg") no-repeat;
    -webkit-mask: url("../images/svg/code-couleur.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-geometrics:before{
    content: '';
    mask: url("../images/svg/code-forme.svg") no-repeat;
    -webkit-mask: url("../images/svg/code-forme.svg") no-repeat;
    display: block;
    width: 100px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
    position: relative;
    top: 10px;
}

.svg-global:before{
    content: '';
    mask: url("../images/svg/geolocation.svg") no-repeat;
    -webkit-mask: url("../images/svg/geolocation.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-communication:before{
    content: '';
    mask: url("../images/svg/conversation.svg") no-repeat;
    -webkit-mask: url("../images/svg/conversation.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-phone:before{
    content: '';
    mask: url("../images/svg/smartphone.svg") no-repeat;
    -webkit-mask: url("../images/svg/smartphone.svg") no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #be131b;
    margin: 0 auto;
}

.svg-pin:before{
    content: '';
    mask: url("../images/svg/placeholder.svg") no-repeat;
    -webkit-mask: url("../images/svg/placeholder.svg") no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #be131b;
    position: relative;
    top: -35px;
}

.svg-simple-phone:before{
    content: '';
    mask: url("../images/svg/smartphone (1).svg") no-repeat;
    -webkit-mask: url("../images/svg/smartphone (1).svg") no-repeat;
    display: inline-block;
    width: 30px;
    height: 21px;
    background-color: #be131b;
    position: relative;
    top: 5px;
}