/* ==================================================
   HARDKING - SERVIÇOS EMPRESAS
================================================== */

.hk-servicos-empresas {

    padding: 70px 0;
    padding-top: 30px;
    padding-bottom: 70px;

    background:#f8f9fa;

}

.hk-servicos-empresas .section-title {

    text-align:center;
    max-width:900px;
    margin:0 auto 35px;

}

.hk-servicos-empresas .section-title h2 {

    font-size: 2.8rem;
    font-weight: 800;

    color: #111;

    margin-bottom: 15px;

}

.hk-servicos-empresas .section-title p {

    color: #666;

    font-size: 1.1rem;

    line-height: 1.8;

}

.hk-servicos-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}

/* ==========================================
   CARD
========================================== */

.hk-servico-card {

    background: #ffffff;

    border: 1px solid rgba(57,212,0,.15);

    border-radius: 20px;

    padding: 30px 25px;

    transition: all .3s ease;

    min-height: 180px;

}

.hk-servico-card:hover{
    transform:translateY(-8px);
    border-color:#39d400;
    box-shadow:0 20px 40px rgba(57,212,0,.15);
}

.hk-servico-icon {

    width: 75px;
    height: 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(57,212,0,.15),
            rgba(57,212,0,.05)
        );

    margin-bottom: 25px;

}

.hk-servico-icon i {

    font-size: 30px;

    color: var(--hk-primary);

}

.hk-servico-card h3 {

    font-size: 1.35rem;

    font-weight: 700;

    color: #111;

    margin-bottom: 15px;

}

.hk-servico-card p {

    color: #666;

    line-height: 1.8;

    margin: 0;

}

/* =====================================
   TÍTULO
===================================== */

.hk-servicos-title{
    position: relative;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto 40px;
    padding-top: 50px;
}

.hk-servicos-badge{

    position:absolute;

    left:0;

    top:0;

    padding:10px 22px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        rgba(57,212,0,.20),
        rgba(57,212,0,.08)
    );

    border:1px solid rgba(57,212,0,.25);

    color:#39d400;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}

.hk-servicos-title h2{

    font-size:3rem;

    font-weight:800;

    color:#111;

    margin-bottom:15px;

}

.hk-servicos-title p{

    color:#666;

    font-size:1.1rem;

    line-height:1.8;

}

/* ==========================================
   RESPONSIVO
========================================== */

@media (max-width: 1200px) {

    .hk-servicos-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width: 768px) {

    .hk-servicos-empresas {

        padding: 70px 0;

    }

    .hk-servicos-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .hk-servicos-empresas .section-title h2 {

        font-size: 2rem;

    }

    .hk-servico-card {

        padding: 25px;

    }

}