.business-form-container {
    position: fixed;

    width: 100vw;
    height: 100vh;

    padding: 20px 20%;

    box-sizing: border-box;

    background: var(--black-translucent);

    z-index: 9999;

    opacity: 0;
    visibility: hidden;

    transition: opacity 0.2s, visibility 0.2s;
}

.business-form-container.show {
    opacity: 1;
    visibility: visible;
}

.business-form-main {
    height: 100%;
    width: 100%;

    display: grid;
    grid-template-rows: 1fr 9fr;

    background: var(--evergreen);
}

.cross-container {
    position: relative;
}

.cross {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
}

.cross::before, .cross::after {
    content: '';
    position: absolute;
    background: var(--lagoon-aqua);
    border-radius: 5px;

    transition: background-color 0.2s;
}

.cross::before {
    top: 50%;
    left: 50%;
    width: 30%;
    height: 2px;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cross::after {
    top: 50%;
    left: 50%;
    width: 30%;
    height: 2px;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cross:hover {
    cursor: pointer;
}

.cross:hover::before, .cross:hover::after {
    background: var(--glacier-mint);
}

.form-title {
    margin-top: 50px;
}

.contact-form {
    padding: 0 10%;
    padding-bottom: 10%;
}

@media(max-width: 860px) {
    .business-form-container {
        padding: 0;
    }

    .business-form-main {
        width: 100%;
    }

}