.service-item {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.service-item > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.service-item-image {
    width: 510px;
    height: 340px;
    padding: 20px;
}

.service-item .service-item-attributes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


/* Preview */
.service-preview {
    display: flex;
    flex-direction: column;
}


.page-body-content .section-content .service-preview--full {
    gap: 90px;
    flex-direction: row;
}

.page-body-content:nth-child(2n) .section-content .service-preview--full {
    flex-direction: row-reverse;
}

@media (max-width: 1184px) {
    .page-body-content .section-content .service-preview--full,
    .page-body-content:nth-child(2n) .section-content .service-preview--full {
        flex-direction: column;
    }
}

.page-body-content .service-preview--full > div {
    gap: 30px;
    width: 100%;
    height: 100%;
    align-items: start;
}

.service-preview-image {
    display: flex;
    height: 212px;
    width: 312px;
}

.page-body-content .service-preview--full .service-preview-image {
    height: auto;
    width: 400px;
    justify-content: end;
    flex: unset;
}

.service-preview-image img {
    width: 100%;
    height: auto;
}

@media (max-width: 1184px) {
    .page-body-content .service-preview--full .service-preview-image,
    .service-preview-image img {
        width: 100%;
    }
}

.service-preview-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.service-preview-title {
    font-size: 20px
}

.service-preview-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


@media (max-width: 1184px) {
    .service-preview-image {
        min-width: 288px;
        min-height: 120px;
    }
}