.ticket-info-card__title{
    display:flex;
    align-items:center;
    gap:.55rem;
}

.ticket-info-card__icon{
    color:#152D75;
    font-size:1rem;
    line-height:1;
}

.ticket-info-card__content{
    color:#555;
}

.ticket-attributes{
    margin:0 0 1.5rem 0;
}

.ticket-attributes__title{
    display:flex;
    align-items:center;
    color:#152D75;
    font-weight:700;
}

.ticket-attributes__group{
    padding-top:1rem;
    margin-top:1rem;
    border-top:1px solid #edf0f5;
}

.ticket-attributes__group:first-of-type{
    padding-top:0;
    margin-top:0;
    border-top:0;
}

.ticket-attributes__group-head{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:.65rem;
}

.ticket-attributes__group-icon{
    color:#152D75;
    font-size:1rem;
    line-height:1;
}

.ticket-attributes__group-title{
    font-size:.95rem;
    line-height:1.3;
    font-weight:700;
    color:#263238;
    margin:0 0 .65rem 0;
}

.ticket-attributes__group-head .ticket-attributes__group-title{
    margin:0;
}

.ticket-attributes__badges{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
}

.ticket-attributes__badge{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.5rem .8rem;
    border:1px solid #dde4f0;
    border-radius:999px;
    background:#f8f9fc;
    color:#263238;
    font-size:.88rem;
    font-weight:500;
    line-height:1.2;
}

.ticket-attributes__badge-icon{
    color:#152D75;
    font-size:.95rem;
    line-height:1;
    flex:0 0 auto;
}

.ticket-attributes__badge-value{
    color:#5f6c7b;
    font-weight:400;
}

.ticket-attributes__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1rem;
    margin-bottom:1.5rem;
}

.ticket-attributes__mini-card{
    border:1px solid #dde4f0;
    border-radius:1rem;
    background:#fff;
    padding:1rem;
}

.ticket-attributes__list{
    list-style:none;
    padding:0;
    margin:0;
}

.ticket-attributes__item{
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    padding:.3rem 0;
}

.ticket-attributes__item-icon{
    color:#152D75;
    margin-top:.15rem;
    flex:0 0 auto;
}

@media (max-width: 575.98px){
    .ticket-attributes__badge{
        width:100%;
        border-radius:.75rem;
    }
}