/*==================================================
=            ETALASEINFRA - HALAMAN PERUSAHAAN
==================================================*/


/*==================================================
WRAPPER
==================================================*/

.ei-company-info{

    width:100%;

    margin:0;

    padding:0;

}


/*==================================================
HEADER
==================================================*/

.ei-company-info__header{

    display:flex;

    align-items:center;

    gap:14px;

    margin:0 0 24px;

}


.ei-company-info__icon{

    width:42px;

    height:42px;

    flex:0 0 42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    background:#F3C951;

    font-size:22px;

}


.ei-company-info__title{

    margin:0;

    color:#374572;

    font-size:30px;

    font-weight:700;

    line-height:1.2;

}


/*==================================================
GRID
==================================================*/

.ei-company-info__grid{

    width:100%;

    display:grid;

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

    gap:18px;

}


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

.ei-company-info__card{

    width:100%;

    box-sizing:border-box;

    background:#F8FAFD;

    border:1px solid #DCE5F2;

    border-radius:14px;

    padding:18px 22px;

    transition:.25s;

}


.ei-company-info__card:hover{

    border-color:#F3C951;

    transform:translateY(-2px);

}


/*==================================================
LABEL
==================================================*/

.ei-company-info__label{

    color:#6B7280;

    font-size:13px;

    margin-bottom:6px;

}


/*==================================================
VALUE
==================================================*/

.ei-company-info__value{

    color:#374572;

    font-size:17px;

    font-weight:600;

    line-height:1.45;

    word-break:break-word;

}


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

@media(max-width:1024px){

.ei-company-info__grid{

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

}

}


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

@media(max-width:767px){

.ei-company-info{

    width:100%;

}

.ei-company-info__header{

    gap:10px;

    margin-bottom:16px;

}

.ei-company-info__icon{

    width:34px;

    height:34px;

    flex-basis:34px;

    font-size:18px;

}

.ei-company-info__title{

    font-size:22px;

}

.ei-company-info__grid{

    grid-template-columns:1fr;

    gap:12px;

}

.ei-company-info__card{

    width:100%;

    padding:14px 16px;

}

.ei-company-info__label{

    font-size:12px;

}

.ei-company-info__value{

    font-size:15px;

    line-height:1.35;

}

}