#services {padding:60px 0 80px;}
.services__card { }
.services__card svg {margin-bottom:25px; }

#agencies {padding:60px 0 80px;}
#agencies .agencies__card b {display:block;font-size:42px;width:46px;height:46px;text-align:center;line-height:40px;margin-bottom:15px;border:2px solid #587DA2;color:#587DA2;border-radius:50%;}

.expertise__card b svg {fill:#587DA2;height:42px;display:block;margin-bottom:15px;}

#projects .projects__card {position:relative;}
#projects .projects__card a {display:flex;
    flex-direction: column;
    text-align:right;
    box-sizing: border-box;        
    justify-content: end;
    align-items: end;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    position: relative;
    border:1px solid #fff;}
#projects .projects__card a:hover:before {
    background: #0009;
}
#projects .projects__card a:before {
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    display: block;
    content: '';
    background: #0002;
    z-index:1;
}
#projects .projects__card a span {
    position: absolute;
    z-index:2;
    background: #000c;
    padding:15px;
}