.section-three {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 40%);
    gap: 20%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-three::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: var(--secondary-light-blue);
    z-index: -1;
    transform: translateX(-50%);
}
.section-three .early-access h2 {
    color: #fff;
    font-size: 32px;
    font-family: "Raleway", serif;
    margin-bottom: 20px;
}
.section-three .early-access p {
    color: var(--lightest-gray);
}
.section-three #email-2 {
    display: flex;
    flex-direction: column;
}
.section-three #email-2 input {
    box-shadow: 2px 3px 5px hsla(220, 82%, 4%, 0.3);
    padding: 14px;
    border-radius: 4px;
    border: none;
}
.section-three #email-2 .second-btn {
    width: 50%;
    margin-top: 15px;
}
.section-three #email-2 .second-btn:hover {
    background-color: hsl(224, 100%, 69%);
    transition: 0.2s ease-in;
    cursor: pointer;
}

/* ---- VALIDATION ---- */
.section-three #email-2 .second-required {
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
}
.section-three #email-2 input.error {
    border: 1px solid rgb(241, 40, 40);
}