/*Put Swal hover everything*/

.swal-overlay {
    z-index: 100000000000 !important;
}


/******************* FORM USING CONTACT FORM 7 AS BASE ***************/

form.rpp-front-form {
    padding: 0px !important;
}

form.rpp-front-form h2 {
    text-align: left;
}

form.rpp-front-form label {
    width: 100%;
    display: block;
    text-align: left;
}

form.rpp-front-form span.accept_rules {
    font-size: 13px;
    line-height: 1;
}

form.rpp-front-form p {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}


/*** progress bar *******/

.form-status {
    font-weight: bold;
    margin: 12px 0;
}

.form-status p {
    margin: 0;
}

.form-status .text-success {
    color: #43d084;
}

.form-status .text-error {
    color: #fe7676;
}

.form-status .progressbar-holder {
    display: block;
    width: 100%;
    height: 4px;
    background: #fafbfd;
    border-radius: 6px;
    overflow: hidden;
}

.form-status .progressbar-holder .progressbar {
    height: 100%;
    width: 0;
    background: #5b7bfe;
    border-radius: 6px;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}


/********* MAGNIFIC POPUP */

:root {
    --popup_width: 700px;
}

#rpp-popup {
    position: relative !important;
    background: #FFF !important;
    padding: 0px !important;
    width: auto !important;
    max-width: var(--popup_width) !important;
    margin: 20px auto !important;
    overflow-y: auto !important;
}

#rpp-popup .vc_row .container {
    max-width: var(--popup_width);
}