.node.node--type-service.clearfix::after { display: none; }

/*-------------TEASER-------------*/
.node.node--type-service.node--view-mode-teaser {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    border-radius: 22px;
    box-shadow: 0 4px 280px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.1s ease;
    outline-color: rgba(7, 105, 158, 0.4);
}
.node.node--type-service.node--view-mode-teaser:hover {
    box-shadow: 0 8px 26px 0 rgba(0, 0, 0, 0.2);
    outline: 1px solid rgba(7, 105, 158, 0.4);
}

.node.node--type-service.node--view-mode-teaser .field.field--name-field-image { border-radius: 20px; overflow: hidden; }
.node.node--type-service.node--view-mode-teaser .field.field--name-field-image img { width: 100%; height: auto; object-fit: cover; transition: all 0.4s ease; }
.node.node--type-service.node--view-mode-teaser .field.field--name-field-image:hover img { scale: 1.1; }

.node.node--type-service.node--view-mode-teaser .field.field--name-node-title { font: 400 22px var(--font-family); text-align: center; }
/*--------------------------------*/

/*--------------FULL--------------*/
.node.node--type-service.node--view-mode-full { display: flex; flex-direction: row; gap: 24px; }
.node.node--type-service.node--view-mode-full .group-left { width: 35%; }
.node.node--type-service.node--view-mode-full .group-right { width: 65%; }

.node.node--type-service.node--view-mode-full .group-left .field.field--name-field-image { border-radius: 20px; overflow: hidden; }
.node.node--type-service.node--view-mode-full .group-left .field.field--name-field-image img { width: 100%; height: auto; object-fit: cover;}

.node.node--type-service.node--view-mode-full .group-right .field.field--name-field-select-category { font: 400 18px var(--font-family); margin-bottom: 16px; }
.node.node--type-service.node--view-mode-full .group-right .field.field--name-field-select-category .field__label { font-size: 14px; opacity: 0.7; }
@media screen and (max-width: 576px) {
    .node.node--type-service.node--view-mode-full { flex-direction: column; }
    .node.node--type-service.node--view-mode-full .group-left, 
    .node.node--type-service.node--view-mode-full .group-right { width: 100%; }
}
/*--------------------------------*/