/* ==========================================================
   ETALASEINFRA CORE
   HOMEPAGE
   PERUSAHAAN TERPERCAYA
==========================================================*/


/* ==========================================================
   DESKTOP
==========================================================*/

.ei-company-home{
    width:100%;
    margin:60px 0;
}

.ei-company-home-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.ei-company-home-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0;
    color:#222;
    font-size:30px;
    font-weight:700;
}

.ei-company-home-title i{
    color:#374572;
    font-size:28px;
}

.ei-company-home-more{
    color:#374572;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.ei-company-home-more:hover{
    color:#F3C951;
}

.ei-company-home-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
}

.ei-company-card{
    display:flex;
    flex-direction:column;
    align-items:center;

    background:#fff;

    border:1px solid #E8E8E8;
    border-radius:18px;

    padding:24px 18px;

    text-align:center;
    text-decoration:none;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

    transition:.3s;
}

.ei-company-card:hover{

    transform:translateY(-6px);

    box-shadow:0 14px 32px rgba(0,0,0,.15);

}

.ei-company-logo{

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

    height:120px;

    margin-bottom:18px;

}

.ei-company-logo-img,
.ei-company-logo img{

    width:auto;
    height:auto;

    max-width:120px;
    max-height:90px;

    object-fit:contain;

}

.ei-company-content{

    display:flex;
    flex-direction:column;
    align-items:center;

}

.ei-company-name{

    color:#374572;

    font-size:18px;
    font-weight:700;

    line-height:1.5;

}

.ei-company-badge{

    margin-top:10px;

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

    padding:6px 16px;

    background:#F3C951;

    color:#374572;

    border-radius:50px;

    font-size:12px;
    font-weight:700;

}


/* ==========================================================
   TABLET
==========================================================*/

@media (max-width:1024px){

    .ei-company-home-grid{

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

    }

}


/* ==========================================================
   MOBILE
==========================================================*/

@media (max-width:767px){

    .ei-company-home{

        margin:35px 0;

    }

    .ei-company-home-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.ei-company-home-title{

    display:flex;

    align-items:center;

    flex:1;

    min-width:0;

    gap:8px;

    font-size:18px;

    font-weight:700;

    line-height:1.3;

}

.ei-company-home-title i{

    flex:0 0 auto;

    font-size:18px;

}

.ei-company-home-more{

    flex:0 0 auto;

    white-space:nowrap;

    font-size:12px;

}

    .ei-company-home-grid{

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

        gap:14px;

    }

    .ei-company-card{

        min-height:185px;

        padding:16px 10px;

        border-radius:14px;

    }

    .ei-company-logo{

        height:70px;

        margin-bottom:10px;

    }

    .ei-company-logo-img,
    .ei-company-logo img{

        max-width:85px;
        max-height:60px;

    }

    .ei-company-name{

    color:#374572;

    font-size:12px;

    font-weight:700;

    line-height:1.4;

    text-align:center;

}

    .ei-company-badge{

        margin-top:8px;

        padding:5px 14px;

        font-size:10px;

    }

}