/* ================= TECH LOGO GRID ================= */
.tech-logo-card{
    background:#ffffff;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    transition:all .4s ease;
}

.tech-logo-card i{
    font-size:48px;
    margin-bottom:15px;
    transition:.4s ease;
}

.tech-logo-card h6{
    font-weight:700;
    font-size:15px;
    margin:0;
    color:#0f172a;
}

.tech-logo-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,0.15);
}

.tech-logo-card:hover i{
    transform:scale(1.1);
}

/* Brand colors */
.tech-angular{color:#dd0031;}
.tech-react{color:#61dafb;}
.tech-node{color:#3c873a;}
.tech-java{color:#f89820;}
.tech-php{color:#777bb4;}
.tech-mysql{color:#00618a;}
.tech-cloud{color:#0dcaf0;}
.tech-api{color:#198754;}



/* ================= TECHNOLOGY BRAND COLORS ================= */

.tech-db{color:#00618a;}

.tech-android{color:#3ddc84;}
.tech-ios{color:#000000;}
.tech-native{color:#ff5722;}
.tech-hybrid{color:#673ab7;}

/* ================= INTEGRATION ICON COLORS ================= */
.int-payment{color:#4caf50;}
.int-email{color:#0d6efd;}
.int-whatsapp{color:#25d366;}
.int-api{color:#ff9800;}

.tech-logo-card i,
.integration-card i{
    font-size:46px;
    margin-bottom:15px;
}

.integration-card{
    background:#ffffff;
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    transition:.4s ease;
}

.integration-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,0.15);
}