.du-new {
    .du-form-container {
        padding: var(--du-spacing-5xl);
        border-radius: var(--du-border-radius);
        background-color: var(--du-color-grey-dark);

        .du-form-header {
            display: flex;
            flex-direction: column;
            gap: var(--du-spacing-sm);
            margin-bottom: var(--du-spacing-4xl);

            .du-form-title {
                color: var(--du-color-blue-dark);
                font-size: 36px;
                font-weight: 800;
                line-height: 112%;
                letter-spacing: -0.18px;
            }

            .du-form-subtitle {
                color: var(--du-color-blue-dark);
                font-size: 16px;
                font-weight: 400;
                line-height: 148%;
            }
        }

        .wpcf7 {
            .wpcf7-form {
                input:not([type='checkbox']),
                textarea,
                select {
                    border-radius: var(--du-border-radius);
                    border: 1px solid #cdcdd5;
                    background-color: var(--du-color-white);
                    padding: var(--du-spacing-md);
                    margin-top: var(--du-spacing-sm);
                    margin-bottom: 20px;
                }

                input[type='checkbox'] {
                    margin-top: var(--du-spacing-2xl);
                    margin-bottom: var(--du-spacing-2xl);
                }

                input:focus {
                    border-color: var(--du-color-blue-dark) !important;
                    box-shadow: 0 4px 32px 0 rgba(30, 30, 50, 0.06);
                }

                .wpcf7-not-valid-tip {
                    color: var(--du-color-red) !important;
                    position: relative;
                    top: -107px !important;
                    width: max-content;
                    font-size: var(--du-font-size-sm);
                    line-height: 132%;
                    font-weight: 400;
                    letter-spacing: -0.28px;
                    float: right;
                    margin: 0;
                }

                /* .wpcf7-response-output {
                    display: flex;
                    padding: var(--du-spacing-md) var(--du-spacing-2xl);
                    justify-content: center;
                    align-items: center;
                    gap: 6px;
                    align-self: stretch;
                    border-radius: var(--du-border-radius);
                    border: 1px solid var(--du-color-red);
                    background: linear-gradient(
                            0deg,
                            rgba(222, 31, 63, 0.06) 0%,
                            rgba(222, 31, 63, 0.06) 100%
                        ),
                        var(--White, #fff);
                } */
            }
        }

        @media (max-width: 992px) {
            padding: var(--du-spacing-2xl);
        }
    }
}