.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-861 .elementor-element.elementor-element-8825359 img{border-radius:11px 11px 11px 11px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-861 .elementor-element.elementor-element-caf211a{text-align:start;}.elementor-861 .elementor-element.elementor-element-caf211a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-0b99d55 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-861 .elementor-element.elementor-element-6421463{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-0e5a3b7 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-861 .elementor-element.elementor-element-6421463{font-size:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-222b158 *//* =====================================================
   EWF POST SUBMISSION FORM
   FULL RESPONSIVE — DESKTOP / TABLET / MOBILE
   For Elementor Shortcode Widget
   ===================================================== */


/* ===============================
   WIDGET
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}


/* ===============================
   DESKTOP FORM
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form {
    width: 100% !important;

    /* Desktop width */
    max-width: 1100px !important;

    /* Center */
    margin: 45px auto !important;

    padding: 42px 48px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid rgba(29, 75, 132, 0.12) !important;

    border-radius: 22px !important;

    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.08),
        0 5px 18px rgba(29, 75, 132, 0.05) !important;

    font-family: "Poppins", sans-serif !important;

    position: relative !important;

    animation: ewfFormEnter .7s ease both;
}


/* ===============================
   TOP DECORATIVE LINE
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form::before {
    content: "";

    position: absolute;

    top: 0;
    left: 12.5%;

    width: 75%;
    height: 3px;

    border-radius: 0 0 10px 10px;

    background: linear-gradient(
        90deg,
        #007600,
        #1d4b84,
        #850c0a
    );

    animation: ewfLine .8s ease both;
}


/* ===============================
   FORM ROW / FIELD SPACING
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form p,
.elementor-861 .elementor-element.elementor-element-222b158 form .form-group,
.elementor-861 .elementor-element.elementor-element-222b158 form .field,
.elementor-861 .elementor-element.elementor-element-222b158 form .form-field {
    margin-bottom: 22px !important;
}


/* ===============================
   LABEL
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form label {
    display: block !important;

    margin-bottom: 8px !important;

    color: #1d4b84 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    transition: all .25s ease !important;
}


/* ===============================
   INPUTS
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.elementor-861 .elementor-element.elementor-element-222b158 form textarea,
.elementor-861 .elementor-element.elementor-element-222b158 form select {

    width: 100% !important;

    min-height: 52px !important;

    padding: 13px 16px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1.5px solid #dce3ea !important;

    border-radius: 12px !important;

    outline: none !important;

    color: #333333 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .25s ease,
        background .3s ease !important;
}


/* ===============================
   HOVER
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input:hover,
.elementor-861 .elementor-element.elementor-element-222b158 form textarea:hover,
.elementor-861 .elementor-element.elementor-element-222b158 form select:hover {

    border-color: #1d4b84 !important;

    background: #fcfdff !important;
}


/* ===============================
   FOCUS
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input:focus,
.elementor-861 .elementor-element.elementor-element-222b158 form textarea:focus,
.elementor-861 .elementor-element.elementor-element-222b158 form select:focus {

    border-color: #007600 !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 3px rgba(0, 118, 0, .08),
        0 8px 22px rgba(0, 118, 0, .06) !important;

    transform: translateY(-1px) !important;
}


/* Animated label */

.elementor-861 .elementor-element.elementor-element-222b158 form p:focus-within label,
.elementor-861 .elementor-element.elementor-element-222b158 form .form-group:focus-within label,
.elementor-861 .elementor-element.elementor-element-222b158 form .field:focus-within label {

    color: #007600 !important;

    transform: translateX(3px);
}


/* ===============================
   TEXTAREA
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form textarea {

    min-height: 170px !important;

    resize: vertical !important;

    line-height: 1.7 !important;
}


/* ===============================
   DROPDOWN
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form select {

    cursor: pointer !important;

    appearance: none !important;

    -webkit-appearance: none !important;

    padding-right: 48px !important;

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            #1d4b84 50%
        ),
        linear-gradient(
            135deg,
            #1d4b84 50%,
            transparent 50%
        ) !important;

    background-position:
        calc(100% - 20px) 22px,
        calc(100% - 14px) 22px !important;

    background-size:
        6px 6px,
        6px 6px !important;

    background-repeat: no-repeat !important;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        background-position .3s ease !important;
}


/* Dropdown hover animation */

.elementor-861 .elementor-element.elementor-element-222b158 form select:hover {

    border-color: #007600 !important;

    background-position:
        calc(100% - 20px) 25px,
        calc(100% - 14px) 25px !important;
}


/* Dropdown focus */

.elementor-861 .elementor-element.elementor-element-222b158 form select:focus {

    border-color: #007600 !important;

    background-position:
        calc(100% - 20px) 20px,
        calc(100% - 14px) 20px !important;
}


/* ===============================
   FILE UPLOAD
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="file"] {

    min-height: 52px !important;

    padding: 10px !important;

    background: #f8fafc !important;

    cursor: pointer !important;
}

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="file"]:hover {

    border-color: #007600 !important;

    background: #f4faf4 !important;
}


/* ===============================
   CHECKBOX / RADIO
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="checkbox"],
.elementor-861 .elementor-element.elementor-element-222b158 form input[type="radio"] {

    accent-color: #007600 !important;

    cursor: pointer !important;
}


/* ===============================
   SUBMIT BUTTON
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="submit"],
.elementor-861 .elementor-element.elementor-element-222b158 form button[type="submit"] {

    width: 100% !important;

    min-height: 54px !important;

    padding: 14px 28px !important;

    margin-top: 8px !important;

    border: none !important;

    border-radius: 12px !important;

    background:
        linear-gradient(
            100deg,
            #007600,
            #1d4b84,
            #850c0a
        ) !important;

    background-size: 200% 100% !important;

    color: #ffffff !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    letter-spacing: .1px !important;

    cursor: pointer !important;

    box-shadow:
        0 8px 22px rgba(29, 75, 132, .18) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background-position .5s ease !important;
}


/* Button hover */

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="submit"]:hover,
.elementor-861 .elementor-element.elementor-element-222b158 form button[type="submit"]:hover {

    transform: translateY(-3px) !important;

    background-position: 100% 0 !important;

    box-shadow:
        0 14px 30px rgba(29, 75, 132, .25) !important;
}


/* Button active */

.elementor-861 .elementor-element.elementor-element-222b158 form input[type="submit"]:active,
.elementor-861 .elementor-element.elementor-element-222b158 form button[type="submit"]:active {

    transform: translateY(0) scale(.985) !important;
}


/* ===============================
   PLACEHOLDER
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form input::placeholder,
.elementor-861 .elementor-element.elementor-element-222b158 form textarea::placeholder {

    color: #9aa5af !important;

    opacity: 1 !important;

    transition: opacity .25s ease !important;
}

.elementor-861 .elementor-element.elementor-element-222b158 form input:focus::placeholder,
.elementor-861 .elementor-element.elementor-element-222b158 form textarea:focus::placeholder {

    opacity: .35 !important;
}


/* ===============================
   REQUIRED
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form .required {

    color: #850c0a !important;
}


/* ===============================
   ERROR
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form .error,
.elementor-861 .elementor-element.elementor-element-222b158 form .error-message {

    color: #850c0a !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;

    margin-top: 5px !important;

    animation: ewfShake .35s ease;
}


/* ===============================
   SUCCESS
   =============================== */

.elementor-861 .elementor-element.elementor-element-222b158 form .success,
.elementor-861 .elementor-element.elementor-element-222b158 form .success-message {

    padding: 14px 17px !important;

    margin-bottom: 20px !important;

    border-radius: 11px !important;

    color: #007600 !important;

    background: #f1faf1 !important;

    border: 1px solid rgba(0,118,0,.15) !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;

    animation: ewfSuccess .5s ease both;
}


/* =====================================================
   LARGE DESKTOP
   ===================================================== */

@media (min-width: 1400px) {

    .elementor-861 .elementor-element.elementor-element-222b158 form {

        max-width: 1150px !important;

        padding: 48px 58px !important;

        border-radius: 24px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form input:not([type="submit"]),
    .elementor-861 .elementor-element.elementor-element-222b158 form textarea,
    .elementor-861 .elementor-element.elementor-element-222b158 form select {

        min-height: 54px !important;

        font-size: 14px !important;
    }
}


/* =====================================================
   TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1100px) {

    .elementor-861 .elementor-element.elementor-element-222b158 form {

        max-width: 92% !important;

        padding: 32px !important;

        margin: 35px auto !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form label {

        font-size: 13px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form input:not([type="submit"]),
    .elementor-861 .elementor-element.elementor-element-222b158 form textarea,
    .elementor-861 .elementor-element.elementor-element-222b158 form select {

        min-height: 49px !important;

        font-size: 13px !important;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .elementor-861 .elementor-element.elementor-element-222b158 form {

        width: calc(100% - 10px) !important;

        max-width: 100% !important;

        padding: 22px 17px !important;

        margin: 22px auto !important;

        border-radius: 17px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form p,
    .elementor-861 .elementor-element.elementor-element-222b158 form .form-group,
    .elementor-861 .elementor-element.elementor-element-222b158 form .field,
    .elementor-861 .elementor-element.elementor-element-222b158 form .form-field {

        margin-bottom: 17px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form label {

        font-size: 12px !important;

        margin-bottom: 6px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form input:not([type="submit"]):not([type="button"]),
    .elementor-861 .elementor-element.elementor-element-222b158 form textarea,
    .elementor-861 .elementor-element.elementor-element-222b158 form select {

        min-height: 46px !important;

        padding: 10px 12px !important;

        font-size: 12px !important;

        border-radius: 9px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form textarea {

        min-height: 120px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form input[type="submit"],
    .elementor-861 .elementor-element.elementor-element-222b158 form button[type="submit"] {

        min-height: 48px !important;

        font-size: 13px !important;
    }
}


/* =====================================================
   SMALL MOBILE
   ===================================================== */

@media (max-width: 480px) {

    .elementor-861 .elementor-element.elementor-element-222b158 form {

        width: 100% !important;

        padding: 19px 13px !important;

        margin: 18px auto !important;

        border-radius: 15px !important;
    }

    .elementor-861 .elementor-element.elementor-element-222b158 form input:not([type="submit"]),
    .elementor-861 .elementor-element.elementor-element-222b158 form textarea,
    .elementor-861 .elementor-element.elementor-element-222b158 form select {

        font-size: 12px !important;
    }
}


/* =====================================================
   ANIMATIONS
   ===================================================== */

@keyframes ewfFormEnter {

    from {
        opacity: 0;
        transform: translateY(25px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


@keyframes ewfLine {

    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 75%;
        opacity: 1;
    }
}


@keyframes ewfSuccess {

    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes ewfShake {

    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-4px);
    }

    75% {
        transform: translateX(4px);
    }
}


/* =====================================================
   REDUCE MOTION
   ===================================================== */

@media (prefers-reduced-motion: reduce) {

    .elementor-861 .elementor-element.elementor-element-222b158 form,
    .elementor-861 .elementor-element.elementor-element-222b158 form * {

        animation: none !important;

        transition: none !important;
    }
}/* End custom CSS */