.contact-form-section {
    form {
        display: flex;
        flex-direction: column;
        gap: .625rem;
        width: 45rem;
        
        .form-item {
            background-color: var(--color-10);
            border-radius: 3px;
            padding: .875rem 1.125rem;
            display: flex;
            flex-direction: row;
            position: relative;


            min-width: 8.125rem;
            display: flex;
            flex-direction: row;
            gap: .625rem;
            font-size: .75rem;
            color: var(--color-dark);

            &:before {
            content: "";
            height: 1.5rem;
            width: 1px;
            background: var(--color-dark);
            }

        }
        ::-webkit-input-placeholder {
            color: var(--color-dark);
        }
        textarea {
            width: 100%;
            &:focus {
            outline: none;
            }
        }
        .radio-wrapper {
            display: flex;
            justify-content: space-between;
            width: 100%;
            .wpcf7-form-control-wrap {
            width: auto;
            }
            label {
            display: flex;
            flex-direction: row;
            position: relative;
            }
            input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: auto;
            }

            label:before {
            content: "";
            display: block;
            height: .875rem;
            width: .875rem;
            border-radius: 100vw;
            margin-right: .5rem;
            transition: background-color .3s ease;
            background-color: var(--color-11);
            align-self: center;
            }

            label:has(input:checked):before {
            background-color: var(--color-dark);
            }
        }
        .wpcf7-radio {
            display: flex;
            flex-direction: column;
        }
        .radio-label {
            min-width: 8.125rem;
            display: flex;
            flex-direction: row;
            gap: .625rem;
            text-transform: uppercase;
            font-size: .75rem;
        }

        .wpcf7-list-item {
            width: 12.8125rem;
            padding-top: .25rem;
            padding-bottom: .25rem;
            border-bottom: 1px solid currentColor;
            &:last-child {
            border-bottom: none;
            }
        }
        
        .wpcf7-form-control-wrap {
            width: 100%;
        }
        .submit-btn {
            input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            height: 2.5rem;
            background-color: var(--color-14);
            border-radius: 3px;
            color: var(--color-light);
            font-family: var(--font--mono);
            font-size: 1rem;
            text-transform: uppercase;
            border: none;
            transition: background-color .3s ease, color .3s ease;
            }
            &:hover {
            input {
                background-color: var(--color-dark);
            }
            }
        }
        
    }

    .contact-form-container {
        margin-top: var(--size--52);
        justify-content: space-between;
        align-items: flex-start;
        display: flex;
    }

    .scroll-btn_bg {
        background-color: var(--color-14);
    }

}




@media screen and (max-width: 991px) {
    .contact-form-container {
        margin-top: var(--size--30);
        grid-column-gap: var(--size--20);
        grid-row-gap: var(--size--20);
        flex-flow: column;

        .wpcf7 {
            width: 100%;
        }
    }

    .contact-form-section form  {
        width: 100%;
    }

    .contact-form-section form .radio-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
        .wpcf7-list-item {
        margin: 0;
        }
    }
    .contact-form-section form .radio-wrapper .wpcf7-form-control-wrap {
        padding-left: 40px;
    }
}