/* =============================================================
   DEMO FORM — COL-6 FIX
   Problem: .vc_col-sm-12 overrides .vc_col-lg-6 at all widths
   because WPBakery sets width:100% on sm-12 unconditionally.
   Fix: inside .demo-form-vaild, force the 50/50 split on desktop
   and only stack on genuine mobile.
   ============================================================= */

/* --- Desktop: 2-column layout (≥ 769px) -------------------- */

 .demo_error
    {
      color: #dc3545 !important;
      font-weight:bold;
      margin-left:10px !important;
      font-size: 13px;
      clear:both;

    }

    .error {
        color: #dc3545 !important;
        font-weight:bold !important;
        display: block !important;
        margin:0px !important;
        float: left !important;
        margin-left:0px !important;
        font-size: 13px;
        clear:both;
    }

@media (min-width: 769px) {

    .demo-form-vaild .vc_row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 24px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Kill WPBakery's float + clearfix */
    .demo-form-vaild .vc_row::before,
    .demo-form-vaild .vc_row::after {
        display: none !important;
    }

    /* Half-width columns — override vc_col-sm-12's width:100% */
    .demo-form-vaild .vc_col-lg-6 {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        flex: 0 0 calc(50% - 12px) !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    /* Full-width columns */
    .demo-form-vaild .vc_col-lg-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }
}

/* --- Mobile: stack to single column (≤ 768px) -------------- */
@media (max-width: 768px) {

    .demo-form-vaild .vc_row {
        display: flex !important;
        flex-direction: column !important;
    }

    .demo-form-vaild .vc_col-lg-6,
    .demo-form-vaild .vc_col-lg-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 14px;
    }
}

/* --- Row spacing between field rows ------------------------- */
.demo-form-vaild .vc_row {
    margin-bottom: 16px;
}

/* --- Remove the inline clear:both spacer divs --------------- */
.demo-form-vaild div[style*="clear:both"] {
    display: none !important;
}