.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-bnb i {
    -webkit-mask-image: url('/icons/bnb.svg');
    mask-image: url('/icons/bnb.svg');
}
.icon-usd i {
    -webkit-mask-image: url('/icons/usd.svg');
    mask-image: url('/icons/usd.svg');
}
.icon-usd i {
    -webkit-mask-image: url('/icons/usd.svg');
    mask-image: url('/icons/usd.svg');
}

.icon-usd i {
    -webkit-mask-image: url('/icons/usd.svg');
    mask-image: url('/icons/usd.svg');
}
.icon-rub i {
    -webkit-mask-image: url('/icons/rub.svg');
    mask-image: url('/icons/rub.svg');
}
.icon-kzt i {
    -webkit-mask-image: url('/icons/kzt.svg');
    mask-image: url('/icons/kzt.svg');
}
.icon-gel i {
    -webkit-mask-image: url('/icons/gel.svg');
    mask-image: url('/icons/gel.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');
}