/**
============================================================
EMZO Indicators
============================================================
*/

.emzo-indicators{

    position:relative;

    margin-top:-58px;

    z-index:20;

}

.emzo-indicators .emzo-container{

    background:#102131;

    border-radius:20px;

    padding:1.15rem 2rem;

    box-shadow:0 14px 35px rgba(0,0,0,.18);

}

/*==========================================================
ITEM
==========================================================*/

.emzo-indicator{

    display:flex;

    align-items:center;

    gap:16px;

    position:relative;

    padding:.35rem .25rem;

}

/*==========================================================
ICONO
==========================================================*/

.emzo-indicator-icon{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:12px;

    background:rgba(245,130,32,.08);

    flex-shrink:0;

}

.emzo-indicator-icon i{

    font-size:1.35rem;

    color:var(--emzo-primary);

}

/*==========================================================
CONTENIDO
==========================================================*/

.emzo-indicator-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.emzo-indicator-number{

    margin:0;

    font-size:2rem;

    line-height:1;

    font-weight:700;

    color:#ffffff;

}

.emzo-indicator-text{

    margin-top:.20rem;

    font-size:.92rem;

    color:rgba(255,255,255,.72);

    line-height:1.45;

}

/*==========================================================
Separadores
==========================================================*/

.emzo-indicators .col-lg-3{

    position:relative;

}

.emzo-indicators .col-lg-3:not(:last-child)::after{

    content:"";

    position:absolute;

    top:50%;

    right:0;

    width:1px;

    height:42px;

    transform:translateY(-50%);

    background:rgba(255,255,255,.08);

}

/*==========================================================
Responsive
==========================================================*/

@media(max-width:991px){

    .emzo-indicators{

        margin-top:-35px;

    }

    .emzo-indicators .emzo-container{

        padding:1.25rem;

    }

    .emzo-indicators .col-lg-3::after{

        display:none;

    }

    .emzo-indicator{

        padding:.85rem 0;

    }

}