.svg-icon {
    display: inline-block;
    
    -webkit-mask-image: var(--svg-icon);
    mask-image: var(--svg-icon);

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}
.svg24{
    width: 24px;
    height: 24px;
}
.svg32{
    width: 32px;
    height: 32px;
}
.svg48{
    width: 48px;
    height: 48px;
}
.svg64{
    width: 64px;
    height: 64px;
}

.svg128{
    width: 128px;
    height: 128px;
}

.svg-putih {
    background-color: #ffffff;
}

.svg-icon-logo {
    --svg-icon: url('icons/logo.svg');
    background-color: #E2D0C0;
    width: 127px;
    height: 56px;
}

.svg-teal {
    background-color: #27585f;
}
.svg-icon-file {
    --svg-icon: url('icons/file.svg');
}

.svg-icon-server {
    --svg-icon: url('icons/server.svg');
}

.svg-icon-email-server {
    --svg-icon: url('icons/email_server.svg');
}
.svg-icon-web-server {
    --svg-icon: url('icons/web_server.svg');
}

.svg-icon-dashboard {
    --svg-icon: url('icons/dashboard.svg');
}

.svg-icon-rocket {
    --svg-icon: url('icons/rocket.svg');
}

.svg-icon-security {
    --svg-icon: url('icons/security.svg');
}

.svg-icon-checkmark {
    --svg-icon: url('icons/checkmark.svg');
}

.svg-icon-coding {
    --svg-icon: url('icons/coding.svg');
}

.svg-icon-maintenance {
    --svg-icon: url('icons/maintenance.svg');
}

.svg-icon-solutions {
    --svg-icon: url('icons/solutions.svg');
}

.svg-icon-complexity {
    --svg-icon: url('icons/complexity.svg');
}

.svg-icon-internet-security {
    --svg-icon: url('icons/internet_security.svg');
}

.svg-icon-talk {
    --svg-icon: url('icons/talk.svg');
}

.svg-icon-chip {
    --svg-icon: url('icons/chip.svg');
}

.svg-icon-facing {
    --svg-icon: url('icons/facing.svg');
}

.svg-icon-agreement {
    --svg-icon: url('icons/agreement.svg');
}

.svg-icon-consideration {
    --svg-icon: url('icons/consideration.svg');
}

.svg-icon-work {
    --svg-icon: url('icons/work.svg');
}

.svg-icon-cs {
    --svg-icon: url('icons/cs.svg');
}

.svg-icon-review {
    --svg-icon: url('icons/review.svg');
}

.svg-icon-website {
    --svg-icon: url('icons/website.svg');
}

.svg-icon-cloud_app {
    --svg-icon: url('icons/cloud_app.svg');
}

.svg-icon-cloud_data {
    --svg-icon: url('icons/cloud_data.svg');
}

.svg-icon-enhancement {
    --svg-icon: url('icons/enhancement.svg');
}

.svg-icon-phone {
    --svg-icon: url('icons/phone.svg');
}

.svg-icon-best {
    --svg-icon: url('icons/best.svg');
}

.svg-icon-location {
    --svg-icon: url('icons/location.svg');
}

.svg-icon-training {
    --svg-icon: url('icons/training.svg');
}

.svg-icon-sustainable {
    --svg-icon: url('icons/sustainable.svg');
}

.svg-icon-rating {
    --svg-icon: url('icons/rating.svg');
}

.svg-icon-email_support {
    --svg-icon: url('icons/email_support.svg');
}

.svg-icon-help {
    --svg-icon: url('icons/help.svg');
}

.svg-icon-solutions {
    --svg-icon: url('icons/solutions.svg');
}

.svg-icon-networking {
    --svg-icon: url('icons/network.svg');
}

.svg-icon-email-at {
    --svg-icon: url('icons/email_at.svg');
}

.svg-icon-check {
    --svg-icon: url('icons/check.svg');
}

.svg-icon-uncheck {
    --svg-icon: url('icons/uncheck.svg');
}