.elementor-23 .elementor-element.elementor-element-83ce17c{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-23 .elementor-element.elementor-element-0f51d36{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-23 .elementor-element.elementor-element-4629def{--display:flex;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-83ce17c{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-0f51d36{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-4629def{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-83ce17c{--content-width:1300px;}.elementor-23 .elementor-element.elementor-element-0f51d36{--width:50%;}.elementor-23 .elementor-element.elementor-element-4629def{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-0f51d36{--width:100%;}.elementor-23 .elementor-element.elementor-element-4629def{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-15314d4 *//* =========================================================
       PRIME PEPTIDES — FLUENT FORM DESIGN
       Fluent Form ID: #fluentform_1
       Wrapper: .fluentform_wrapper_1
    ========================================================= */
    
    
    /* =========================================================
       BOX SIZING
    ========================================================= */
    
    body .fluentform_wrapper_1,
    body .fluentform_wrapper_1 * {
        box-sizing: border-box;
    }
    
    
    /* =========================================================
       MAIN FORM CARD
    ========================================================= */
    
    body .fluentform_wrapper_1 {
    
        /* PRIME PEPTIDES BRAND */
        --pp-black: #02050C;
        --pp-deep: #050A16;
        --pp-navy: #071329;
        --pp-navy-light: #0A1D3D;
    
        --pp-blue: #2F7CF6;
        --pp-blue-bright: #168CFF;
        --pp-blue-light: #67B7FF;
    
        --pp-heading: #071329;
        --pp-text: #202938;
        --pp-muted: #667085;
        --pp-placeholder: #98A2B3;
    
        --pp-border: #E1E7EF;
        --pp-border-blue: rgba(47, 124, 246, 0.24);
    
        --pp-background: #FFFFFF;
        --pp-background-soft: #F6F9FD;
        --pp-blue-soft: #F1F6FF;
    
        position: relative;
        isolation: isolate;
    
        overflow: hidden;
    
        width: 100%;
        max-width: 720px;
    
        margin: 0 auto !important;
    
        padding:
            clamp(26px, 3.2vw, 40px) !important;
    
        background:
    
            radial-gradient(
                circle at 88% 14%,
                rgba(47, 124, 246, 0.13),
                transparent 31%
            ),
    
            radial-gradient(
                circle at 0% 100%,
                rgba(22, 140, 255, 0.06),
                transparent 36%
            ),
    
            linear-gradient(
                120deg,
                rgba(47, 124, 246, 0.035),
                transparent 42%
            ),
    
            linear-gradient(
                135deg,
                #FFFFFF 0%,
                #F6F9FD 100%
            );
    
        border:
            1px solid var(--pp-border-blue);
    
        border-radius: 14px;
    
        box-shadow:
    
            0 18px 45px rgba(7, 19, 41, 0.08),
    
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    
        font-family:
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif;
    
        transition:
            transform 0.35s ease,
            border-color 0.35s ease,
            box-shadow 0.35s ease;
    }
    
    
    body .fluentform_wrapper_1:hover {
    
        transform:
            translateY(-4px);
    
        border-color:
            rgba(47, 124, 246, 0.48);
    
        box-shadow:
    
            0 24px 60px rgba(7, 19, 41, 0.12),
    
            0 0 0 1px rgba(47, 124, 246, 0.05),
    
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    
    
    /* =========================================================
       DECORATIVE BLUE GLOW
    ========================================================= */
    
    body .fluentform_wrapper_1::after {
    
        content: "";
    
        position: absolute;
    
        top: -120px;
        right: -105px;
    
        z-index: -1;
    
        width: 270px;
        height: 270px;
    
        border-radius: 50%;
    
        background:
    
            radial-gradient(
                circle,
                rgba(47, 124, 246, 0.16),
                rgba(47, 124, 246, 0) 68%
            );
    
        pointer-events: none;
    }
    
    
    /* =========================================================
       GET IN TOUCH KICKER
    ========================================================= */
    
    body .fluentform_wrapper_1::before {
    
        content: "●  CONTACT SUPPORT";
    
        position: relative;
    
        z-index: 2;
    
        display: inline-flex;
    
        align-items: center;
    
        margin:
            0 0 14px;
    
        padding:
            8px 13px;
    
        color:
            var(--pp-blue);
    
        background:
            rgba(47, 124, 246, 0.07);
    
        border:
            1px solid rgba(47, 124, 246, 0.24);
    
        border-radius: 5px;
    
        font-family:
            var(--e-global-typography-primary-font-family),
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif;
    
        font-size: 12px;
    
        font-weight: 600;
    
        line-height: 1;
    
        letter-spacing: 0.14em;
    
        text-transform: uppercase;
    
        text-shadow:
            0 0 16px rgba(47, 124, 246, 0.18);
    }
    
    
    /* =========================================================
       FORM RESET
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1 {
    
        width: 100%;
    
        margin: 0 !important;
    
        padding: 0 !important;
    }
    
    
    /* =========================================================
       FORM TITLE
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1::before {
    
        content: "Send Us a Message";
    
        display: block;
    
        margin:
            0 0 17px;
    
        padding:
            0 0 18px;
    
        color:
            var(--pp-heading);
    
        background-image:
    
            linear-gradient(
                90deg,
                var(--pp-blue),
                var(--pp-blue-bright)
            );
    
        background-repeat:
            no-repeat;
    
        background-position:
            left bottom;
    
        background-size:
            76px 3px;
    
        font-family:
            var(--e-global-typography-primary-font-family),
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif;
    
        font-size:
            clamp(30px, 4vw, 38px);
    
        font-weight: 700;
    
        line-height: 1.08;
    
        letter-spacing: -0.02em;
    }
    
    
    /* =========================================================
       VERTICAL FORM LAYOUT
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1 fieldset {
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr) !important;
    
        gap: 16px !important;
    
        width: 100%;
    
        min-width: 0;
    
        margin: 0 !important;
    
        padding: 0 !important;
    
        border: none !important;
    
        outline: none !important;
    
        background: transparent !important;
    
        box-shadow: none !important;
    }
    
    
    /* =========================================================
       FORM SUBTITLE
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1 fieldset::before {
    
        content:
            "Have a question about Prime Peptides research compounds, your account, shipping, COA documentation, or an existing order? Send us a message and our support team will assist you.";
    
        display: block;
    
        grid-column:
            1 !important;
    
        width: 100%;
    
        max-width: 640px;
    
        margin:
            0 0 12px;
    
        color:
            var(--pp-muted);
    
        font-family:
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif;
    
        font-size: 15.5px;
    
        font-weight: 400;
    
        line-height: 1.72;
    }
    
    
    /* =========================================================
       FORCE EVERY FIELD FULL WIDTH
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    fieldset > .ff-name-field-wrapper,
    
    body .fluentform_wrapper_1 #fluentform_1
    fieldset > .ff-el-group,
    
    body .fluentform_wrapper_1 #fluentform_1
    fieldset > .ff-field_container,
    
    body .fluentform_wrapper_1 #fluentform_1
    fieldset > div {
    
        grid-column:
            1 !important;
    
        width:
            100% !important;
    
        min-width:
            0 !important;
    }
    
    
    /* =========================================================
       RESET FLUENT FORMS SPACING
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-field_container,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-name-field-wrapper,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-group,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-t-container,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-t-cell,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-input--content {
    
        width: 100%;
    
        min-width: 0;
    
        margin: 0 !important;
    
        padding: 0 !important;
    }
    
    
    /* =========================================================
       NAME INPUTS VERTICAL
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-name-field-wrapper .ff-t-container {
    
        display: grid !important;
    
        grid-template-columns:
            1fr !important;
    
        gap: 16px !important;
    }
    
    
    /* =========================================================
       FORCE ALL ROWS ONE COLUMN
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-t-container {
    
        grid-template-columns:
            1fr !important;
    
        flex-direction:
            column !important;
    }
    
    
    /* =========================================================
       HIDE BROWSER EXTENSION MIRROR
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    csext-root-mirror {
    
        display: none !important;
    }
    
    
    /* =========================================================
       HIDE FIELD LABELS VISUALLY
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-input--label {
    
        position:
            absolute !important;
    
        width:
            1px !important;
    
        height:
            1px !important;
    
        margin:
            -1px !important;
    
        padding:
            0 !important;
    
        overflow:
            hidden !important;
    
        clip:
            rect(0, 0, 0, 0) !important;
    
        clip-path:
            inset(50%) !important;
    
        border:
            0 !important;
    
        white-space:
            nowrap !important;
    }
    
    
    /* Screen reader legend */
    
    body .fluentform_wrapper_1 #fluentform_1
    legend.ff_screen_reader_title {
    
        position:
            absolute !important;
    
        width:
            1px !important;
    
        height:
            1px !important;
    
        margin:
            -1px !important;
    
        padding:
            0 !important;
    
        overflow:
            hidden !important;
    
        clip:
            rect(0, 0, 0, 0) !important;
    
        clip-path:
            inset(50%) !important;
    
        white-space:
            nowrap !important;
    }
    
    
    /* =========================================================
       INPUTS / SELECTS / TEXTAREA
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    input.ff-el-form-control,
    
    body .fluentform_wrapper_1 #fluentform_1
    select.ff-el-form-control,
    
    body .fluentform_wrapper_1 #fluentform_1
    textarea.ff-el-form-control {
    
        display: block;
    
        width:
            100% !important;
    
        max-width:
            100% !important;
    
        margin:
            0 !important;
    
        padding:
            17px 18px !important;
    
        color:
            var(--pp-text) !important;
    
        background:
            rgba(255, 255, 255, 0.98) !important;
    
        border:
            1.5px solid var(--pp-border) !important;
    
        border-radius:
            8px !important;
    
        outline:
            none !important;
    
        font-family:
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif !important;
    
        font-size:
            15px !important;
    
        font-weight:
            400 !important;
    
        line-height:
            1.5 !important;
    
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    
        transition:
            border-color 0.25s ease,
            background-color 0.25s ease,
            box-shadow 0.25s ease !important;
    }
    
    
    /* =========================================================
       PLACEHOLDER
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    input.ff-el-form-control::placeholder,
    
    body .fluentform_wrapper_1 #fluentform_1
    textarea.ff-el-form-control::placeholder {
    
        color:
            var(--pp-placeholder) !important;
    
        opacity:
            1 !important;
    }
    
    
    /* =========================================================
       FOCUS STATE
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    input.ff-el-form-control:focus,
    
    body .fluentform_wrapper_1 #fluentform_1
    select.ff-el-form-control:focus,
    
    body .fluentform_wrapper_1 #fluentform_1
    textarea.ff-el-form-control:focus {
    
        color:
            var(--pp-text) !important;
    
        background:
            #FFFFFF !important;
    
        border-color:
            var(--pp-blue) !important;
    
        box-shadow:
    
            0 0 0 4px rgba(47, 124, 246, 0.10),
    
            0 10px 24px rgba(7, 19, 41, 0.07) !important;
    }
    
    
    /* =========================================================
       TEXTAREA
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    textarea.ff-el-form-control {
    
        min-height:
            180px !important;
    
        resize:
            vertical !important;
    }
    
    
    /* =========================================================
       BROWSER AUTOFILL
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    input:-webkit-autofill,
    
    body .fluentform_wrapper_1 #fluentform_1
    input:-webkit-autofill:hover,
    
    body .fluentform_wrapper_1 #fluentform_1
    input:-webkit-autofill:focus {
    
        -webkit-text-fill-color:
            var(--pp-text) !important;
    
        -webkit-box-shadow:
            0 0 0 1000px #FFFFFF inset !important;
    
        border-color:
            var(--pp-blue) !important;
    }
    
    
    /* =========================================================
       CHECKBOXES / RADIO BUTTONS
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    input[type="checkbox"],
    
    body .fluentform_wrapper_1 #fluentform_1
    input[type="radio"] {
    
        accent-color:
            var(--pp-blue) !important;
    }
    
    
    /* =========================================================
       SUBMIT BUTTON WRAPPER
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff_submit_btn_wrapper {
    
        width: 100%;
    
        margin:
            0 !important;
    
        padding:
            0 !important;
    }
    
    
    /* =========================================================
       SUBMIT BUTTON
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit {
    
        display:
            inline-flex !important;
    
        align-items:
            center !important;
    
        justify-content:
            center !important;
    
        width:
            100% !important;
    
        min-height:
            56px !important;
    
        margin:
            0 !important;
    
        padding:
            16px 28px !important;
    
        color:
            #FFFFFF !important;
    
        background:
    
            linear-gradient(
                135deg,
                var(--pp-blue) 0%,
                var(--pp-blue-bright) 100%
            ) !important;
    
        border:
            none !important;
    
        border-radius:
            8px !important;
    
        font-family:
            var(--e-global-typography-primary-font-family),
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif !important;
    
        font-size:
            0 !important;
    
        font-weight:
            600 !important;
    
        line-height:
            1.2 !important;
    
        letter-spacing:
            0.05em !important;
    
        text-align:
            center !important;
    
        text-transform:
            uppercase !important;
    
        cursor:
            pointer !important;
    
        box-shadow:
    
            0 14px 30px
            rgba(47, 124, 246, 0.25) !important;
    
        transition:
    
            transform 0.25s ease,
    
            background 0.25s ease,
    
            box-shadow 0.25s ease !important;
    }
    
    
    /* =========================================================
       BUTTON TEXT
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit::after {
    
        content:
            "Submit Message";
    
        color:
            #FFFFFF;
    
        font-family:
            var(--e-global-typography-primary-font-family),
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif;
    
        font-size:
            16px;
    
        font-weight:
            600;
    
        line-height:
            1.2;
    
        letter-spacing:
            0.05em;
    
        text-transform:
            uppercase;
    }
    
    
    /* =========================================================
       BUTTON HOVER
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit:hover {
    
        color:
            #FFFFFF !important;
    
        background:
    
            linear-gradient(
                135deg,
                var(--pp-blue-bright) 0%,
                var(--pp-navy) 100%
            ) !important;
    
        transform:
            translateY(-2px);
    
        box-shadow:
    
            0 18px 42px rgba(7, 19, 41, 0.20),
    
            0 8px 24px rgba(47, 124, 246, 0.20) !important;
    }
    
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit:active {
    
        transform:
            translateY(0);
    }
    
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit:focus-visible {
    
        outline:
            3px solid rgba(47, 124, 246, 0.25) !important;
    
        outline-offset:
            3px !important;
    }
    
    
    /* =========================================================
       LOADING STATE
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    button.ff-btn-submit.ff-working {
    
        opacity:
            0.75 !important;
    
        cursor:
            wait !important;
    }
    
    
    /* =========================================================
       VALIDATION ERRORS
    ========================================================= */
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-is-error input.ff-el-form-control,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-is-error select.ff-el-form-control,
    
    body .fluentform_wrapper_1 #fluentform_1
    .ff-el-is-error textarea.ff-el-form-control {
    
        border-color:
            #C83D3D !important;
    
        box-shadow:
    
            0 0 0 4px
            rgba(200, 61, 61, 0.08) !important;
    }
    
    
    body .fluentform_wrapper_1 #fluentform_1
    .text-danger,
    
    body .fluentform_wrapper_1 #fluentform_1
    .error {
    
        display: block;
    
        margin:
            7px 0 0 !important;
    
        color:
            #B52F2F !important;
    
        font-family:
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif !important;
    
        font-size:
            13px !important;
    
        font-weight:
            600 !important;
    
        line-height:
            1.4 !important;
    }
    
    
    /* =========================================================
       SUCCESS MESSAGE
    ========================================================= */
    
    body .fluentform_wrapper_1
    .ff-message-success {
    
        margin:
            18px 0 0 !important;
    
        padding:
            16px 18px !important;
    
        color:
            var(--pp-text) !important;
    
        background:
            var(--pp-blue-soft) !important;
    
        border:
            1px solid rgba(47, 124, 246, 0.28) !important;
    
        border-radius:
            8px !important;
    
        font-family:
            var(--e-global-typography-text-font-family),
            Arial,
            sans-serif !important;
    
        font-size:
            14px !important;
    
        line-height:
            1.6 !important;
    
        box-shadow:
            none !important;
    }
    
    
    /* =========================================================
       TABLET
    ========================================================= */
    
    @media only screen and (max-width: 768px) {
    
        body .fluentform_wrapper_1 {
    
            padding:
                24px 20px !important;
    
            border-radius:
                12px;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1::before {
    
            margin-bottom:
                16px;
    
            padding-bottom:
                16px;
    
            font-size:
                29px;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1 fieldset {
    
            grid-template-columns:
                1fr !important;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1
        fieldset::before {
    
            grid-column:
                1 !important;
    
            margin-bottom:
                8px;
    
            font-size:
                14.5px;
    
            line-height:
                1.68;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1
        input.ff-el-form-control,
    
        body .fluentform_wrapper_1 #fluentform_1
        select.ff-el-form-control,
    
        body .fluentform_wrapper_1 #fluentform_1
        textarea.ff-el-form-control {
    
            padding:
                15px 16px !important;
    
            border-radius:
                7px !important;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1
        textarea.ff-el-form-control {
    
            min-height:
                160px !important;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1
        button.ff-btn-submit {
    
            width:
                100% !important;
    
            min-height:
                54px !important;
        }
    
    }
    
    
    /* =========================================================
       SMALL MOBILE
    ========================================================= */
    
    @media only screen and (max-width: 480px) {
    
        body .fluentform_wrapper_1 {
    
            padding:
                21px 17px !important;
    
            border-radius:
                10px;
        }
    
    
        body .fluentform_wrapper_1::before {
    
            margin-bottom:
                12px;
    
            padding:
                7px 11px;
    
            font-size:
                10px;
    
            letter-spacing:
                0.11em;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1::before {
    
            font-size:
                26px;
        }
    
    
        body .fluentform_wrapper_1 #fluentform_1
        fieldset::before {
    
            font-size:
                14px;
        }
    
    }/* End custom CSS */