.contact {
    margin-top: 6.25rem;
    background-color: #051D67;
    padding: 5.1875rem 4.25rem;

    .container {
        border: 1px solid #1AE184;
        border-radius: 120px 0px 0px 0px;
        padding: 2.3125rem 2.8125rem 2.3125rem 2.0625rem;

        .line-wrapper {

            > p {
                display: flex;
                gap: .9375rem;
            }

            input {
                width: 100%;
                border: none;
                outline: none;
                border: 1px solid #fff;
                border-radius: 10px;
                direction: rtl;
                padding: 1.0625rem 1.5rem;
                color: #fff;
                font-size: 1.25rem;
                background-color: transparent;
            }

            input::placeholder {
                color: #fff;
            }

            br {
                display: none;
            }

            input[type="submit"] {
                width: 230px;
                color: #051D67;
                font-weight: 700;
                background-color: #1AE184;
                border: none;
                transition: background-color .5s, color .5s;
            }

            input[type="submit"]:hover {
                background-color: #051D67;
                border: 1px solid #1AE184;
                color: #1AE184;
                cursor: pointer;
            }
        }

        .wpcf7-response-output {
            color: #fff;
        }
    }
}

@media (max-width: 1023px) {
    .contact {
        padding: 5.1875rem .9375rem;

        .container {
            .line-wrapper {

                > p {
                    flex-direction: column;
                }
            }
        }
    }
}