.container-area {
    gap: 0px;
}

.container-finish {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 126px);
    background-image: url('../Images/background-finish-step.webp');
    background-position: center;
    background-size: cover;

    .container {
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 35px 0px;

        img {
            max-width: 450px;
            max-height: 355px;
            aspect-ratio: 1/1;
        }

        h1 {
            font-weight: 500;
            color: #fff;
            font-size: 118px;
            margin: 0px;
            text-align: center;
            margin-top: 45px;

            @media screen and (max-width:650px) {
                font-size: 48px;
            }
        }

        h2 {
            font-weight: 500;
            font-size: 40px;
            text-align: center;
            max-width: 515px;
            margin: 0px;

            @media screen and (max-width:650px) {
                font-size: 24px;
            }

            strong {
                font-weight: 500;
                font-size: 40px;
                color: var(--highlight-color);

                @media screen and (max-width:650px) {
                    font-size: 24px;
                }
            }
        }

        a {
            margin-top: 15px;
        }
    }
}