#unlock__your__potential {
    .text__container {
        grid-row: 2 / 3;
    }
}

#hiring__process {
    .hiring__heading {
        grid-row: 2 / 3;
        text-align: center;
        font-family: "Helvetica Neue LT Com";
        font-weight: 400;
        font-size: 3rem;
        margin-bottom: 2ch;
        color:rgba(0, 45, 98, 1);
    }
    .onboarding__container {
        grid-row: 3 / 4;
        display: flex;
        flex-direction: column;
        flex-shrink: 1;
        justify-content: start;
        align-items: center;
        height: max-content;
        width: 70%;
        padding: 2rem;
        color: white;
        background-color: var(--secondary);
        p {
            margin: 5ch 0;
        }
        button {
            width: 60%;
        }
    }
    .hiring__steps {
        grid-row: 3 / 3;
        display: grid;
        grid-template-columns: .2fr 1fr .2fr;
        grid-template-rows: .1fr repeat(4, 1fr .1fr .1fr) .2fr;
        .step__container {
            padding: 15ch 3ch 3ch 3ch;
            display: flex;
            flex-direction: column;
            justify-content: end;
            background-color: rgba(242, 242, 242, 1);
            h2 {
                font-family: "Helvetica Neue LT Com";
                font-weight: 400;
                font-size: 2.5rem;
                color:rgba(0, 45, 98, 1);
                line-height: 3ch;
            }
        }
        .step__underlay {
            border-left: 2px dashed var(--secondary);
            border-top: 2px solid var(--secondary);
            &.last {
                border-left: none;
            }
            .square {
                content: ' ';
                position: relative;
                aspect-ratio: 1 / 1;
                height: 5ex;
                top: 0;
                left: 0;
                transform: translate(-50%, -50%);
                &.slate {
                    background-color: var(--slate);
                }
                &.ice-blue {
                    background-color: rgba(159, 196, 217, 1);
                }
            }
        }
    }
}
#benefits__section {
    background: url('/assets/images/computer-room.png') no-repeat center;
    background-size: cover;
    background-color: rgba(0, 45, 98, 0.9);
    background-blend-mode: darken;
    height: 100%;
    z-index: 1;
    .benefits__heading {
        grid-row: 2 / 3;
        text-align: center;
        font-family: "Helvetica Neue LT Com";
        font-weight: 400;
        font-size: 4rem;
        margin-bottom: 2ch;
        color: var(--eggshell);
    }
    .benefits__content {
        grid-row: 3 / 4;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        .content-wrapper {
            width: 45ch;
            h3 {
                font-family: "Helvetica Neue LT Com";
                font-weight: 400;
                font-size: 1.5rem;
                margin-bottom: 1ch;
                color: var(--highlight);
            }
            p {
                color: white;
                margin-bottom: 4ch;
            }
        }
    }
}
#opportunities__section {
    background-color: rgba(31, 38, 54, 1);
    &.image {
        width: 100%;
        height: 40vh;
        object-fit: cover;
    }
    .text__container {
        grid-row: 2 / 3;
        h2 {
            color: var(--eggshell)
        }
        p {
            color: white;
        }
        button {
            background: none;
            border-color: var(--highlight);
            .button-text {
                color: var(--highlight);
            }
        }
    }
}