/*Services cards*/
.service-container {
    position: relative;
}

.service-content {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    transition: opacity 0.8s ease !important;
}

.service-face {
    z-index: 1;
}

.service-content {
    z-index: 2 !important;
    opacity: 0;
    pointer-events: none;
}

.service-container.active .service-content {
    opacity: 1;
    pointer-events: auto;
}

.grid-texts a,
.grid-texts p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important;
}