.elementor-4439 .elementor-element.elementor-element-53332dd{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4439 .elementor-element.elementor-element-50ba81f{padding:6% 0% 0% 0%;}.elementor-4439 .elementor-element.elementor-element-cb322d0{--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;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-4439 .elementor-element.elementor-element-1f0abe4{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#e8e8e8;--border-color:#e8e8e8;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:50px;}.elementor-4439 .elementor-element.elementor-element-071523a .title-subtitle{color:var( --e-global-color-text );}.elementor-4439 .elementor-element.elementor-element-2a7c1c6 .wd-accordion-title-text{font-family:"Bricolage Grotesque", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-4439 .elementor-element.elementor-element-2a7c1c6 .wd-accordion-content{font-family:"Manrope", Sans-serif;font-weight:400;color:#1A1A1A;}.elementor-4439 .elementor-element.elementor-element-b1ac510 .title-subtitle{color:var( --e-global-color-text );}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-4439 .elementor-element.elementor-element-b965d30{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4439 .elementor-element.elementor-element-b965d30 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-4439 .elementor-element.elementor-element-789122a{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:15px;--padding-left:50px;--padding-right:0px;}.elementor-4439 .elementor-element.elementor-element-775ddc4 .title-subtitle{color:var( --e-global-color-text );}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-type-html{padding-bottom:0px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:16px 16px 16px 16px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:16px 16px 16px 16px;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4439 .elementor-element.elementor-element-5e53a87{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px) and (min-width:769px){.elementor-4439 .elementor-element.elementor-element-1f0abe4{--width:100%;}.elementor-4439 .elementor-element.elementor-element-789122a{--width:100%;}}@media(max-width:1024px){.elementor-4439 .elementor-element.elementor-element-cb322d0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4439 .elementor-element.elementor-element-1f0abe4{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4439 .elementor-element.elementor-element-789122a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:768px){.elementor-4439 .elementor-element.elementor-element-53332dd{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4439 .elementor-element.elementor-element-2a7c1c6 .wd-accordion-title-text{font-size:17px;}.elementor-4439 .elementor-element.elementor-element-2a7c1c6 .wd-accordion-content{font-size:13px;}.elementor-4439 .elementor-element.elementor-element-2a7c1c6 > div > .wd-accordion > .wd-accordion-item > .wd-accordion-title > .wd-accordion-opener{font-size:13px;}}/* Start custom CSS for html, class: .elementor-element-50ba81f *//* ==================================================
   Zythex Labs — Responsive Premium Page Header
================================================== */

.zyx-page-hero {
    --zyx-blue: #215cf3;
    --zyx-dark: #10101f;
    --zyx-text: #64677b;

    position: relative;
    isolation: isolate;
    display: flex;
    width: 100%;
    min-height: 440px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 80px 24px;

    border-top: 1px solid rgba(33, 92, 243, 0.07);
    border-bottom: 1px solid rgba(33, 92, 243, 0.08);

    background:
        radial-gradient(
            circle at 50% 105%,
            rgba(57, 92, 255, 0.17) 0%,
            rgba(88, 105, 255, 0.08) 26%,
            transparent 54%
        ),
        radial-gradient(
            circle at 15% 15%,
            rgba(255, 255, 255, 0.92),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 15%,
            rgba(255, 255, 255, 0.72),
            transparent 31%
        ),
        linear-gradient(
            120deg,
            #f7f8ff 0%,
            #eeedff 46%,
            #f3efff 100%
        );
}

/* Subtle premium lighting */

.zyx-page-hero::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: min(760px, 64vw);
    height: 280px;
    content: "";
    pointer-events: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    filter: blur(65px);
    transform: translate(-50%, -50%);
}

.zyx-page-hero::after {
    position: absolute;
    z-index: -1;
    right: 13%;
    bottom: -155px;
    left: 13%;
    height: 250px;
    content: "";
    pointer-events: none;
    border-radius: 50%;
    background: rgba(52, 73, 229, 0.11);
    filter: blur(65px);
}

/* Minimal decorative line */

.zyx-page-hero__decor {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 50%;
    width: min(700px, 58vw);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(33, 92, 243, 0.3),
        transparent
    );
    transform: translateX(-50%);
}

/* ==================================================
   Main content
================================================== */

.zyx-page-hero__content {
    position: relative;
    z-index: 3;
    width: min(800px, 62vw);
    margin: 0 auto;
    text-align: center;
}

/* Eyebrow */

.zyx-page-hero__eyebrow {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 25px;
    padding: 10px 18px;

    color: #283457;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    border: 1px solid rgba(33, 92, 243, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);

    box-shadow:
        0 10px 30px rgba(38, 48, 110, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.zyx-page-hero__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zyx-blue);
    box-shadow: 0 0 0 4px rgba(33, 92, 243, 0.1);
}

/* Heading */

.zyx-page-hero__title {
    margin: 0;

    color: var(--zyx-dark);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(54px, 5.4vw, 88px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.zyx-page-hero__title span {
    color: var(--zyx-blue);
}

/* Description */

.zyx-page-hero__description {
    max-width: 720px;
    margin: 27px auto 0;

    color: var(--zyx-text);
    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.7;
}

/* ==================================================
   Vial clusters
================================================== */

.zyx-page-vials {
    position: absolute;
    z-index: 2;
    top: 50%;

    /* Reduced from the previous 520px maximum */
    width: clamp(270px, 22vw, 400px);
    max-height: calc(100% - 34px);
    object-fit: contain;

    pointer-events: none;
    user-select: none;

    filter: drop-shadow(
        0 24px 27px rgba(32, 42, 119, 0.15)
    );

    will-change: transform;
}

/* Left cluster */

.zyx-page-vials--left {
    left: clamp(-115px, -5.5vw, -40px);
    transform-origin: 45% 65%;
    animation: zyxFloatLeft 7.5s ease-in-out infinite;
}

/* Right cluster */

.zyx-page-vials--right {
    right: clamp(-115px, -5.5vw, -40px);
    transform-origin: 55% 65%;
    animation: zyxFloatRight 8s ease-in-out 0.5s infinite;
}

/* Smooth and light movement */

@keyframes zyxFloatLeft {
    0%,
    100% {
        transform:
            translate3d(0, -50%, 0)
            rotate(-1.2deg);
    }

    50% {
        transform:
            translate3d(6px, calc(-50% - 9px), 0)
            rotate(0.3deg);
    }
}

@keyframes zyxFloatRight {
    0%,
    100% {
        transform:
            translate3d(0, -50%, 0)
            rotate(1.2deg);
    }

    50% {
        transform:
            translate3d(-6px, calc(-50% - 8px), 0)
            rotate(-0.3deg);
    }
}

/* ==================================================
   Large laptop screens
================================================== */

@media (max-width: 1366px) {
    .zyx-page-hero {
        min-height: 420px;
    }

    .zyx-page-hero__content {
        width: min(720px, 60vw);
    }

    .zyx-page-vials {
        width: clamp(250px, 21vw, 350px);
    }
}

/* ==================================================
   Tablet
================================================== */

@media (max-width: 1024px) {
    .zyx-page-hero {
        min-height: 400px;
        padding: 72px 24px;
    }

    .zyx-page-hero__content {
        width: min(620px, 68vw);
    }

    .zyx-page-hero__title {
        font-size: clamp(48px, 7vw, 68px);
    }

    .zyx-page-vials {
        width: clamp(215px, 25vw, 285px);
        max-height: calc(100% - 42px);
    }

    .zyx-page-vials--left {
        left: -85px;
    }

    .zyx-page-vials--right {
        right: -85px;
    }
}

/* ==================================================
   Small tablet
================================================== */

@media (max-width: 767px) {
    .zyx-page-hero {
        min-height: 390px;
        padding: 65px 22px 80px;
    }

    .zyx-page-hero__content {
        width: min(540px, 80vw);
    }

    .zyx-page-hero__eyebrow {
        min-height: 40px;
        margin-bottom: 20px;
        padding: 9px 15px;
        font-size: 10px;
    }

    .zyx-page-hero__title {
        font-size: clamp(43px, 9vw, 58px);
    }

    .zyx-page-hero__description {
        max-width: 480px;
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.65;
    }

    .zyx-page-vials {
        width: 210px;
        max-height: 330px;
        opacity: 0.72;
    }

    .zyx-page-vials--left {
        left: -115px;
    }

    .zyx-page-vials--right {
        right: -115px;
    }
}

/* ==================================================
   Mobile
================================================== */

@media (max-width: 600px) {
    .zyx-page-hero {
        min-height: 430px;
        padding: 65px 18px 90px;
    }

    .zyx-page-hero__content {
        width: 100%;
        max-width: 410px;
    }

    .zyx-page-hero__title {
        font-size: clamp(41px, 12vw, 54px);
        line-height: 1;
    }

    .zyx-page-hero__title span {
        display: block;
    }

    .zyx-page-hero__description {
        max-width: 330px;
        font-size: 14px;
        line-height: 1.65;
    }

    /*
     * Vials remain visible but are moved toward the
     * lower corners to avoid covering the heading.
     */
    .zyx-page-vials {
        top: auto;
        bottom: -47px;
        width: 155px;
        max-height: 230px;
        opacity: 0.48;
        filter: drop-shadow(
            0 15px 18px rgba(32, 42, 119, 0.13)
        );
    }

    .zyx-page-vials--left {
        left: -49px;
        animation: zyxMobileFloatLeft 7.5s ease-in-out infinite;
    }

    .zyx-page-vials--right {
        right: -49px;
        animation: zyxMobileFloatRight 8s ease-in-out 0.5s infinite;
    }
}

/* Extra-small phones */

@media (max-width: 390px) {
    .zyx-page-hero {
        min-height: 420px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .zyx-page-hero__title {
        font-size: 41px;
    }

    .zyx-page-vials {
        bottom: -40px;
        width: 135px;
        opacity: 0.4;
    }

    .zyx-page-vials--left {
        left: -43px;
    }

    .zyx-page-vials--right {
        right: -43px;
    }
}

/* Mobile floating movement */

@keyframes zyxMobileFloatLeft {
    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            rotate(-1deg);
    }

    50% {
        transform:
            translate3d(4px, -7px, 0)
            rotate(0.3deg);
    }
}

@keyframes zyxMobileFloatRight {
    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            rotate(1deg);
    }

    50% {
        transform:
            translate3d(-4px, -7px, 0)
            rotate(-0.3deg);
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .zyx-page-vials {
        animation: none !important;
    }

    .zyx-page-vials--left,
    .zyx-page-vials--right {
        transform: translateY(-50%);
    }

    @media (max-width: 600px) {
        .zyx-page-vials--left,
        .zyx-page-vials--right {
            transform: none;
        }
    }
}

/* ==================================================
   Final Vial Position and Mobile Fix
================================================== */

/* Keep both vial clusters fully visible */
.zyx-page-vials {
    width: clamp(230px, 18vw, 330px);
    max-height: calc(100% - 50px);
    object-fit: contain;
}

/* Remove negative positioning that caused cropping */
.zyx-page-vials--left {
    left: clamp(20px, 2.5vw, 55px);
}

.zyx-page-vials--right {
    right: clamp(20px, 2.5vw, 55px);
}

/* Medium laptops */
@media (max-width: 1366px) {
    .zyx-page-vials {
        width: clamp(210px, 17vw, 280px);
    }

    .zyx-page-vials--left {
        left: 18px;
    }

    .zyx-page-vials--right {
        right: 18px;
    }

    .zyx-page-hero__content {
        width: min(720px, 62vw);
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .zyx-page-vials {
        width: clamp(175px, 20vw, 220px);
        max-height: calc(100% - 60px);
    }

    .zyx-page-vials--left {
        left: 14px;
    }

    .zyx-page-vials--right {
        right: 14px;
    }

    .zyx-page-hero__content {
        width: min(600px, 62vw);
    }
}

/* Hide vials completely on mobile and small tablets */
@media (max-width: 767px) {
    .zyx-page-vials,
    .zyx-page-vials--left,
    .zyx-page-vials--right {
        display: none !important;
        visibility: hidden !important;
        animation: none !important;
    }

    .zyx-page-hero {
        min-height: 370px;
        padding: 70px 22px;
    }

    .zyx-page-hero__content {
        width: 100%;
        max-width: 620px;
    }

    .zyx-page-hero__title {
        font-size: clamp(43px, 10vw, 58px);
    }

    .zyx-page-hero__description {
        max-width: 520px;
        margin-top: 21px;
        font-size: 15px;
    }
}

/* Phones */
@media (max-width: 600px) {
    .zyx-page-hero {
        min-height: 390px;
        padding: 65px 18px;
    }

    .zyx-page-hero__content {
        max-width: 410px;
    }

    .zyx-page-hero__title {
        font-size: clamp(41px, 12vw, 54px);
        line-height: 1;
    }

    .zyx-page-hero__title span {
        display: block;
    }

    .zyx-page-hero__description {
        max-width: 340px;
        font-size: 14px;
        line-height: 1.65;
    }
}
/* =========================================================
   ZYTHEX HERO TITLE
   Keep "Research Peptides" on ONE LINE on mobile
========================================================= */

@media (max-width: 767px) {

    .zyx-page-hero__content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    .zyx-page-hero__title {
        width: 100% !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        font-size: clamp(30px, 8.4vw, 38px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;

        white-space: nowrap !important;

        text-align: center !important;
    }

    .zyx-page-hero__title span {
        display: inline !important;
        white-space: nowrap !important;
    }

}


/* Extra protection for smaller phones */
@media (max-width: 390px) {

    .zyx-page-hero__title {
        font-size: clamp(27px, 8.1vw, 32px) !important;
        letter-spacing: -0.05em !important;
    }

}/* End custom CSS */