.protection-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/data-protection-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/data-protection-icon.svg") no-repeat center / contain;
}

.ai-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/artificial-intelligence-ai-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/artificial-intelligence-ai-icon.svg") no-repeat center / contain;
}

.technology-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/technology-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/technology-icon.svg") no-repeat center / contain;
}

.webservice-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/web-service-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/web-service-icon.svg") no-repeat center / contain;
}

.operations-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/operations-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/operations-icon.svg") no-repeat center / contain;
}

.it-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/information-technology-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/information-technology-icon.svg") no-repeat center / contain;
}



.analytics-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/data-analytics-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/data-analytics-icon.svg") no-repeat center / contain;
}

.banalytics-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/business-analytics-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/business-analytics-icon.svg") no-repeat center / contain;
}

.server-svg {
    min-width: 100px;
    min-height: 100px;
    background-color: #636d74;
    mask: url("../img/icons/server-setting-icon.svg") no-repeat center / contain;
    -webkit-mask: url("../img/icons/server-setting-icon.svg") no-repeat center / contain;
}