/*
 * DataQube - Service Finatic
 * Preserve the original Finatic card/image/item-info/button styling.
 * Only normalize the inner service list to a compact single-column UL/LI layout.
 */

.finatic-services.gird-layout .item .item-info {
    bottom:6px !important;
}


.service-finatic .item-info {
    padding:20px;
    opacity: 0.97 !important;
}


@media (min-width:768px)
{

    .service-finatic .item-info
    {
        min-height:290px !important;
    }
}


.service-finatic .item-info > h3 {
    margin:0 !important;
    margin-bottom:10px !important;
    padding:0 !important;
    font-weight:bold !important;

}

/* One full-width list, no Bootstrap/theme column behavior. */
.service-finatic .finatic-service-items {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    
}

/* Each service item is one compact row. */
.service-finatic .finatic-service-items > li {
    display: flex !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
    border:0 !important;
    align-items: flex-start !important;
}

/* Remove the original 2-column text width and large paragraph spacing. */
.service-finatic .finatic-service-items > li > p {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size:14px !important;
}

/* Keep optional icons/images compact and aligned with the text. */
.service-finatic .finatic-service-items > li > i,
.service-finatic .finatic-service-items > li > img {
    flex: 0 0 auto !important;
    margin-top: 2px !important;
    font-size:14px !important;
}


.finatic-services .item .item-info .finatic-service-items > li i {
    color:#9a0000 !important;
}


.finatic-services .item .item-info .sppb-btn {
    color:#222 !important;
}

.finatic-services .item .item-info .sppb-btn:hover,
.finatic-services .item .item-info .sppb-btn:focus {
     color:#9a0000 !important;
}


/* Do not alter .item-info positioning/padding or the original .sppb-btn-link styling. */