.services-item {
    gap: 5rem;
    padding: 4rem 3rem;
    transition: 0.3s ease;
}

.services-item__inner {
    gap: 2rem;
}

.services-item__header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.services-item__icon {
    flex: 0 0 auto;
    width: 4rem;
    opacity: 0;
    transition: 0.3s;
}

.services-item:hover .services-item__icon {
    opacity: 1;
}

.services-item__text {
    color: var(--color-default);
}

.services-item__list {
    gap: 1.5rem;
}

.services-item__list .services-item__list-item {
    margin: 0;
}

@media screen and (max-width: 575.9px) {
    .services-item {
        gap: 4.5rem;
        padding: 2rem 2.5rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    .services-item:hover {
        translate: 0 -2.5%;
    }
}