.contact {
    background: var(--green-light);
    align-items: center;
    display: flex;
    height: 100vh;
    padding-top: var(--spacing);
}
.contact .top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 40px;
}
.contact .title {
    color: var(--black);
    font-size: var(--size-sub);
    font-weight: 400;
    line-height: var(--line-height-normal);
    width: 100%;
    max-width: 200px;
}
.contact .text p {
    color: var(--black);
    font-size: var(--size-menu);
    width: 100%;
    max-width: 500px;
}
.contact .inner {
    width: 100vw;
}

#wpforms-form-397 {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 40px;
    grid-template-areas:
        "first   message"
        "last    message"
        "email   message"
        "submit  message";
}
#wpforms-form-397 .wpforms-field-container,
#wpforms-form-397 .wpforms-submit-container {
    display: contents;
}
#wpforms-form-397 .wpforms-field {
    position: relative;
    padding: 0;
    margin: 0 0 15px;
    width: 100%;
}
#wpforms-397-field_5-container { grid-area: first; }
#wpforms-397-field_6-container { grid-area: last; }
#wpforms-397-field_2-container { grid-area: email; }
#wpforms-397-field_7-container { grid-area: message; height: 100%; }

#wpforms-form-397 .wpforms-field-name fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
#wpforms-form-397 .wpforms-field-name legend.wpforms-field-label {
    display: none; 
}

#wpforms-form-397 .wpforms-field-name .wpforms-field-row {
    display: flex;
    gap: 40px;
}

#wpforms-form-397 .wpforms-field-name .wpforms-field-row-block {
    flex: 1;
    position: relative;
    padding: 0;
}

#wpforms-form-397 .wpforms-field-row-block .wpforms-field-sublabel,
#wpforms-397-field_5-container .wpforms-field-label,
#wpforms-397-field_6-container .wpforms-field-label,
#wpforms-form-397 .wpforms-field-email .wpforms-field-label,
#wpforms-form-397 #wpforms-397-field_7-container .wpforms-field-label {
    position: absolute;
    left: 0;
    top: 23px;
    margin: 0;
    font-size: var(--size-sub);
    color: var(--white);
    font-weight: 400 !important;
    pointer-events: none;
    transition: top 0.25s ease, font-size 0.25s ease, opacity 0.25s ease;
    opacity: 1;
}
#wpforms-form-397 #wpforms-397-field_7-container .wpforms-field-label {
    top: 19px;
}

#wpforms-form-397 input[type="text"],
#wpforms-form-397 input[type="email"],
#wpforms-form-397 textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--green-text);
    border-radius: 0;
    padding: 0 !important;
    height: 50px;
    font-size: var(--size-sub);
    color: var(--black);
    box-shadow: none;
}

#wpforms-form-397 textarea {
    width: 100% !important;
    max-width: 100% !important;
}

#wpforms-form-397 input[type="text"],
#wpforms-form-397 input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
}

#wpforms-form-397 input:focus,
#wpforms-form-397 textarea:focus {
    outline: none;
    box-shadow: none;
}
#wpforms-form-397 input[type="text"]::placeholder,
#wpforms-form-397 input[type="email"]::placeholder,
#wpforms-form-397 textarea::placeholder {
    color: transparent !important;
}

#wpforms-form-397 .wpforms-field-row-block:has(input:focus) .wpforms-field-sublabel,
#wpforms-form-397 .wpforms-field-row-block:has(input:not(:placeholder-shown)) .wpforms-field-sublabel,
#wpforms-397-field_5-container:has(input:focus) .wpforms-field-label,
#wpforms-397-field_5-container:has(input:not(:placeholder-shown)) .wpforms-field-label,
#wpforms-397-field_6-container:has(input:focus) .wpforms-field-label,
#wpforms-397-field_6-container:has(input:not(:placeholder-shown)) .wpforms-field-label,
#wpforms-form-397 .wpforms-field-email:has(input:focus) .wpforms-field-label,
#wpforms-form-397 .wpforms-field-email:has(input:not(:placeholder-shown)) .wpforms-field-label,
#wpforms-form-397 #wpforms-397-field_7-container:has(textarea:focus) .wpforms-field-label,
#wpforms-form-397 #wpforms-397-field_7-container:has(textarea:not(:placeholder-shown)) .wpforms-field-label {
    top: 10px;
    opacity: 0;
}
.wpforms-container .wpforms-field .wpforms-field-row::before, 
.wpforms-container .wpforms-field .wpforms-field-row::after {
    display: none !important;
}
#wpforms-form-397 .wpforms-required-label {
    display: none;
}

#wpforms-form-397 .wpforms-submit-container {
    grid-area: submit;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0 0;
}

#wpforms-submit-397 {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 1px solid var(--black);
    background: transparent;
    color: var(--white);
    font-size: var(--size-text);
    text-transform: uppercase;
    padding: 0;
    transition: .3s all ease-in-out;
}

/* #wpforms-submit-397:hover {
    background: var(--green-text);
    color: var(--white);
    border: 1px solid var(--white);
    transition: .3s all ease-in-out;
} */
#wpforms-submit-397.ready {
    color: var(--white);
    background: var(--green-dark);
}

@media (max-width: 992px) {
.contact {
    padding-top: var(--spacing-large);
    overflow: scroll;
}
.contact .top {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.contact .title {
    max-width: 100%;
}
.contact .text p {
    max-width: 100%;
}
#wpforms-form-397 {
    display: flex;
    flex-direction: column;
}
#wpforms-form-397 .wpforms-field-container,
#wpforms-form-397 .wpforms-submit-container {
    display: flex;
    flex-direction: column;
}
#wpforms-form-397 .wpforms-field-name .wpforms-field-row {
    flex-direction: column !important;
    gap: 20px;
}
#wpforms-form-397 .wpforms-field-name .wpforms-field-row-block {
    width: 100% !important;
}
}

#wpforms-397-field_7-container textarea {
    --row-height: 47px;   
    --row-gap: 20px;      

    height: calc((var(--row-height) + var(--row-gap)) * 3) !important;
    min-height: calc((var(--row-height) + var(--row-gap)) * 3) !important;
    resize: none !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    line-height: calc(var(--row-height) + var(--row-gap)) !important;
    font-size: var(--size-sub);
    color: var(--black);

    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent var(--row-height),
        var(--green-text) var(--row-height),
        var(--green-text) calc(var(--row-height) + 1px),
        transparent calc(var(--row-height) + 1px),
        transparent calc(var(--row-height) + var(--row-gap))
    ) !important;
    background-position: 0 0 !important;
    background-repeat: repeat-y !important;
    background-attachment: local !important;
}
#wpforms-form-397 #wpforms-397-field_7-container {
    width: 100% !important;
}