.hero-container .container {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    background: black;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(1, auto);
    padding-top: 5em;
    padding-bottom: 6em;
    grid-gap: 1em;
    background: rgb(15, 15, 15);
    opacity: 78%;
}
.wrapper .divide {
    margin-top: 7em;
    max-width: 14em;
}
.wrapper .body {
    text-align: left !important;
    text-align-last: left !important;
}
.wrapper .header {
    text-align: left !important;
    text-align-last: left !important;
    letter-spacing: 2px !important;
}
button.next {
    margin-left: 0 !important;
    padding: 1.3em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0.2em !important;
    transform: none;
    left: 0;
    top: 0;
    margin-top: 2em !important;
    font-size: 14px;
}
.grid {
    grid-gap: 4em;
}