.elementor-63 .elementor-element.elementor-element-679dabb{--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:020px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-63 .elementor-element.elementor-element-09ee97a{--display:flex;}.elementor-63 .elementor-element.elementor-element-eaec340{--display:flex;}.elementor-63 .elementor-element.elementor-element-bd51088 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-09ee97a{--width:50%;}.elementor-63 .elementor-element.elementor-element-eaec340{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-bd51088 *//* ==========================================
   ALWAYS PERFECT PEPTIDES
   PREMIUM FLUENT FORMS DESIGN
   FORM ID: 1
   ========================================== */

/* BOX SIZING */

body .fluentform_wrapper_1,
body .fluentform_wrapper_1 * {
    box-sizing: border-box;
}

/* MAIN FORM CARD */

body .fluentform_wrapper_1 {
    --app-primary: var(--e-global-color-primary, #0A2665);
    --app-secondary: var(--e-global-color-secondary, #2E7DD6);
    --app-text: var(--e-global-color-text, #24334D);
    --app-accent: var(--e-global-color-accent, #0DAEFC);

    --app-heading: var(--e-global-typography-primary-font-family, "Manrope");
    --app-body: var(--e-global-typography-text-font-family, "Inter");
    --app-button: var(--e-global-typography-accent-font-family, "Inter");

    position: relative;
    width: 100%;
    max-width: 720px;

    margin: 0 auto !important;
    padding: clamp(25px, 3.5vw, 40px) !important;

    background:
        radial-gradient(circle at 95% 5%,
            rgba(13,174,252,.13),
            transparent 36%),
        radial-gradient(circle at 5% 100%,
            rgba(46,125,214,.08),
            transparent 40%),
        linear-gradient(145deg,
            #FFFFFF,
            #F4F9FF);

    border: 1px solid #D8E8F8;
    border-radius: 20px;

    box-shadow:
        0 22px 55px rgba(10,38,101,.09);

    font-family: var(--app-body), sans-serif;
    color: var(--app-text);
}

/* SUPPORT LABEL */

body .fluentform_wrapper_1::before {
    content: "●  ALWAYS PERFECT PEPTIDES SUPPORT";

    display: inline-flex;
    align-items: center;

    margin: 0 0 17px;
    padding: 9px 13px;

    color: var(--app-secondary);
    background: #EAF5FF;

    border: 1px solid #D9EAFE;
    border-radius: 8px;

    font-family: var(--app-heading), sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 1.3;
}

/* FORM TITLE */

body .fluentform_wrapper_1 #fluentform_1::before {
    content: "Send Us a Message";

    display: block;
    width: 100%;

    margin: 0 0 20px;
    padding: 0 0 18px;

    color: var(--app-primary);

    font-family: var(--app-heading), sans-serif;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.025em;

    background-image:
        linear-gradient(
            90deg,
            #0A2665,
            #2E7DD6,
            #0DAEFC
        );

    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 110px 3px;
}

/* FORM DESCRIPTION */

body .fluentform_wrapper_1 #fluentform_1 fieldset::before {
    content: "Have a question about Always Perfect Peptides research compounds, product information, shipping, documentation, or an existing order? Send our support team a message or email support@alwaysperfectpeptites.com.";

    display: block;
    width: 100%;
    margin: 0 0 23px;

    color: #526580;
    font-family: var(--app-body), sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

/* FORM STRUCTURE */

body .fluentform_wrapper_1 #fluentform_1 {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body .fluentform_wrapper_1 #fluentform_1 fieldset {
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;
}

/* FIELD CONTAINERS */

body .fluentform_wrapper_1 #fluentform_1 .ff-el-group {
    margin-bottom: 19px !important;
    min-width: 0;
}

body .fluentform_wrapper_1 #fluentform_1 .ff-t-container {
    gap: 16px;
}

/* LABELS */

body .fluentform_wrapper_1 #fluentform_1
.ff-el-input--label {
    margin-bottom: 8px !important;
}

body .fluentform_wrapper_1 #fluentform_1
.ff-el-input--label label {
    color: var(--app-primary) !important;

    font-family: var(--app-body), sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !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 {

    width: 100% !important;
    max-width: 100% !important;

    padding: 16px 17px !important;

    color: var(--app-primary) !important;
    background: #FFFFFF !important;

    border: 1px solid #D6E4F4 !important;
    border-radius: 12px !important;

    outline: none !important;

    font-family: var(--app-body), sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    box-shadow:
        0 5px 16px rgba(10,38,101,.035) !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}

/* INPUT HOVER */

body .fluentform_wrapper_1 #fluentform_1
input.ff-el-form-control:hover,

body .fluentform_wrapper_1 #fluentform_1
select.ff-el-form-control:hover,

body .fluentform_wrapper_1 #fluentform_1
textarea.ff-el-form-control:hover {
    border-color: #9FC4F0 !important;
}

/* PLACEHOLDERS */

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: #8799AE !important;
    opacity: 1 !important;
}

/* FOCUS */

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 {

    background: #FFFFFF !important;
    border-color: var(--app-secondary) !important;

    box-shadow:
        0 0 0 3px rgba(46,125,214,.12) !important;
}

/* TEXTAREA */

body .fluentform_wrapper_1 #fluentform_1
textarea.ff-el-form-control {
    min-height: 165px !important;
    resize: vertical;
}

/* SELECT OPTIONS */

body .fluentform_wrapper_1 #fluentform_1
select.ff-el-form-control option {
    background: #FFFFFF;
    color: #0A2665;
}

/* CHECKBOXES AND RADIO */

body .fluentform_wrapper_1 #fluentform_1
input[type="checkbox"],

body .fluentform_wrapper_1 #fluentform_1
input[type="radio"] {
    accent-color: #2E7DD6;
}

/* SUBMIT BUTTON WRAPPER */

body .fluentform_wrapper_1 #fluentform_1
.ff_submit_btn_wrapper {
    width: 100%;
    margin-top: 6px !important;
}

/* SUBMIT BUTTON — GLOBAL APP SETTINGS */

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: 54px !important;

    padding: 17px 35px !important;

    background: #0A2665 !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 20px !important;

    font-family: var(--app-button), sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    letter-spacing: .3px !important;
    text-transform: none !important;

    cursor: pointer !important;

    box-shadow:
        0 6px 18px rgba(10,38,101,.12) !important;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}

/* BUTTON HOVER */

body .fluentform_wrapper_1 #fluentform_1
button.ff-btn-submit:hover {
    background: #1769D2 !important;
    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(10,38,101,.17) !important;
}

body .fluentform_wrapper_1 #fluentform_1
button.ff-btn-submit:focus-visible {
    outline: 3px solid rgba(13,174,252,.35) !important;
    outline-offset: 3px !important;
}

/* LOADING */

body .fluentform_wrapper_1 #fluentform_1
button.ff-btn-submit.ff-working {
    opacity: .7 !important;
    cursor: wait !important;
}

/* ERROR INPUTS */

body .fluentform_wrapper_1 #fluentform_1
.ff-el-is-error .ff-el-form-control {
    border-color: #D95C64 !important;
    box-shadow:
        0 0 0 3px rgba(217,92,100,.09) !important;
}

/* VALIDATION MESSAGES */

body .fluentform_wrapper_1 #fluentform_1
.text-danger,

body .fluentform_wrapper_1 #fluentform_1
.error {
    display: block;

    margin-top: 7px !important;

    color: #C64F57 !important;

    font-family: var(--app-body), sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* SUCCESS MESSAGE */

body .fluentform_wrapper_1
.ff-message-success {
    margin: 18px 0 0 !important;
    padding: 18px !important;

    background: #EEF8FF !important;
    color: var(--app-primary) !important;

    border: 1px solid #D1E8FA !important;
    border-left: 4px solid #2E7DD6 !important;
    border-radius: 12px !important;

    font-family: var(--app-body), sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* INFORMATION LINE — NO DATE */

body .fluentform_wrapper_1
#fluentform_1::after {
    content:
        "Always Perfect Peptides | support@alwaysperfectpeptites.com";

    display: block;
    width: 100%;

    margin: 22px 0 0;
    padding: 18px 5px 0;

    border-top: 1px solid #DCE9F8;

    color: #71839C;

    font-family: var(--app-body), sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
    overflow-wrap: anywhere;
}

/* TABLET */

@media (max-width: 768px) {

    body .fluentform_wrapper_1 {
        padding: 25px 20px !important;
        border-radius: 16px;
    }

    body .fluentform_wrapper_1
    #fluentform_1::before {
        font-size: 30px;
    }

    body .fluentform_wrapper_1
    #fluentform_1 fieldset::before {
        font-size: 14px;
    }

    body .fluentform_wrapper_1
    #fluentform_1 .ff-t-container {
        flex-direction: column;
    }

    body .fluentform_wrapper_1
    #fluentform_1 .ff-t-cell {
        width: 100%;
    }
}

/* MOBILE */

@media (max-width: 480px) {

    body .fluentform_wrapper_1 {
        padding: 22px 17px !important;
        border-radius: 14px;
    }

    body .fluentform_wrapper_1::before {
        font-size: 10px;
        letter-spacing: .5px;
    }

    body .fluentform_wrapper_1
    #fluentform_1::before {
        font-size: 27px;
    }

    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 !important;
        font-size: 14px !important;
    }

    body .fluentform_wrapper_1
    #fluentform_1::after {
        font-size: 10px;
    }
}

/* REDUCED MOTION */

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

    body .fluentform_wrapper_1,
    body .fluentform_wrapper_1 * {
        transition: none !important;
    }
}/* End custom CSS */