.service-img-wrap img {
    width:100%;
}

.service-desc {
    background:var(--red);
    color:white;
    text-align:center;
    font-weight:400;
}

.highlight-box {
    padding: 1rem 1.5rem;
    background: #f2edff;
}

.service-comp-wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    overflow: scroll;
}

.service-comp-wrapper > div {
    padding:.75rem;
}

.service-comp-row-title {
    width: 9rem;
}

.service-comp-title {
    background: #eeeeee;
    font-weight: 400;
}

.service-comp-row-title {
    font-weight: 500;
}

.service-comp-row-title.gfe {
    color: var(--violet);
}

.service-comp-cell.gfe span {
    color: var(--violet);
}

.warning-msg {
    display: flex;
    align-items: self-end;
    column-gap: 0.5rem;
    color: var(--red);
    
}

.warning-msg .material-icons {
    font-size: 1.3rem;
}