.service-gateway-list__simple {
    background: var(--ehu-colors-neutral-light)
}

.service-gateway-list__simple-list li a:visited {
    color: var(--ehu-colors-primary-dark)
}

.service-gateway-list__simple a:visited {
    color: var(--ehu-colors-neutral-white)
}

.service-gateway-list__simple-heading {
    font-size: 1.4rem;
    background: var(--ehu-colors-primary);
    color: var(--ehu-colors-neutral-white);
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1.5rem;
    text-decoration: none;
    transition: background-color .3s ease-in-out;
    gap: .75rem
}

.service-gateway-list__simple-heading:hover {
    background-color: var(--ehu-colors-primary-light);
    color: var(--ehu-colors-neutral-white)
}

.service-gateway-list__simple-list li {
    margin: 0
}

.service-gateway-list__simple-content {
    padding: .5rem 1.5rem 1.5rem
}

.service-gateway-list__simple-all-categories {
    margin-left: auto
}

.service-gateway-list__detailed-row {
    margin-bottom: 2rem
}

.service-gateway-list__heading {
    background-color: var(--ehu-colors-primary);
    margin-bottom: 1rem
}

.service-gateway-list__heading a {
    display: flex;
    color: var(--ehu-colors-neutral-white);
    text-decoration: none;
    justify-content: space-between;
    font-size: 1.5rem;
    align-items: center;
    transition: background-color .3s ease-in-out;
    padding: .75rem 1.5rem
}

.service-gateway-list__heading a:hover {
    background-color: var(--ehu-colors-primary-light)
}

.service-gateway-list__heading-text,
.service-gateway-list__heading a span {
    color: var(--ehu-colors-neutral-white)
}

.service-gateway-list__heading-text {
    display: flex;
    gap: 1rem;
    align-items: center
}

.service-gateway-list__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: .5rem;
    margin: 1.5rem 0
}

.service-gateway-list__grid a {
    padding: 1rem .5rem .5rem;
    background-color: var(--ehu-colors-neutral);
    text-decoration: none;
    color: var(--ehu-colors-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    transition: background-color .3s ease-in-out
}

.service-gateway-list__grid a:hover {
    background-color: var(--ehu-colors-neutral-light);
    color: var(--ehu-colors-primary)
}

.service-gateway-list__item {
    text-align: center
}

.service-gateway-list__icon {
    font-size: 2rem
}

.service-gateway-list__title {
    font-size: 1rem;
    font-weight: 400
}

.service-gateway-list__icon i.fa-solid,
.service-gateway-list__icon i.fas {
    font-weight: 400;
    font-size: 2rem;
    padding: 1rem 0
}

/*# sourceMappingURL=ehu-service-gateway-list.css.map*/