/* Custom Icons CSS */
.skill-card i, 
.skill-card i.fas, 
.skill-card i.fab {
    display: none !important; /* Hide Font Awesome icons */
}

/* SVG Icon styles - using direct class selectors for better compatibility */
.skill-card {
    position: relative;
    padding-top: 80px !important; /* Reduced from 100px to fix spacing */
    background-repeat: no-repeat;
    background-position: center 20px; /* Adjusted from 30px to move up slightly */
    background-size: 60px 60px;
}

/* Ensure no duplicate backgrounds */
.skill-card::before,
.skill-card::after {
    display: none !important;
}

/* CNC Programming */
.skill-card:nth-of-type(1) {
    background-image: url('../images/icons/drafting-compass.svg');
}

/* 3D Modeling */
.skill-card:nth-of-type(2) {
    background-image: url('../images/icons/cube.svg');
}

/* Python Scripting */
.skill-card:nth-of-type(3) {
    background-image: url('../images/icons/code.svg');
}

/* Digital Art */
.skill-card:nth-of-type(4) {
    background-image: url('../images/icons/palette.svg');
}

/* 3D Printing */
.skill-card:nth-of-type(5) {
    background-image: url('../images/icons/print.svg');
}

/* Image Alchemy */
.skill-card:nth-of-type(6) {
    background-image: url('../images/icons/magic.svg');
}

/* Web Design */
.skill-card:nth-of-type(7) {
    background-image: url('../images/icons/laptop-code.svg');
}

/* Graphic Design */
.skill-card:nth-of-type(8) {
    background-image: url('../images/icons/object-group.svg');
}

/* Accounting */
.skill-card:nth-of-type(9) {
    background-image: url('../images/icons/file-invoice-dollar.svg');
}

/* AI Applications */
.skill-card:nth-of-type(10) {
    background-image: url('../images/icons/brain.svg');
}

/* Digital Wellbeing */
.skill-card:nth-of-type(11) {
    background-image: url("../images/icons/balance-scale.svg");
}

/* Security Services */
.skill-card:nth-of-type(12) {
    background-image: url("../images/icons/shield-alt.svg");
}

/* Rig Shop (fallback for nth-of-type) */
.skill-card:nth-of-type(13) {
    background-image: url("../images/icons/desktop.svg");
}
/* Rig Shop */
.skill-card.rig-shop {
    background-image: url('../images/icons/desktop.svg');
}

/* Home Watch (fallback for nth-of-type) */
.skill-card:nth-of-type(14) {
    background-image: url("../images/icons/camera.svg");
}
/* Home Watch */
.skill-card.home-watch {
    background-image: url('../images/icons/camera.svg');
}

/* Full Stack Developer (fallback for nth-of-type) */
.skill-card:nth-of-type(15) {
    background-image: url("../images/icons/layers-code.svg");
}
/* Full Stack Developer */
.skill-card.fullstack {
    background-image: url('../images/icons/layers-code.svg');
}

/* Crypto Trading Bots */
.skill-card.crypto-trading-bots {
    background-image: url('../images/icons/bitcoin-chart.svg');
}

/* Fix for mobile devices */
@media (max-width: 767px) {
    .skill-card {
        background-position: center 15px !important;
        background-size: 40px 40px !important;
        padding-top: 70px !important;
    }
    
    /* Add spacing to prevent text overlap with background icon */
    .skill-card h3 {
        margin-top: 0 !important;
    }
}

/* Additional fixes for very small screens */
@media (max-width: 480px) {
    .skill-card {
        background-position: center 10px !important;
        background-size: 30px 30px !important;
        padding-top: 50px !important;
    }
}

/* Real mobile device specific fixes */
.real-mobile-device .skill-card {
    background-position: center 10px !important;
    background-size: 35px 35px !important;
    padding-top: 55px !important;
}