/* Sekcja: form_text - pełny CSS sekcji (zapis zagnieżdżony). */

.form-text {
    width: 100%;

    &.reverse {
        .wrapper {
            flex-direction: row-reverse;
        }
    }

    .wrapper {
        display: flex;
        flex-wrap: wrap;

        .left {
            h2 {
                color: var(--element1-title);
            }

            p,
            ol,
            ul,
            li {
                color: var(--element1-text);
            }
        }
    }

    .text {
        flex: 1 1 50%;
    }

    .form {
        flex: 1 1 50%;
        display: flex;
        align-items: center;

        .checkbox-label {
            .checkbox-styled {
                background-color: var(--primary-bg);
                border-color: var(--dark-bg);

                span {
                    font-size: 22px;
                    font-weight: bold;
                }
            }
        }
    }

    .form-inner {
        padding-left: 110px;
        max-width: 735px;
        padding-top: 20px;
    }
}

@media (max-width: 991.5px) {
    .form-text {
        .text {
            flex: 1 1 100%;
        }

        .form {
            flex: 1 1 100%;
        }
    }
}