/*-----------------TEASER-ON-FRONT-----------------*/
.view.view-services .view-content .views-row:nth-child(2n) .node.node--type-services.node--view-mode-teaser { flex-direction: row-reverse; }
.node.node--type-services.node--view-mode-teaser { display: flex; }
.node.node--type-services.node--view-mode-teaser > div { width: 50%; }
.node.node--type-services.node--view-mode-teaser .group-right { position: relative; height: min-content; }
.node.node--type-services.node--view-mode-teaser .group-right .field.field--name-field-image { border-radius: 30px; overflow: hidden; }
.node.node--type-services.node--view-mode-teaser .group-right .field.field--name-field-image:hover img { scale: 1.1; }
.node.node--type-services.node--view-mode-teaser .group-right .field.field--name-field-image img { transition: all 0.4s ease; }
.node.node--type-services.node--view-mode-teaser .group-right .field.field--name-node-link { position: absolute; bottom: 26px; left: 30px; }

.node.node--type-services.node--view-mode-teaser .group-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    padding: 0px 39px;
}
.node.node--type-services.node--view-mode-teaser .group-left .field.field--name-node-title { font: 400 40px var(--font-family); text-transform: uppercase; }
.node.node--type-services.node--view-mode-teaser .group-left .field.field--name-body  { font: 400 20px var(--font-family); }
.node.node--type-services.node--view-mode-teaser .group-left .field .link-more { display: none; }
/*-------------------------------------------------*/

.node.node--type-services.node--view-mode-full { display: flex; flex-direction: row; gap: 20px; }
.node.node--type-services.node--view-mode-full .group_left { width: 65%; }
.node.node--type-services.node--view-mode-full .group_left .field.field--name-field-image { overflow: hidden; border-radius: 10px; }
.node.node--type-services.node--view-mode-full .group_right { width: 100%; }

@media screen and (max-width: 992px) {
    .node.node--type-services.node--view-mode-teaser .group-left .field.field--name-node-title { font-size: 32px; }
    .node.node--type-services.node--view-mode-teaser .group-left .field.field--name-body,
    .view.view-services .view-content .views-row:last-of-type .node.node--type-services.node--view-mode-teaser .group-left .field .link-more { font-size: 16px; }
}
@media screen and (max-width: 767px) {
    .view.view-services .view-content .views-row:nth-child(2n) .node.node--type-services.node--view-mode-teaser { flex-direction: column; }
    .node.node--type-services.node--view-mode-teaser .group-left .field.field--name-node-title { font-size: 28px; }
    .node.node--type-services.node--view-mode-teaser { flex-direction: column; gap: 12px; }
    .node.node--type-services.node--view-mode-teaser > div { width: 100%; }
    .node.node--type-services.node--view-mode-teaser .group-right .field.field--name-field-image { max-height: 250px; }

    .node.node--type-services.node--view-mode-full { flex-direction: column; }
    .node.node--type-services.node--view-mode-full .group_left { width: 100%; }
    .node.node--type-services.node--view-mode-full .group_left .field.field--name-field-image img { max-height: 300px; object-fit: cover; }
}