.main_login {
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 5rem;
    display: flex;
    justify-content: center;

    .container_login {
        padding: 35px 40px;
        background: #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;

        .container_logo__login img {
            width: 200px;
        }

        h1 {
            color: var(--color-primary5);
            font-size: 20px;
        }

        .inputs_login {
            display: flex;
            flex-direction: column;
            gap: 8px;

            form {
                display: flex;
                flex-direction: column;
                gap: 8px;

                input {
                    padding: 9px 0px;
                    border: none;
                    border-bottom: 1px solid var(--color-primary5);

                    &:focus {
                        outline: 0px solid #00154f48;
                    }
                }
            }

            h2 {
                color: var(--color-primary5);
                font-size: 14px;
                padding-top: 18px;
                width: 315px;
                font-weight: 400;

                a {
                    color: var(--color-primary);
                }
            }

            a {
                font-size: 14px;
                color: var(--color-primary);
            }
        }

        button {
            border: none;
            padding: 10px;
            background: var(--color-primary);
            color: #fff;
            border-radius: 30px;
            cursor: pointer;

            &:hover {
                background: #013fe9d3;
            }
        }

    }
}