main.account-register {

    // Container
    .container-fluid {

    }

    // Form column
    .account-register__form {
        padding: 3rem 3.5rem;

        @include media-query(xl) {
            padding: 6rem 12rem;
        }

        @include media-query(lap) {
            padding: 6rem 3rem;
        }

        // logo
        .logo {
            width: 10rem;
        }

        // Anchor home
        .anchor-homepage {
            display: inline-block;
            width: 100%;
            float: left;
            position: relative;
            text-decoration: none;
            padding-left: 1.5rem;
            margin: 3rem 0;

            &:hover {
                color: color(green);
            }

            // Icon
            &:before {
                background-image: url('/gvn/img/icon-arrow-left.svg');
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 100% 100%;
                width: 1rem;
                height: 0.7rem;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                content: '';
                margin: auto 0;
            }
        }
    }

    // Background column
    .account-register__background {
        position: relative;
        padding: 8.5rem 3.5rem 5rem 3.5rem;
        overflow: hidden;

        @include media-query(lg) {
            padding-top: 15rem;
        }

        @include media-query(xl) {
            padding-left: 12rem;
            padding-right: 12rem;
            min-height: 100vh;
            padding-top: 21.5rem;
        }

        @include media-query(lap) {
            padding-left: 3rem;
            padding-right: 3rem;
        }

        &:before {
            background-image: url('/gvn/img/account-background.jpg');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            content: '';
            z-index: 1;
            opacity: 0.8;
        }

        .inner {
            position: relative;
            z-index: 2;
        }

        // Slider
        .infographic__slider {
            margin-left: -0.75rem;
            margin-right: -0.75rem;

            .column {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
        }
    }
}