.hero_contactform-layout {
    position: relative;
    background-color: var(--avoord-light-blue);
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
    padding-block: max(9rem, calc(9.5 * var(--su))) max(3rem, calc(6.25 * var(--su)));
    overflow: hidden;
}

.hero_contactform-layout .hero_contactform-top,
.hero_contactform-layout .hero_contactform-body {
    position: relative;
    z-index: 2;
}

.hero_contactform-layout .hero_contactform-top {
    margin-bottom: max(2rem, calc(3 * var(--su)));
}

.hero_contactform-layout .hero_contactform-top .pk-heading h1 {
    margin-bottom: 0;
}

/* .hero_contactform-layout .hero_contactform-body {
    gap: max(2rem, calc(5 * var(--su)));
} */

.hero_contactform-layout .hero_contactform-form {
    border-radius: var(--border-radius);
    border: 1px solid hsla(215, 65%, 90%, 1);
    background: var(--avoord-white);
    padding: max(2rem, calc(5 * var(--su)));
    height: fit-content;
}

.hero_contactform-layout .hero_contactform-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    line-height: 0;
    z-index: 1;
    pointer-events: none;
}

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

.hero_contactform-layout .hero_contactform-shape path {
    fill: var(--avoord-white);
}

.hero_contactform-sidebar .pk-component.sidebar-wrapper {
    margin-top: 0;
}

@media screen and (max-width: 1200px) {
    .hero_contactform-layout .hero_contactform-body {
        gap: max(1.5rem, calc(2 * var(--su)));
    }
}

@media screen and (max-width: 992px) {
    .hero_contactform-layout {
        padding-block: max(2.5rem, calc(9.5 * var(--su))) max(3rem, calc(6.25 * var(--su)));
    }

    .hero_contactform-layout .hero_contactform-body {
        gap: max(2rem, calc(3 * var(--su)));
    }
}

@media screen and (max-width: 767px) {
    .hero_contactform-layout .hero_contactform-top {
        margin-bottom: max(1.5rem, calc(2 * var(--su)));
    }
}