.elementor-11 .elementor-element.elementor-element-ffec59f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-7db2cbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f08a8ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-d89f1ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-7db2cbe{--width:25%;}.elementor-11 .elementor-element.elementor-element-f08a8ee{--width:50%;}.elementor-11 .elementor-element.elementor-element-d89f1ea{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-d045e5e *//* ================================
   VOCM LOGIN – MATCH FAKE FORM UI
================================ */

/* Remove Fluent title */
.vocm-fluent-login .ff-form-title {
    display: none !important;
}

/* Form container spacing */
.vocm-login-card .vocm-fluent-login {
    margin-top: 8px;
}

/* Field group spacing (same as fake form) */
.vocm-fluent-login .ff-el-group {
    margin-bottom: 20px !important;
}

/* Label – same font & spacing */
.vocm-fluent-login label {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    margin-bottom: 6px !important;
}

/* Input fields – same height & radius */
.vocm-fluent-login input[type="text"],
.vocm-fluent-login input[type="email"],
.vocm-fluent-login input[type="password"] {
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    font-size: 14px !important;
    background: #ffffff !important;
}

/* Focus effect */
.vocm-fluent-login input:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
}

/* LOGIN BUTTON – FULL WIDTH (KEY DIFFERENCE) */
.vocm-fluent-login button,
.vocm-fluent-login .ff-btn-submit {
    width: 100% !important;
    height: 48px !important;
    background: #2563eb !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    margin-top: 8px !important;
}

/* Hover same as fake form */
.vocm-fluent-login button:hover {
    background: #1e40af !important;
}

/* Error text – inline, clean */
.vocm-fluent-login .ff-el-errors,
.vocm-fluent-login .ff-message-error {
    margin-top: 6px;
    font-size: 13px;
    color: #dc2626;
}

/* Remove extra Fluent spacing under button */
.vocm-fluent-login .ff-el-form-control {
    margin-bottom: 0 !important;
}

/* ================================
   VOCM LOGIN TITLE
================================ */

.vocm-login-title {
    text-align: center;
    margin-bottom: 26px;
}

.vocm-login-badge {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    color: #2563eb;
    margin-bottom: 10px;
}

.vocm-login-heading {
    font-size: 22px;
    font-weight: 800;
    color: #020617;
    margin: 0 0 6px;
}

.vocm-login-sub {
    font-size: 14px;
    color: #64748b;
}

.vocm-login-title {
    animation: fadeDown .35s ease;
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ================================
   VOCM LOGIN FOOTER
================================ */

.vocm-login-footer {
    text-align: center;
    font-size: 12px;
    color: #94a3b8;
    margin-top: 22px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f08a8ee */.vocm-login-card {
    background: #ffffff;
    border-radius: 22px;
    padding: 36px 32px;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 30px 60px rgba(2,6,23,0.55);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9bba19 */.vocm-fluent-login .ff-message-success,
.vocm-fluent-login .ff-message-error {
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    text-align: center;
}

.vocm-fluent-login .ff-message-success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
}

.vocm-fluent-login .ff-message-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffec59f *//* VOCM LOGIN BACKGROUND – SAME AS PREVIOUS */
.vocm-login-section {
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(
        135deg,
        #020617 0%,
        #020617 25%,
        #020617 45%,
        #0f1b3d 65%,
        #1e3a8a 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */