.jobs_hero_home-layout {
    position: relative;
    overflow: hidden;
    background-color: var(--avoord-purple);
    padding-block: max(8rem, calc(9 * var(--su))) max(3rem, calc(5 * var(--su)));
    display: flex;
    align-items: flex-end;
    border-radius: var(--border-radius-md);
    --pk-heading-color: var(--avoord-white);
    --pk-text-color: var(--avoord-white);
}

.jobs_hero_home-layout .jobs_hero_home-media,
.jobs_hero_home-layout .jobs_hero_home-overlay {
    position: absolute;
    inset: 0;
}

.jobs_hero_home-layout .jobs_hero_home-media {
    z-index: 0;
}

.jobs_hero_home-layout .jobs_hero_home-video,
.jobs_hero_home-layout .jobs_hero_home-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.jobs_hero_home-layout .jobs_hero_home-overlay {
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(64deg, rgba(115, 28, 103, 0.50) -19.89%, rgba(115, 28, 103, 0.00) 68.03%),
        linear-gradient(47deg, rgba(0, 0, 0, 0.40) 36.47%, rgba(0, 0, 0, 0.00) 72.86%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.jobs_hero_home-layout .jobs_hero_home-shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 38%;
    z-index: 1;
    line-height: 0;
    pointer-events: none;
}

.jobs_hero_home-layout .jobs_hero_home-shape svg {
    width: 100%;
    height: 100%;
    display: block;
}

.jobs_hero_home-layout .jobs_hero_home-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    align-items: center;
    padding-top: max(1rem, calc(7.5 * var(--su)));
}

.jobs_hero_home-layout .jobs_hero_home-content {
    color: var(--avoord-white);
}

.jobs_hero_home-layout .jobs_hero_home-content .pk-heading h1 {
    font-size: var(--scaling-h1);
}

.jobs_hero_home-layout .jobs_hero_home-content .heading-wrapper .highlight {
    color: var(--avoord-neon-purple);
}

.jobs_hero_home-layout .jobs_hero_home-cardwrap {
    position: relative;
}

.jobs_hero_home-layout .jobs_hero_home-flower,
.jobs_hero_home-layout .jobs_hero_home-star {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    height: auto;
}

.jobs_hero_home-layout .jobs_hero_home-flower {
    z-index: 1;
    width: max(7rem, calc(11 * var(--su)));
    top: calc(-5 * var(--su));
    right: calc(-4 * var(--su));
    color: var(--avoord-orange);
}

.jobs_hero_home-layout .jobs_hero_home-star {
    width: max(7rem, calc(7 * var(--su)));
    top: calc(-7.5 * var(--su));
    left: calc(6 * var(--su));
    color: var(--avoord-neon-purple);
}

.jobs_hero_home-layout .jobs_hero_home-card {
    position: relative;
    z-index: 1;
    background-color: var(--avoord-purple);
    border-radius: var(--border-radius);
    padding: max(1.5rem, calc(3.5 * var(--su))) max(1.5rem, calc(3 * var(--su)));
    margin-bottom: 0;
}

.jobs_hero_home-layout .jobs_hero_home-card-title {
    color: var(--avoord-white);
    font-size: var(--scaling-h4);
    margin: 0 0 max(1.25rem, calc(1.5 * var(--su)));
}

.jobs_hero_home-layout .jobs_hero_home-form {
    display: flex;
    flex-direction: column;
    gap: max(0.5rem, calc(0.5 * var(--su)));
}

.jobs_hero_home-layout .jobs_hero_home-select-wrap {
    position: relative;
    display: block;
}

.jobs_hero_home-layout .jobs_hero_home-select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    color: var(--avoord-white);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    padding: max(0.875rem, calc(1 * var(--su))) max(2.75rem, calc(3.5 * var(--su))) max(0.875rem, calc(1 * var(--su))) max(1.25rem, calc(1.5 * var(--su)));
    font-family: inherit;
    font-size: var(--desktop-body-sm);
    line-height: 1.2;
    cursor: pointer;
}

.jobs_hero_home-layout .jobs_hero_home-select option {
    color: var(--avoord-dark-blue);
}

.jobs_hero_home-layout .jobs_hero_home-select-icon {
    position: absolute;
    right: max(1rem, calc(1.25 * var(--su)));
    top: 50%;
    transform: translateY(-50%);
    color: var(--avoord-white);
    pointer-events: none;
    font-size: var(--desktop-body-md);
}

.jobs_hero_home-layout .jobs_hero_home-actions {
    display: flex;
    flex-direction: column;
    gap: max(0.5rem, calc(0.5 * var(--su)));
    margin-top: max(1rem, calc(1.5 * var(--su)));
}

.jobs_hero_home-layout .jobs_hero_home-actions .pk-button {
    width: 100%;
    justify-content: center;
    cursor: pointer;
}

.jobs_hero_home-layout .jobs_hero_home-submit {
    color: var(--avoord-dark-blue);
}

.jobs_hero_home-layout .pk-button--bg-white.pk-button--arrow-none.jobs_hero_home-submit:hover {
    background: var(--avoord-dark-blue);
    color: var(--avoord-white);
}

.jobs_hero_home-layout .jobs_hero_home-secondary {
    background-color: hsla(308, 43%, 35%, 1);
    border-color: transparent;
    color: var(--avoord-white);
}

.jobs_hero_home-layout .jobs_hero_home-secondary:hover {
    background: var(--avoord-dark-blue);
    color: var(--avoord-white);
}

@media screen and (max-width: 992px) {
    .jobs_hero_home-layout {
        min-height: 0;
        margin-top: 1rem;
        padding-block: max(2.5rem, calc(9.5 * var(--su))) max(2.5rem, calc(4.75 * var(--su)));
    }

    .jobs_hero_home-layout .jobs_hero_home-inner {
        padding-top: 0;
    }

    .jobs_hero_home-layout .jobs_hero_home-shape {
        top: auto;
        left: 0;
        width: 100%;
        height: 40%;
        container-type: size;
    }

    .jobs_hero_home-layout .jobs_hero_home-shape svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100cqh;
        height: 100cqw;
        transform-origin: top left;
        transform: rotate(90deg) translateY(-100%);
    }

    .jobs_hero_home-layout .jobs_hero_home-cardwrap {
        margin-top: max(3.5rem, calc(5 * var(--su)));
    }

    .jobs_hero_home-layout .jobs_hero_home-flower {
        width: 5rem;
        top: -2.5rem;
        right: -0.5rem;
    }

    .jobs_hero_home-layout .jobs_hero_home-star {
        width: 3rem;
        top: -2.25rem;
        left: 0.5rem;
    }
}

@media screen and (max-width: 767px) {
    .jobs_hero_home-layout .jobs_hero_home-content .pk-heading h1 {
        font-size: var(--scaling-h1-sm);
    }
}