.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-type-html{padding-bottom:0px;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1022 .elementor-element.elementor-element-820ac26{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-1022 .elementor-element.elementor-element-820ac26.elementor-element{--order:-99999 /* order start hack */;}}/* Start custom CSS for form, class: .elementor-element-820ac26 *//* =========================================================
   BATTLE PATCHES - CONTACT FORM
   ELEMENTOR CUSTOM CSS
   DESKTOP/TABLET = 50% INFO + 50% FORM
   MOBILE = FORM FIRST + INFO SECOND
========================================================= */


/* =========================================================
   MAIN CONTAINER
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 55px 45px;

    background: #eef6fa;

    border: 1px solid #dce7ed;
    border-radius: 16px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06);

    box-sizing: border-box;
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 45px;

    align-items: start;
}


/* =========================================================
   ELEMENTOR FORM
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-form {
    width: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;

    grid-column: 2;
    grid-row: 1;
}


/* =========================================================
   BATTLE PATCHES INFORMATION
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26::before {

    content:
        "Get A\A"
        "Free Quote\A\A"

        "Trusted since 2016! Trusted by customers across the country, we make custom patch ordering simple, fast, and hassle-free. From concept to finished patch, our team helps bring your ideas to life with quality materials and detailed craftsmanship.\A\A"

        "☎   (929) 718-9128\A"
        "✉   battlepatchesofficial@gmail.com\A\A"

        "Since 2016        Custom        5★        Quality\A"
        "TRUSTED BRAND     PATCH SOLUTIONS     CUSTOMER FOCUS     CRAFTSMANSHIP\A\A"

        "FEATURED US BRANDS\A"
        "64Audio        BLACKWING        7 LEAVES CAFE\A"
        "AEROSTICH       21st AMENDMENT";

    white-space: pre-line;

    display: block;

    grid-column: 1;
    grid-row: 1;

    width: 100%;
    min-width: 0;

    padding: 0 5px 0 0;

    box-sizing: border-box;

    color: #111827;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.75;

    text-align: left;
}


/* =========================================================
   FORM FIELDS WRAPPER
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-form-fields-wrapper {

    width: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* =========================================================
   FIELD GROUP
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group {

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* =========================================================
   LABELS
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-label {

    display: block;

    margin: 0 0 7px;

    color: #111827;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;
    line-height: 1.4;

    font-weight: 800;

    letter-spacing: .3px;
}


/* =========================================================
   INPUTS
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field,
.elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field,
.elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field {

    width: 100% !important;

    min-height: 54px;

    padding: 14px 16px;

    border: 1px solid #c9d3d9;

    border-radius: 8px;

    background: #ffffff;

    color: #111827;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;
    line-height: 1.4;

    outline: none;
    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;

    box-sizing: border-box;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field::placeholder,
.elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field::placeholder {

    color: #718096;
    opacity: 1;
}


/* =========================================================
   FOCUS
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field:focus,
.elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field:focus,
.elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field:focus {

    border-color: #111111;

    background: #ffffff;

    box-shadow:
        0 0 0 3px rgba(17,17,17,.07);
}


/* =========================================================
   TEXTAREA
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field {

    min-height: 155px;

    resize: vertical;
}


/* =========================================================
   SELECT
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field {

    cursor: pointer;

    appearance: auto;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button,
.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"] {

    width: auto;

    min-width: 145px;

    min-height: 48px;

    padding: 0 23px;

    border: 2px solid #111111;

    border-radius: 30px;

    background: #111111;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: .2px;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button:hover,
.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"]:hover {

    background: #ffffff;

    color: #111111 !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0,0,0,.12);
}


/* =========================================================
   BUTTON ARROW
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button::after {

    content: " →";

    display: inline-block;

    margin-left: 5px;

    transition:
        transform .2s ease;
}


.elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button:hover::after {

    transform:
        translateX(4px);
}


/* =========================================================
   VALIDATION / ERROR
========================================================= */

.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-message,
.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-error,
.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-error {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;
    line-height: 1.5;
}


.elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field.elementor-error {

    border-color: #c62828;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .elementor-1022 .elementor-element.elementor-element-820ac26 {

        padding: 42px 28px;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        column-gap: 28px;

        border-radius: 14px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26::before {

        font-size: 13px;

        line-height: 1.7;

        padding-right: 4px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field {

        min-height: 51px;

        padding: 13px 14px;

        font-size: 13px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field {

        min-height: 135px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group {

        margin-bottom: 15px !important;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button,
    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"] {

        min-height: 47px;

        min-width: 135px;
    }
}


/* =========================================================
   MOBILE
   FORM FIRST
   INFORMATION SECOND
========================================================= */

@media (max-width: 700px) {

    .elementor-1022 .elementor-element.elementor-element-820ac26 {

        display: flex;

        flex-direction: column;

        width: 100%;

        padding: 30px 20px;

        border-radius: 13px;
    }


    /* =============================================
       FORM FIRST
    ============================================= */

    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-form {

        order: 1;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-form-fields-wrapper {

        width: 100% !important;

        display: block !important;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-field-group {

        width: 100% !important;

        margin-bottom: 15px !important;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field {

        width: 100% !important;

        min-height: 51px;

        padding: 13px 14px;

        font-size: 14px;

        border-radius: 8px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field {

        min-height: 135px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 button.elementor-button,
    .elementor-1022 .elementor-element.elementor-element-820ac26 .elementor-button[type="submit"] {

        width: 100%;

        min-height: 50px;

        margin-top: 2px;
    }


    /* =============================================
       BATTLE PATCHES INFO SECOND
    ============================================= */

    .elementor-1022 .elementor-element.elementor-element-820ac26::before {

        order: 2;

        display: block;

        width: 100%;

        margin-top: 32px;

        padding: 28px 0 0;

        border-top: 1px solid #d7e1e6;

        font-size: 13px;

        line-height: 1.7;

        text-align: left;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .elementor-1022 .elementor-element.elementor-element-820ac26 {

        padding: 25px 15px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26::before {

        margin-top: 28px;

        padding-top: 25px;

        font-size: 12.5px;

        line-height: 1.65;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 input.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field,
    .elementor-1022 .elementor-element.elementor-element-820ac26 select.elementor-field {

        min-height: 49px;

        padding: 12px 13px;

        font-size: 13px;
    }


    .elementor-1022 .elementor-element.elementor-element-820ac26 textarea.elementor-field {

        min-height: 125px;
    }
}/* End custom CSS */