.mauticform-page-wrapper {
    display              : grid !important;
    grid-template-columns: repeat(1, 1fr);
    column-gap           : 10px;
    row-gap              : 20px;

}

.mauticform-input {
    width        : 100%;
    padding      : 0px 0px 0px 10px;
    height       : 45px;
    font-size    : 12px;
    color        : var(--global--color-lightgrey);
    border-radius: 50px;
    position     : relative;
    border       : 1px solid #e8eaf1;
}

[data-validation-type="textarea"] {
    grid-column: 1 / -1;
}

.mauticform-textarea {
    width        : 100%;
    border-radius: 10px !important;
    font-size    : 14px;
    border       : 1px solid #e8eaf1;
    padding      : 18px 0px 0px 10px;
    height       : 60px;

}

.mauticform-row.mauticform-button-wrapper {
    grid-column: 1 / -1;
    text-align : center;

}

span.mauticform-errormsg {
    font-size      : 12px;
    padding-left   : 30px;
    color       : var(--global--color-pink);
}

.mauticform-footer{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 15px;
    align-items: center;
}

@media only screen and (min-width: 1051px) {
    .mauticform-page-wrapper {
        grid-template-columns: repeat(2, 1fr);

    }

    .mauticform-input {
        padding  : 0px 0px 0px 34px;
        height   : 59px;
        font-size: 16px;
    }


    .mauticform-textarea {
        padding: 18px 0px 0px 34px;
        height : 139px;
    }
    .mauticform-footer{
        display: flex;
        justify-content: space-evenly;
        grid-column: 1 / -1;
        flex-direction: row;
    }
    
}