.c-form {
    .uabb-wpf-styler {
        .uabb-wpf-form-title {
            font-size: var(--fs-sm);
        }
        .wpforms-container {
            margin: 0;

            form.wpforms-form {

                @media (min-width: 560px) {
                    .c-form.c-form-inline & {
                        display: grid;
                        grid-template-columns: repeat(6, 1fr);
                        gap: 15px;

                        .wpforms-field-container {
                            grid-column: span 4;

                            .wpforms-field-checkbox {
                                position: absolute;
                            }
                        }

                        .wpforms-submit-container {
                            grid-column: span 2;
                            margin: 0;

                            button {
                                margin: 0;
                                padding: 30px 45px;
                            }
                        }
                    }
                }

                .wpforms-field-container {
                    .wpforms-field {
                        padding: 0;
                        margin-bottom: 10px;
                        
                        input:not([type="checkbox"]), textarea {
                            padding: 15px;
                            background: none;
                            border: 0;
                            border: 1px solid #2828284D;
                            border-radius: 9px;
                            color: var(--black);
                            font-size: 18px;
                            text-align: left;
                        }

                        &.wpforms-field-checkbox {
                            margin-top: 15px;
                            margin-bottom: 30px;

                            input[type="checkbox"] {
                                width: auto;
                                margin-right: 0px;

                                & + label {
                                    font-size: 16px;
                                    padding: 0;
                                    
                                    a {
                                        color: var(--black);
                                        text-decoration: underline;

                                        &:hover {
                                            color: var(--primary);
                                        }
                                    }
                                }

                                &::before {
                                    border-radius: 90px;
                                    &:checked {
                                        background-color: #8B9271;
                                    }
                                }
                            }
                        }


                    }


                }

                .wpforms-submit-container {
                    button {
                        padding: 20px 40px;
                        font-size: 16px;
                        margin-top: 20px;
                        border-radius: 9px;
                        line-height: 0;

                        .c-form.c-form--primary & {
                            background-color: var(--primary);
                            color: var(--on-primary);
                            &:hover {
                                background-color: var(--secondary);
                                color: var(--on-secondary);
                            }
                        }
                        .c-form.c-form--secondary & {
                            background-color: var(--secondary);
                            color: var(--on-secondary);
                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }
                        .c-form.c-form--outline-primary & {
                            background-color: none;
                            border: 1px solid var(--primary);
                            color: var(--on-outline);
                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }
                        .c-form.c-form--outline-secondary & {
                            background-color: none;
                            border: 1px solid var(--secondary);
                            color: var(--on-outline);
                            &:hover {
                                background-color: var(--secondary);
                                color: var(--on-secondary);
                            }
                        }
                        .c-form.c-form--black & {
                            background-color: var(--black);
                            color: var(--on-black);
                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }
                        .c-form.c-form--white & {
                            background-color: var(--white);
                            color: var(--on-white);
                            &:hover {
                                background-color: var(--primary);
                                color: var(--on-primary);
                            }
                        }
                        .c-form.c-form--outline-black & {
                            background-color: none;
                            border: 1px solid var(--black);
                            color: var(--on-outline);
                            &:hover {
                                background-color: var(--black);
                                color: var(--on-black);
                            }
                        }
                        .c-form.c-form--outline-white & {
                            background-color: none;
                            border: 1px solid var(--white);
                            color: var(--on-outline);
                            &:hover {
                                background-color: var(--white);
                                color: var(--on-white);
                            }
                        }
                    }
                }
            }
        }
    }
}