body {
    position: relative;
}

.hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;

    height: 100vh;

    .headline {
        max-width: 471px;
        margin-bottom: 18px;
    }

    .sub-headline {
        max-width: 371px;
    }

    .background-img {
        position: absolute;
        z-index: -1;
        top: 0px;
        right: 0px;
    }
}

.services .passage {
    display: flex;
    
}

.service-cards {
    display: flex;
    justify-content: space-between;
}

.service-card {
    .description {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 8px;
        max-width: 419px;
    }
}

.contact {
    .ctas {
        margin-top: 40px;
        display: flex;
        gap: 10px;
    }
}