#HomeSplit {
    height: calc(100dvh - 60px);
    background-blend-mode: multiply;

    &>div {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    #home-text {
        height: 100%;
        z-index: 2;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 5%;

        @media (max-width: 992px) {
            margin-right: 0;
            width: 100%;
            padding: .5rem;
        }

        div:has(h2) {
            width: 100%;
            text-align: center;
            text-transform: uppercase;
            line-height: 1;
        }

        hr {
            width: 80%;
            border-top-width: 1px;
            border-top-style: solid;
        }

        div.icon-text {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            text-transform: uppercase;
            font-size: 1.5rem;

            @media (max-width: 992px) {
                padding: 0 .5rem;
            }

            @media (max-width: 992px) {
                font-size: 1rem;
            }

            width: 35%;

            p {
                margin-bottom: 0 !important;
            }

            i {
                font-size: 4rem;

                @media (max-width: 992px) {
                    font-size: 2rem;
                }
            }
        }

        .button-wrapper {
            width: 100%;
            margin-top: 3rem;
            display: flex;
            justify-content: center;

            p {
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                padding: .5rem 3rem;
                border-radius: 100px;
                font-size: 1.5rem;

                @media(max-width: 992px) {
                    font-size: 1rem;
                }

                font-weight: 700;

                &:hover {
                    opacity: .75;
                }

                a {
                    color: inherit;
                    text-decoration: inherit !important;
                }
            }
        }

        h2 {
            font-size: 3rem;

            @media (max-width: 992px) {
                font-size: 1.5rem;
            }

            font-weight: 400;

        }

        #title-second-line {
            font-size: clamp(1.5rem, .75rem + 4vw, 5rem);
            font-weight: 700;
        }
    }
}