.custom-icon {
    display: inline-block;
    width: 1.2rem;          
    height: 1.2rem;
    vertical-align: middle; 
    background-color: currentColor; 
    
    /* Standard mask properties */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}
.custom-icon2 {
    display: inline-block;
    width: 2.2rem;          
    height: 2.2rem;
    vertical-align: middle; 
    background-color: currentColor; 
    
    /* Standard mask properties */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    margin-bottom: 20px; 
}
.custom-icon3 {
    display: inline-block;
    width: 4.2rem;          
    height: 4.2rem;
    vertical-align: middle; 
    background-color: currentColor; 
    
    /* Standard mask properties */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    margin-bottom: 20px; 
}


.icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  vertical-align: -0.14em;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}

.icon-sm { font-size: 0.875em; }
.icon-lg { font-size: 1.25em; }
.icon-xl { font-size: 1.5em; }
.icon-2x { font-size: 2em; }




.iconColor1 {
    color: #00effe;
}


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

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

.icon-exit {
    -webkit-mask-image: url('icons/exit.svg');
    mask-image: url('icons/exit.svg');
}
.icon-DVK {
    -webkit-mask-image: url('icons/logoDVK.svg');
    mask-image: url('icons/logoDVK.svg');
}

.icon-ai {
    -webkit-mask-image: url('icons/ai.svg');
    mask-image: url('icons/ai.svg');
}
.icon-ai2 {
    -webkit-mask-image: url('icons/ai2.svg');
    mask-image: url('icons/ai2.svg');
}
.icon-pixelWorld {
    -webkit-mask-image: url('icons/pixelWorld.svg');
    mask-image: url('icons/pixelWorld.svg');
}
.icon-pixelSocial {
    -webkit-mask-image: url('icons/pixelSocial.svg');
    mask-image: url('icons/pixelSocial.svg');
}
.icon-pixelWork {
    -webkit-mask-image: url('icons/pixelWork.svg');
    mask-image: url('icons/pixelWork.svg');
}
.icon-pixelRocket {
    -webkit-mask-image: url('icons/pixelRocket.svg');
    mask-image: url('icons/pixelRocket.svg');
}
.icon-pixelEmail {
    -webkit-mask-image: url('icons/pixelEmail.svg');
    mask-image: url('icons/pixelEmail.svg');
}
.icon-huella {
    -webkit-mask-image: url('icons/huella.svg');
    mask-image: url('icons/huella.svg');
}
.icon-robot2 {
    -webkit-mask-image: url('icons/robot2.svg');
    mask-image: url('icons/robot2.svg');
}
.icon-chat {
    -webkit-mask-image: url('icons/chat.svg');
    mask-image: url('icons/chat.svg');
}
.icon-video {
    -webkit-mask-image: url('icons/video.svg');
    mask-image: url('icons/video.svg');
}
.icon-skull {
    -webkit-mask-image: url('icons/skull.svg');
    mask-image: url('icons/skull.svg');
}
.icon-target {
    -webkit-mask-image: url('icons/target.svg');
    mask-image: url('icons/target.svg');
}
.icon-brain {
    -webkit-mask-image: url('icons/brain.svg');
    mask-image: url('icons/brain.svg');
}
.icon-api2 {
    -webkit-mask-image: url('icons/api2.svg');
    mask-image: url('icons/api2.svg');
}
.i-cloud {
    -webkit-mask-image: url('icons/api2.svg');
    mask-image: url('icons/api2.svg');
}

.i-arrowRight {
    -webkit-mask-image: url('icons/flechaRight.svg');
    mask-image: url('icons/flechaRight.svg');
}



@media (max-width: 768px) {
    .custom-icon3 {
        width: 1.4rem;          
        height: 1.4rem;
        margin-bottom: 4px; 

    }
}