.service_layout{
    display: flex;
    flex-direction: column;
}

.service_layout .image{
    aspect-ratio: 9 / 10;
    position: relative; isolation: isolate;
    display: flex;
    padding: var(--grid-margin);
    margin-bottom: 1rem;
    overflow: clip;
}

.service_layout .image img{
    position: absolute;
    object-fit: cover;
    z-index: -1;
    width: 100%; height: 100%;
    top: 0; left: 0;
}

.service_layout .image .pk-button{
    color: #fff;
    margin-top: auto;
}

.service_layout .text{
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.service_layout .text > span{
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center;
}

.service_layout .text > span .icon{
    width: 1.25rem; height: 1.25rem;
    background-color: currentColor;
}

.service_layout .location .icon{
    mask: url(../../../../../uploads/green-oaks/icons/location.svg) no-repeat center / contain;
    -webkit-mask: url(../../../../../uploads/green-oaks/icons/location.svg) no-repeat center / contain;
}

.service_layout .surface .icon{
    mask: url(../../../../../uploads/green-oaks/icons/surface.svg) no-repeat center / contain;
    -webkit-mask: url(../../../../../uploads/green-oaks/icons/surface.svg) no-repeat center / contain;
}

.service_layout .style .icon{
    mask: url(../../../../../uploads/green-oaks/icons/style.svg) no-repeat center / contain;
    -webkit-mask: url(../../../../../uploads/green-oaks/icons/style.svg) no-repeat center / contain;
}