.elementor-57 .elementor-element.elementor-element-83a6a49{--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;}.elementor-57 .elementor-element.elementor-element-1d39d40{--display:flex;}.elementor-57 .elementor-element.elementor-element-2e8b6a2{--display:flex;}.elementor-57 .elementor-element.elementor-element-7359a32 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-83a6a49{--content-width:1300px;}.elementor-57 .elementor-element.elementor-element-1d39d40{--width:50%;}.elementor-57 .elementor-element.elementor-element-2e8b6a2{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-7359a32 *//* ============================================================
   BEST PRICE PEPTIDES
   PREMIUM FLUENT FORM
============================================================ */


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

.fluentform {

    --bpp-primary: #343B47;
    --bpp-secondary: #BFC5D3;
    --bpp-text: #424956;
    --bpp-accent: #5078D0;
    --bpp-muted: #727A88;
    --bpp-blue-hover: #3E64B5;
    --bpp-soft-blue: #E8EFFB;
    --bpp-ice-blue: #F1F5FC;
    --bpp-border: #DCE1EA;
    --bpp-white: #FFFFFF;
    --bpp-soft-bg: #F7F7F8;

    width: 100%;

    padding: 42px 34px 30px;

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


/* ============================================================
   HEADER
============================================================ */

.fluentform .bpp-ff-head {

    position: relative;

    margin-bottom: 26px;
}


.fluentform .bpp-ff-kicker {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 14px;

    padding: 7px 11px;

    border:
        1px solid rgba(80,120,208,.15);

    border-radius: 8px;

    background:
        rgba(241,245,252,.90);

    color: #5078D0;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.fluentform .bpp-ff-kicker::before {

    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #5078D0;

    box-shadow:
        0 0 0 3px rgba(80,120,208,.09);
}


.fluentform .bpp-ff-head h2 {

    position: relative;

    margin:
        0
        0
        16px;

    padding-bottom: 17px;

    color: #343B47;

    font-family:
        "Jost",
        Arial,
        sans-serif;

    font-size: 34px;
    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -.03em;
}


.fluentform .bpp-ff-head h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 92px;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #343B47,
            #5078D0
        );
}


.fluentform .bpp-ff-head p {

    max-width: 520px;

    margin: 0;

    color: #727A88;

    font-size: 12.5px;
    font-weight: 400;

    line-height: 1.72;
}


/* ============================================================
   FIELD GROUPS
============================================================ */

.fluentform .ff-el-group {
    margin-bottom: 14px;
}


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

.fluentform
.ff-el-input--label {

    margin-bottom: 7px;
}


.fluentform
.ff-el-input--label label {

    color: #343B47;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.35;
}


/* Required */

.fluentform .ff-el-required {
    color: #5078D0 !important;
}


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

.fluentform
.ff-el-form-control {

    width: 100%;

    min-height: 49px;

    padding:
        12px
        14px;

    border:
        1px solid #DCE1EA !important;

    border-radius: 10px !important;

    outline: none !important;

    background:
        rgba(255,255,255,.88) !important;

    color: #424956 !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90);

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


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

.fluentform
.ff-el-form-control::placeholder {

    color: #9AA1AD !important;

    opacity: 1 !important;
}


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

.fluentform
.ff-el-form-control:focus {

    border-color:
        rgba(80,120,208,.62) !important;

    background:
        #FFFFFF !important;

    box-shadow:
        0 0 0 4px rgba(80,120,208,.08),
        0 8px 22px rgba(37,43,52,.035) !important;
}


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

.fluentform textarea.ff-el-form-control {

    min-height: 145px !important;

    padding-top: 14px;

    resize: vertical;
}


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

.fluentform select.ff-el-form-control {

    cursor: pointer;

    appearance: auto;
}


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

.fluentform
.ff-btn-submit {

    width: 100% !important;

    min-height: 50px !important;

    margin-top: 1px;

    padding:
        12px
        24px !important;

    border: 0 !important;

    border-radius: 25px !important;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            100deg,
            #343B47 0%,
            #5078D0 100%
        ) !important;

    box-shadow:
        0 12px 28px rgba(80,120,208,.20) !important;

    font-family:
        "Jost",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.2;

    letter-spacing: .02em;

    text-transform: uppercase;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}


.fluentform
.ff-btn-submit:hover {

    transform:
        translateY(-2px);

    filter:
        brightness(.98);

    box-shadow:
        0 17px 34px rgba(80,120,208,.28) !important;
}


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

.fluentform
.ff-btn-submit:focus {

    outline: none !important;

    box-shadow:
        0 0 0 4px rgba(80,120,208,.12),
        0 14px 32px rgba(80,120,208,.23) !important;
}


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

.fluentform .ff-el-is-error
.ff-el-form-control {

    border-color:
        #C35D5D !important;

    box-shadow:
        0 0 0 3px rgba(195,93,93,.07) !important;
}


.fluentform
.text-danger {

    margin-top: 6px;

    color: #B55050 !important;

    font-size: 10.5px !important;
}


/* ============================================================
   SUCCESS MESSAGE
============================================================ */

.fluentform
.ff-message-success {

    margin: 0;

    padding: 18px 20px !important;

    border:
        1px solid rgba(80,120,208,.18) !important;

    border-radius: 12px !important;

    background:
        #F1F5FC !important;

    color:
        #343B47 !important;

    font-size: 13px !important;

    line-height: 1.65;

    box-shadow: none !important;
}


/* ============================================================
   ERROR MESSAGE
============================================================ */

.fluentform
.ff-errors-in-stack {

    margin-top: 15px;

    padding: 14px 16px;

    border-radius: 10px;

    background:
        rgba(195,93,93,.06);

    color:
        #9A4646;

    font-size: 11px;
}


/* ============================================================
   CHECKBOXES / RADIO
============================================================ */

.fluentform
.ff-el-form-check {

    margin-bottom: 8px;
}


.fluentform
.ff-el-form-check-label {

    color: #424956;

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


.fluentform
input[type="checkbox"],
.fluentform
input[type="radio"] {

    accent-color: #5078D0;
}


/* ============================================================
   FOOTER
============================================================ */

.fluentform
.bpp-ff-footer {

    margin-top: 16px;

    padding-top: 15px;

    border-top:
        1px solid #DCE1EA;

    text-align: center;

    color: #727A88;

    font-size: 9px;
    font-weight: 400;

    line-height: 1.6;
}


/* ============================================================
   REMOVE UNWANTED DEFAULT SPACING
============================================================ */

.fluentform
.ff_submit_btn_wrapper {

    margin-bottom: 0 !important;
}


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

@media (max-width: 767px) {

    .fluentform {

        padding:
            30px
            21px
            24px;
    }


    .fluentform
    .bpp-ff-head h2 {

        font-size: 29px;
    }


    .fluentform
    .bpp-ff-head p {

        font-size: 12px;
    }


    .fluentform
    .ff-el-form-control {

        min-height: 48px;

        font-size: 12.5px !important;
    }


    .fluentform
    textarea.ff-el-form-control {

        min-height: 135px !important;
    }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

    .fluentform
    .ff-el-form-control,

    .fluentform
    .ff-btn-submit {

        transition: none !important;
    }

}/* End custom CSS */