.icon {
    width: 200px;
    height: 200px;
    /* background-color: #153051; */
}

.icon i {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #000000;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

/************** icon-support **************/
.icon-support i {
    -webkit-mask-image: url('/icons/support.svg');
    mask-image: url('/icons/support.svg');

}
.icon-usd i {
    -webkit-mask-image: url('/icons/usd.svg');
    mask-image: url('/icons/usd.svg');
}
.icon-chf i {
    -webkit-mask-image: url('/icons/chf.svg');
    mask-image: url('/icons/chf.svg');
}
.icon-eur i {
    -webkit-mask-image: url('/icons/eur.svg');
    mask-image: url('/icons/eur.svg');
}

.icon-cad i {
    -webkit-mask-image: url('/icons/cad.svg');
    mask-image: url('/icons/cad.svg');
}
.icon-aud i {
    -webkit-mask-image: url('/icons/aud.svg');
    mask-image: url('/icons/aud.svg');
}
.icon-nzd i {
    -webkit-mask-image: url('/icons/nzd.svg');
    mask-image: url('/icons/nzd.svg');
}
.icon-jpy i {
    -webkit-mask-image: url('/icons/jpy.svg');
    mask-image: url('/icons/jpy.svg');
}
.icon-gbp i {
    -webkit-mask-image: url('/icons/gbp.svg');
    mask-image: url('/icons/gbp.svg');
}

/************** icon-confidentiality **************/
.icon-confidentiality i {
    -webkit-mask-image: url('/icons/confidentiality.svg');
    mask-image: url('/icons/confidentiality.svg');
}

/************** icon-guarantees **************/
.icon-guarantees i {
    -webkit-mask-image: url('/icons/guarantees.svg');
    mask-image: url('/icons/guarantees.svg');
}

/************** icon-wallet **************/
.icon-wallet i {
    -webkit-mask-image: url('/icons/wallet.svg');
    mask-image: url('/icons/wallet.svg');
}