.elementor-19 .elementor-element.elementor-element-05775f2{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19 .elementor-element.elementor-element-05775f2:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-05775f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-13-2026-03_27_01-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-5c439b6{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:60px;--padding-right:60px;}.elementor-19 .elementor-element.elementor-element-b38c7a7 .elementor-heading-title{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-344a79e > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-19 .elementor-element.elementor-element-344a79e{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-b82025c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-5bb4206.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-5bb4206.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-5bb4206.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-5bb4206 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-5bb4206 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-5bb4206 .elementor-image-box-title{font-size:16px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-df8e6b9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-df8e6b9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-df8e6b9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-df8e6b9 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-df8e6b9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-df8e6b9 .elementor-image-box-title{font-size:16px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-55b38e4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-55b38e4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-55b38e4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-55b38e4 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-55b38e4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-55b38e4 .elementor-image-box-title{font-size:16px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-355f822.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19 .elementor-element.elementor-element-355f822.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19 .elementor-element.elementor-element-355f822.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-355f822 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19 .elementor-element.elementor-element-355f822 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19 .elementor-element.elementor-element-355f822 .elementor-image-box-title{font-size:16px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-bc55281{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-7b36886 .elementor-button{font-size:14px;fill:#FFFFFF;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:20px 40px 20px 40px;}.elementor-19 .elementor-element.elementor-element-0c4faef .elementor-button{background-color:#02010100;font-size:14px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:20px 40px 20px 40px;}.elementor-19 .elementor-element.elementor-element-0c4faef > .elementor-widget-container{margin:0px 0px 0px -50px;}.elementor-19 .elementor-element.elementor-element-3a746cf{--display:flex;--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-19 .elementor-element.elementor-element-6748d44{--display:flex;--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-19 .elementor-element.elementor-element-53f9527{--display:flex;--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-19 .elementor-element.elementor-element-07d1159{--display:flex;--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-19 .elementor-element.elementor-element-54ee962{--display:flex;--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-19 .elementor-element.elementor-element-c872e23{--display:flex;--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-19 .elementor-element.elementor-element-72ada8d{--display:flex;--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-19 .elementor-element.elementor-element-0103240{--display:flex;--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-19 .elementor-element.elementor-element-7435262{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-b82025c{--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-bc55281{--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-6748d44:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-6748d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-14-2026-05_05_20-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-6748d44{--min-height:650px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-5c439b6{--width:50%;}.elementor-19 .elementor-element.elementor-element-3a746cf{--width:50%;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-b82025c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-5bb4206 .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-df8e6b9 .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-55b38e4 .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-355f822 .elementor-image-box-img{margin-bottom:15px;}.elementor-19 .elementor-element.elementor-element-bc55281{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-6748d44:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-6748d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-14-2026-05_12_10-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-6748d44{--min-height:800px;}}/* Start custom CSS for html, class: .elementor-element-efa789a *//* ===========================
   APEX BIO RX CATEGORY SECTION
=========================== */

.apex-category-section{
    width:100%;
    padding:90px 0;
    background:#ffffff;
    overflow:hidden;
}

.apex-container{
    width:95%;
    max-width:1600px;
    margin:0 auto;
}

/* ===========================
   HEADING
=========================== */

.apex-heading{
    text-align:center;
    margin-bottom:55px;
}

.apex-heading h2{
    margin:0;
    font-family:Montserrat,sans-serif;
    font-size:48px;
    font-weight:800;
    color:#111111;
    letter-spacing:.3px;
    line-height:1.2;
}

.apex-heading span{
    color:#1E5BFF;
}

.apex-line{
    width:65px;
    height:4px;
    margin:18px auto 0;
    border-radius:50px;
    background:#1E5BFF;
}

/* ===========================
   GRID
=========================== */

.apex-grid{

    display:grid;

    grid-template-columns:
    repeat(5,minmax(220px,1fr));

    gap:22px;

    align-items:stretch;

}

/* ===========================
   CARD
=========================== */

.apex-card{

    background:#ffffff;

    border:1px solid #E8ECF4;

    border-radius:16px;

    padding:26px 20px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:470px;

    transition:.35s ease;

    box-shadow:
    0 8px 22px rgba(0,0,0,.05);

}

.apex-card:hover{

transform:translateY(-8px);

box-shadow:
0 20px 40px rgba(0,0,0,.12);

}

/* ===========================
   TOP
=========================== */

.apex-top{

display:flex;

align-items:flex-start;

gap:14px;

margin-bottom:25px;

}

.apex-icon{

width:44px;

height:44px;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.apex-icon img{

width:42px;

height:42px;

object-fit:contain;

display:block;

}

.apex-title{

font-family:Montserrat,sans-serif;

font-size:22px;

font-weight:700;

line-height:1.2;

color:#1D4ED8;

text-transform:uppercase;

}

/* ===========================
   PRODUCT IMAGE
=========================== */

.apex-product{

display:flex;

justify-content:center;

align-items:center;

flex:1;

padding:5px 0 20px;

}

.apex-product img{

height:220px;

width:auto;

max-width:100%;

display:block;

transition:.35s ease;

}

.apex-card:hover .apex-product img{

transform:scale(1.05);

}

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

.apex-btn{

display:flex;

justify-content:center;

margin-top:8px;

}

.apex-btn a{

display:inline-flex !important;

justify-content:center;

align-items:center;

width:150px;

height:46px;

background:#ffffff !important;

border:2px solid #1E5BFF;

border-radius:6px;

font-family:Montserrat,sans-serif;

font-size:13px;

font-weight:700;

letter-spacing:.4px;

text-decoration:none;

color:#1E5BFF !important;

transition:.3s ease;

box-shadow:none;

}

.apex-btn a:hover{

background:#1E5BFF !important;

color:#ffffff !important;

}

/* ===========================
   FIX WORDPRESS IMAGES
=========================== */

.apex-card img{

max-width:100%;

height:auto;

}

/* ===========================
   REMOVE ELEMENTOR LINK EFFECTS
=========================== */

.apex-btn a:after,
.apex-btn a:before{

display:none !important;

content:none !important;

}

.apex-btn a:hover{

text-decoration:none;

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:1400px){

.apex-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:1100px){

.apex-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.apex-heading h2{

font-size:34px;

}

.apex-grid{

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.apex-product img{

height:180px;

}

}

@media(max-width:520px){

.apex-grid{

grid-template-columns:1fr;

}

.apex-heading h2{

font-size:28px;

}

}

/* ===========================================================
   APEX BIO RX
   PART 3
   Premium Hover Effects + Elementor Fixes
=========================================================== */


/* ---------------------------
   Remove Elementor Defaults
---------------------------- */

.apex-category-section *,
.apex-category-section *::before,
.apex-category-section *::after{
box-sizing:border-box;
}

.apex-category-section a{

background:transparent !important;

box-shadow:none !important;

text-decoration:none !important;

}

.apex-category-section .elementor-button,
.apex-category-section .eael-button,
.apex-category-section button{

background:none !important;

box-shadow:none !important;

border:none;

}


/* ---------------------------
   Card Animation
---------------------------- */

.apex-card{

position:relative;

overflow:hidden;

}

.apex-card::before{

content:"";

position:absolute;

top:0;

left:-100%;

width:100%;

height:100%;

background:

linear-gradient(

120deg,

transparent,

rgba(255,255,255,.45),

transparent

);

transition:1s;

}

.apex-card:hover::before{

left:120%;

}


/* ---------------------------
   Blue Top Border
---------------------------- */

.apex-card::after{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:#1E5BFF;

transform:scaleX(0);

transition:.35s;

transform-origin:left;

}

.apex-card:hover::after{

transform:scaleX(1);

}


/* ---------------------------
   Product Image
---------------------------- */

.apex-product{

position:relative;

z-index:2;

}

.apex-product img{

filter:

drop-shadow(0 20px 25px rgba(0,0,0,.15));

transition:

transform .35s,

filter .35s;

}

.apex-card:hover .apex-product img{

transform:

translateY(-8px)

scale(1.05);

filter:

drop-shadow(0 30px 40px rgba(30,91,255,.20));

}


/* ---------------------------
   Icons
---------------------------- */

.apex-icon img{

transition:.35s;

}

.apex-card:hover .apex-icon img{

transform:

rotate(-8deg)

scale(1.08);

}


/* ---------------------------
   Heading
---------------------------- */

.apex-title{

transition:.3s;

}

.apex-card:hover .apex-title{

color:#003FC7;

}


/* ---------------------------
   Button
---------------------------- */

.apex-btn{

margin-top:10px;

}

.apex-btn a{

position:relative;

overflow:hidden;

z-index:5;

}

.apex-btn a::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

background:#1E5BFF;

transition:.35s;

z-index:-1;

}

.apex-btn a:hover::before{

left:0;

}

.apex-btn a:hover{

color:#fff !important;

}


/* ---------------------------
   Floating Entrance
---------------------------- */

.apex-card{

animation:

apexFade .8s ease both;

}

.apex-card:nth-child(2){

animation-delay:.12s;

}

.apex-card:nth-child(3){

animation-delay:.24s;

}

.apex-card:nth-child(4){

animation-delay:.36s;

}

.apex-card:nth-child(5){

animation-delay:.48s;

}

@keyframes apexFade{

0%{

opacity:0;

transform:

translateY(40px);

}

100%{

opacity:1;

transform:

translateY(0);

}

}


/* ---------------------------
   Image Floating
---------------------------- */

.apex-product img{

animation:

floatBottle

5s ease-in-out infinite;

}

@keyframes floatBottle{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0px);

}

}


/* ---------------------------
   Responsive Image Size
---------------------------- */

@media(max-width:1600px){

.apex-product img{

height:205px;

}

}

@media(max-width:1200px){

.apex-product img{

height:190px;

}

}

@media(max-width:768px){

.apex-product img{

height:170px;

}

}


/* ---------------------------
   Smooth Rendering
---------------------------- */

.apex-product img{

image-rendering:auto;

backface-visibility:hidden;

transform-style:preserve-3d;

}

/* ===================================================
   APEX BIO RX
   PART 4
   FINAL POLISH
=================================================== */

/* ---------- Section ---------- */

.apex-category-section{

padding:60px 0;

background:#ffffff;

position:relative;

z-index:1;

}

.apex-category-section::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:
radial-gradient(circle at top,#f9fbff 0%,#ffffff 60%);

z-index:-1;

}

/* ---------- Container ---------- */

.apex-container{

max-width:1520px;

width:94%;

margin:auto;

}

/* ---------- Heading ---------- */

.apex-heading{

margin-bottom:65px;

}

.apex-heading h2{

font-size:52px;

font-weight:800;

line-height:1.15;

letter-spacing:-.5px;

}

.apex-line{

margin-top:20px;

width:72px;

height:5px;

border-radius:100px;

}

/* ---------- Grid ---------- */

.apex-grid{

display:grid;

grid-template-columns:
repeat(5,minmax(250px,1fr));

gap:24px;

align-items:stretch;

}

/* ---------- Card ---------- */

.apex-card{

padding:28px 24px;

border-radius:18px;

border:1px solid #E7ECF6;

background:#fff;

min-height:520px;

transition:.35s cubic-bezier(.22,.61,.36,1);

}

.apex-card:hover{

transform:translateY(-10px);

box-shadow:

0 18px 55px rgba(15,30,65,.10);

}

/* ---------- Top ---------- */

.apex-top{

margin-bottom:18px;

gap:14px;

align-items:center;

}

/* ---------- Icon ---------- */

.apex-icon{

width:48px;

height:48px;

}

.apex-icon img{

width:44px;

height:44px;

}

/* ---------- Title ---------- */

.apex-title{

font-size:21px;

font-weight:700;

line-height:1.28;

}

/* ---------- Product ---------- */

.apex-product{

height:270px;

display:flex;

justify-content:center;

align-items:center;

}

.apex-product img{

height:240px;

width:auto;

object-fit:contain;

}

/* ---------- Button ---------- */

.apex-btn{

margin-top:8px;

}

.apex-btn a{

width:165px;

height:48px;

font-size:11px;

font-weight:700;

letter-spacing:.8px;

border-radius:7px;

border:2px solid #1E5BFF;

}

/* ---------- Blue Hover ---------- */

.apex-btn a:hover{

background:#1E5BFF !important;

border-color:#1E5BFF;

color:#fff !important;

}

/* ---------- Image Scaling ---------- */

.apex-card:hover .apex-product img{

transform:

translateY(-10px)

scale(1.06);

}

/* ---------- Card Hover Border ---------- */

.apex-card:hover{

border-color:#D6E3FF;

}

/* ---------- Better Shadow ---------- */

.apex-product img{

filter:

drop-shadow(0 25px 35px rgba(0,0,0,.15));

}

/* ---------- Smooth ---------- */

.apex-card,

.apex-btn a,

.apex-product img,

.apex-icon img{

will-change:transform;

}

/* ===================================================
   RESPONSIVE
=================================================== */

@media (max-width:1450px){

.apex-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media (max-width:1180px){

.apex-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media (max-width:820px){

.apex-grid{

grid-template-columns:repeat(2,1fr);

}

.apex-heading h2{

font-size:38px;

}

}

@media (max-width:560px){

.apex-grid{

grid-template-columns:1fr;

}

.apex-heading h2{

font-size:30px;

}

.apex-card{

min-height:auto;

}

.apex-product{

height:220px;

}

.apex-product img{

height:180px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a34212 *//* =====================================================
   FEATURED PEPTIDES
   PART 2
   BASE STYLING
===================================================== */

.fp-section{

background:#ffffff;

padding:90px 0;

position:relative;

overflow:hidden;

}

.fp-container{

width:95%;

max-width:1600px;

margin:auto;

}

/* ===========================
   Heading
=========================== */

.fp-heading{

text-align:center;

margin-bottom:45px;

}

.fp-heading h2{

margin:0;

font-family:Montserrat,sans-serif;

font-size:44px;

font-weight:800;

color:#111111;

letter-spacing:-.4px;

line-height:1.1;

text-transform:uppercase;

}

.fp-heading span{

color:#1E5BFF;

}

.fp-line{

width:60px;

height:4px;

background:#1E5BFF;

margin:18px auto 0;

border-radius:50px;

}

/* ===========================
   Grid
=========================== */

.fp-grid{

display:grid;

grid-template-columns:repeat(6,minmax(190px,1fr));

gap:18px;

align-items:stretch;

}

/* ===========================
   Card
=========================== */

.fp-card{

background:#fff;

border:1px solid #E7ECF6;

border-radius:10px;

padding:18px;

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

transition:.35s;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}

/* ===========================
   Image
=========================== */

.fp-image{

height:185px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:18px;

width:100%;

}

.fp-image img{

height:165px;

width:auto;

max-width:100%;

display:block;

}

/* ===========================
   Product Title
=========================== */

.fp-title{

margin:0;

font-family:Montserrat,sans-serif;

font-size:22px;

font-weight:800;

color:#111;

letter-spacing:-.3px;

line-height:1.15;

text-transform:uppercase;

}

/* ===========================
   Strength
=========================== */

.fp-strength{

margin-top:6px;

font-family:Montserrat,sans-serif;

font-size:13px;

font-weight:700;

color:#1E5BFF;

letter-spacing:.6px;

text-transform:uppercase;

}

/* ===========================
   Description
=========================== */

.fp-description{

margin:12px 0 18px;

font-size:13px;

line-height:1.5;

color:#666;

min-height:40px;

display:flex;

align-items:center;

justify-content:center;

flex:1;

}

/* ===========================
   Button
=========================== */

.fp-btn{

display:inline-flex;

justify-content:center;

align-items:center;

width:15px;

height:38px;

padding:0 18px;

border:2px solid #1E5BFF;

border-radius:5px;

background:#ffffff;

color:#1E5BFF;

font-family:Montserrat,sans-serif;

font-size:11px;

font-weight:700;

letter-spacing:.6px;

text-transform:uppercase;

text-decoration:none;

white-space:nowrap;

transition:.3s;

margin-top:auto;

}

.fp-btn:hover{

background:#1E5BFF;

color:#ffffff;

}

/* ===========================
   Desktop
=========================== */

@media(max-width:1500px){

.fp-grid{

grid-template-columns:repeat(5,1fr);

}

}

@media(max-width:1280px){

.fp-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:992px){

.fp-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.fp-grid{

grid-template-columns:repeat(2,1fr);

}

.fp-heading h2{

font-size:34px;

}

}

@media(max-width:520px){

.fp-grid{

grid-template-columns:1fr;

}

.fp-image{

height:170px;

}

.fp-image img{

height:145px;

}

.fp-heading h2{

font-size:28px;

}

}

/* ==========================================================
   FEATURED PEPTIDES
   PART 3
   PREMIUM ANIMATIONS
========================================================== */

/* ---------- Prevent Elementor Conflicts ---------- */

.fp-section *{
box-sizing:border-box;
}

.fp-section a{
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}

.fp-section img{
display:block;
max-width:100%;
height:auto;
}

/* ---------- Card Hover ---------- */

.fp-card{

position:relative;

overflow:hidden;

transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;

}

.fp-card:hover{

transform:translateY(-8px);

border-color:#D9E6FF;

box-shadow:
0 18px 45px rgba(0,0,0,.10);

}

/* ---------- Animated Blue Top Border ---------- */

.fp-card::after{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:#1E5BFF;

transform:scaleX(0);

transform-origin:left;

transition:.35s ease;

}

.fp-card:hover::after{

transform:scaleX(1);

}

/* ---------- Premium Shine ---------- */

.fp-card::before{

content:"";

position:absolute;

left:-130%;

top:0;

width:70%;

height:100%;

background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,.45),
transparent
);

transform:skewX(-18deg);

transition:.8s ease;

pointer-events:none;

}

.fp-card:hover::before{

left:150%;

}

/* ---------- Floating Bottle ---------- */

.fp-image{

position:relative;

}

.fp-image img{

animation:fpFloat 5s ease-in-out infinite;

transition:
transform .35s ease,
filter .35s ease;

filter:
drop-shadow(0 18px 20px rgba(0,0,0,.15));

}

.fp-card:hover .fp-image img{

transform:
translateY(-8px)
scale(1.05);

filter:
drop-shadow(0 30px 35px rgba(30,91,255,.18));

}

/* ---------- Float Animation ---------- */

@keyframes fpFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

100%{
transform:translateY(0);
}

}

/* ---------- Product Title ---------- */

.fp-title{

transition:.3s;

}

.fp-card:hover .fp-title{

color:#1E5BFF;

}

/* ---------- Description ---------- */

.fp-description{

transition:.3s;

}

.fp-card:hover .fp-description{

color:#333;

}

/* ---------- Button ---------- */

.fp-btn{

position:relative;

overflow:hidden;

z-index:2;

}

.fp-btn::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

background:#1E5BFF;

transition:.35s ease;

z-index:-1;

}

.fp-btn:hover::before{

left:0;

}

.fp-btn:hover{

color:#fff !important;

}

/* ---------- Entrance Animation ---------- */

.fp-card{

opacity:0;

animation:fpFade .8s forwards;

}

.fp-card:nth-child(1){

animation-delay:.05s;

}

.fp-card:nth-child(2){

animation-delay:.15s;

}

.fp-card:nth-child(3){

animation-delay:.25s;

}

.fp-card:nth-child(4){

animation-delay:.35s;

}

.fp-card:nth-child(5){

animation-delay:.45s;

}

.fp-card:nth-child(6){

animation-delay:.55s;

}

@keyframes fpFade{

0%{

opacity:0;

transform:translateY(35px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* ---------- Better Rendering ---------- */

.fp-image img{

image-rendering:auto;

backface-visibility:hidden;

transform-style:preserve-3d;

will-change:transform;

}

/* ---------- Smooth Performance ---------- */

.fp-card,
.fp-btn,
.fp-image img{

will-change:transform;

}

/* ==========================================================
   FEATURED PEPTIDES
   PART 4
   FINAL POLISH
========================================================== */

/* ---------- Section ---------- */

.fp-section{

padding:50px 0 50px;

background:#ffffff;

position:relative;

overflow:hidden;

}

.fp-section::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:

radial-gradient(circle at top,#F8FBFF 0%,#FFFFFF 65%);

pointer-events:none;

z-index:0;

}

.fp-container{

position:relative;

z-index:2;

max-width:1650px;

}

/* ---------- Heading ---------- */

.fp-heading{

margin-bottom:42px;

}

.fp-heading h2{

font-size:42px;

font-weight:800;

line-height:1.1;

letter-spacing:-0.5px;

}

.fp-line{

width:55px;

height:4px;

margin-top:16px;

}

/* ---------- Grid ---------- */

.fp-grid{

display:grid;

grid-template-columns:repeat(6,minmax(190px,1fr));

gap:18px;

align-items:stretch;

}

/* ---------- Card ---------- */

.fp-card{

background:#fff;

border-radius:10px;

border:1px solid #E8EDF7;

padding:22px 18px;

min-height:430px;

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

}

/* ---------- Product Image ---------- */

.fp-image{

height:210px;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:16px;

}

.fp-image img{

height:175px;

width:auto;

object-fit:contain;

}

/* ---------- Title ---------- */

.fp-title{

font-size:19px;

font-weight:800;

line-height:1.15;

margin:0;

color:#111111;

text-transform:uppercase;

}

/* ---------- Strength ---------- */

.fp-strength{

margin-top:6px;

font-size:13px;

font-weight:700;

letter-spacing:.6px;

color:#1E5BFF;

}

/* ---------- Description ---------- */

.fp-description{

margin-top:10px;

margin-bottom:18px;

font-size:13px;

line-height:1.5;

color:#666666;

flex-grow:1;

display:flex;

align-items:center;

justify-content:center;

}

/* ---------- Button ---------- */

.fp-btn{

display:inline-flex;

justify-content:center;

align-items:center;

width:160px;

height:40px;

border:2px solid #1E5BFF;

border-radius:5px;

background:#ffffff;

font-family:Montserrat,sans-serif;

font-size:11px;

font-weight:700;

letter-spacing:.7px;

text-transform:uppercase;

color:#1E5BFF;

white-space:nowrap;

margin-top:auto;

}

.fp-btn:hover{

background:#1E5BFF;

color:#ffffff !important;

}

/* ---------- Better Hover ---------- */

.fp-card:hover{

transform:translateY(-6px);

box-shadow:

0 18px 40px rgba(0,0,0,.08);

}

/* ---------- Responsive ---------- */

@media(max-width:1500px){

.fp-grid{

grid-template-columns:repeat(5,1fr);

}

}

@media(max-width:1280px){

.fp-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:992px){

.fp-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.fp-grid{

grid-template-columns:repeat(2,1fr);

}

.fp-heading h2{

font-size:34px;

}

}

@media(max-width:520px){

.fp-grid{

grid-template-columns:1fr;

}

.fp-card{

min-height:auto;

}

.fp-image{

height:170px;

}

.fp-image img{

height:145px;

}

.fp-heading h2{

font-size:28px;

}

.fp-btn{

width:170px;

}

}

.fp-btn{

display:inline-flex;

justify-content:center;

align-items:center;

text-decoration:none;

}

.fp-btn h4{

margin:0;

padding:0;

font-family:Montserrat,sans-serif;

font-size:11px;

font-weight:700;

letter-spacing:.7px;

text-transform:uppercase;

line-height:1;

color:inherit;

pointer-events:none;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f09d96d *//* ==========================================================
   APEX BIO RX
   VERIFY PRODUCT
   PART 1 — LAYOUT & SIZING
========================================================== */

/* Reset */

.vp-section,
.vp-section *,
.vp-section *::before,
.vp-section *::after{
    box-sizing:border-box;
}

/* ==========================================================
   SECTION
========================================================== */

.vp-section{

    width:100%;
    background:#ffffff;
    padding:55px 0;

}

/* ==========================================================
   MAIN CONTAINER
========================================================== */

.vp-wrapper{

    width:96%;
    max-width:1580px;

    margin:0 auto;

    background:#ffffff;

    border:1px solid #E9EEF7;

    border-radius:14px;

    padding:28px 34px;

    display:grid;

    grid-template-columns:
    300px
    430px
    560px;

    align-items:center;

    column-gap:38px;

    box-shadow:
    0 8px 24px rgba(0,0,0,.04);

}

/* ==========================================================
   LEFT COLUMN
========================================================== */

.vp-left{

    width:100%;

}

.vp-title{

    margin:0 0 34px;

    line-height:.98;

}

.vp-steps{

    display:flex;

    flex-direction:column;

    gap:26px;

}

.vp-step{

    display:flex;

    align-items:flex-start;

    gap:16px;

}

.vp-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

}

.vp-icon img{

    width:26px;

    height:26px;

    display:block;

}

/* ==========================================================
   CENTER COLUMN
========================================================== */

.vp-middle{

    display:flex;

    justify-content:center;

    align-items:center;

}

.vp-bottle-wrap{

    position:relative;

    width:430px;

    height:360px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.vp-bottle{

    width:240px;

    height:auto;

    display:block;

}

/* QR Circle */

.vp-qr-circle{

    position:absolute;

    right:5px;

    top:54%;

    transform:translateY(-50%);

    width:135px;

    height:135px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff;

}

.vp-qr-circle img{

    width:82px;

    height:82px;

}

/* ==========================================================
   RIGHT PANEL
========================================================== */

.vp-panel{

    width:100%;

    min-height:470px;

    border-radius:12px;

    padding:28px;

    display:flex;

    flex-direction:column;

}

.vp-tabs{

    display:flex;

    width:100%;

}

.vp-tab{

    flex:1;

    height:48px;

}

.vp-scan-box{

    margin-top:18px;

    flex:1;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

.vp-scan-icon{

    width:64px;

    height:64px;

    display:block;

    margin-bottom:20px;

}

.vp-help{

    margin-top:22px;

    text-align:center;

}

/* ==========================================================
   APEX BIO RX
   VERIFY PRODUCT
   PART 2 — COLORS, TYPOGRAPHY & BUTTONS
========================================================== */

/* ===========================
   GOOGLE FONT FALLBACK
=========================== */

.vp-section{

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

}

/* ===========================
   LEFT TITLE
=========================== */

.vp-title{

    font-family:
    "Montserrat",
    sans-serif;

    font-size:60px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:-2px;

    color:#09152F;

    line-height:.90;

}

.vp-title .vp-blue{

    color:#2563FF;

}

/* ===========================
   STEP TEXT
=========================== */

.vp-text h4{

    margin:0 0 6px;

    font-family:
    "Montserrat",
    sans-serif;

    font-size:20px;

    font-weight:700;

    color:#101010;

    text-transform:uppercase;

}

.vp-text p{

    margin:0;

    font-size:15px;

    line-height:1.55;

    color:#6A6A6A;

}

/* ===========================
   STEP ICON
=========================== */

.vp-icon{

    border:2px solid #2A63FF;

    background:#ffffff;

}

.vp-icon img{

    object-fit:contain;

}

/* ===========================
   QR CIRCLE
=========================== */

.vp-qr-circle{

    border:3px solid #2A63FF;

    box-shadow:

    0 14px 35px

    rgba(20,70,255,.10);

}

/* ===========================
   RIGHT PANEL
=========================== */

.vp-panel{

    background:

    linear-gradient(

    180deg,

    #0A2E83 0%,

    #08235F 100%

    );

}

/* ===========================
   PANEL TITLE
=========================== */

.vp-panel h3{

    margin:0;

    text-align:center;

    font-family:

    "Montserrat",

    sans-serif;

    font-size:34px;

    font-weight:800;

    color:#ffffff;

    text-transform:uppercase;

}

/* ===========================
   TABS
=========================== */

.vp-tabs{

    margin-top:28px;

    border-bottom:

    1px solid

    rgba(255,255,255,.18);

}

.vp-tab{

    border:none;

    background:none;

    cursor:pointer;

    font-family:

    "Montserrat",

    sans-serif;

    font-size:14px;

    font-weight:700;

    color:

    rgba(255,255,255,.55);

    transition:.30s;

}

.vp-tab:hover{

    color:#ffffff;

}

.vp-active{

    color:#ffffff;

    position:relative;

}

.vp-active::after{

    content:"";

    position:absolute;

    left:15%;

    bottom:-1px;

    width:70%;

    height:3px;

    background:#ffffff;

    border-radius:30px;

}

/* ===========================
   SCAN BOX
=========================== */

.vp-scan-box{

    border:

    2px dashed

    rgba(255,255,255,.18);

    border-radius:12px;

    background:

    rgba(255,255,255,.02);

}

/* ===========================
   SCAN TITLE
=========================== */

.vp-scan-box h4{

    margin:12px 0 12px;

    font-family:

    "Montserrat",

    sans-serif;

    font-size:36px;

    font-weight:700;

    color:#ffffff;

}

/* ===========================
   SCAN DESCRIPTION
=========================== */

.vp-scan-box p{

    width:78%;

    margin:0 auto;

    font-size:17px;

    line-height:1.65;

    text-align:center;

    color:

    rgba(255,255,255,.82);

}

/* ===========================
   HELP TEXT
=========================== */

.vp-help{

    font-size:15px;

    color:

    rgba(255,255,255,.72);

}

.vp-help a{

    color:#75A7FF;

    text-decoration:none;

    font-weight:600;

}

.vp-help a:hover{

    color:#ffffff;

}

/* ==========================================================
   APEX BIO RX
   VERIFY PRODUCT
   PART 3 — RESPONSIVE + ANIMATIONS
========================================================== */

/* ==========================================
   SMOOTH RENDERING
========================================== */

.vp-section img{
    display:block;
    max-width:100%;
    height:auto;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    image-rendering:auto;
}

.vp-wrapper,
.vp-panel,
.vp-bottle,
.vp-qr-circle,
.vp-step,
.vp-tab{
    transition:all .35s ease;
}

/* ==========================================
   CONTAINER HOVER
========================================== */

.vp-wrapper:hover{

    box-shadow:
    0 20px 45px rgba(0,0,0,.08);

}

/* ==========================================
   STEP ANIMATION
========================================== */

.vp-step{

    opacity:0;

    transform:translateX(-20px);

    animation:vpFadeLeft .7s forwards;

}

.vp-step:nth-child(1){

    animation-delay:.15s;

}

.vp-step:nth-child(2){

    animation-delay:.30s;

}

.vp-step:nth-child(3){

    animation-delay:.45s;

}

@keyframes vpFadeLeft{

    from{

        opacity:0;
        transform:translateX(-20px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}

.vp-step:hover{

    transform:translateX(8px);

}

.vp-step:hover .vp-icon{

    transform:scale(1.08);

    background:#2A63FF;

}

.vp-step:hover .vp-icon img{

    filter:brightness(0) invert(1);

}

/* ==========================================
   FLOATING BOTTLE
========================================== */

.vp-bottle{

    animation:vpFloat 5s ease-in-out infinite;

    filter:
    drop-shadow(0 22px 28px rgba(0,0,0,.14));

}

@keyframes vpFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

.vp-middle:hover .vp-bottle{

    transform:scale(1.04);

}

/* ==========================================
   QR CIRCLE
========================================== */

.vp-qr-circle{

    animation:vpPulse 3s infinite;

}

@keyframes vpPulse{

    0%{

        box-shadow:
        0 0 0 0 rgba(42,99,255,.28);

    }

    70%{

        box-shadow:
        0 0 0 18px rgba(42,99,255,0);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(42,99,255,0);

    }

}

.vp-middle:hover .vp-qr-circle{

    transform:
    translateY(-50%)
    scale(1.05);

}

/* ==========================================
   PANEL
========================================== */

.vp-panel{

    position:relative;

    overflow:hidden;

}

.vp-panel::before{

    content:"";

    position:absolute;

    inset:-40%;

    background:

    radial-gradient(circle,
    rgba(255,255,255,.08),
    transparent 70%);

    animation:vpRotate 18s linear infinite;

    pointer-events:none;

}

@keyframes vpRotate{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/* ==========================================
   SCAN BOX
========================================== */

.vp-scan-box{

    transition:
    border-color .3s,
    background .3s;

}

.vp-scan-box:hover{

    border-color:
    rgba(255,255,255,.45);

    background:
    rgba(255,255,255,.04);

}

/* ==========================================
   SCAN ICON
========================================== */

.vp-scan-icon{

    animation:vpScan 2.8s ease-in-out infinite;

}

@keyframes vpScan{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-5px);

    }

    100%{

        transform:translateY(0);

    }

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1400px){

    .vp-wrapper{

        grid-template-columns:
        260px
        360px
        1fr;

        column-gap:28px;

    }

    .vp-title{

        font-size:50px;

    }

    .vp-bottle{

        width:215px;

    }

}

@media (max-width:1200px){

    .vp-wrapper{

        grid-template-columns:1fr;

        row-gap:45px;

        text-align:center;

        padding:40px;

    }

    .vp-left{

        order:1;

    }

    .vp-middle{

        order:2;

    }

    .vp-panel{

        order:3;

    }

    .vp-step{

        justify-content:center;

        text-align:left;

        max-width:430px;

        margin:0 auto;

    }

    .vp-bottle-wrap{

        width:100%;

    }

    .vp-qr-circle{

        right:50px;

    }

}

@media (max-width:768px){

    .vp-section{

        padding:40px 0;

    }

    .vp-wrapper{

        padding:24px;

    }

    .vp-title{

        font-size:42px;

    }

    .vp-bottle{

        width:190px;

    }

    .vp-qr-circle{

        width:110px;
        height:110px;

    }

    .vp-qr-circle img{

        width:68px;
        height:68px;

    }

    .vp-panel{

        padding:24px;

    }

}

@media (max-width:480px){

    .vp-title{

        font-size:34px;

    }

    .vp-step{

        gap:12px;

    }

    .vp-text h4{

        font-size:16px;

    }

    .vp-text p{

        font-size:13px;

    }

    .vp-bottle{

        width:165px;

    }

    .vp-panel h3{

        font-size:24px;

    }

    .vp-tab{

        font-size:12px;

    }

    .vp-scan-box h4{

        font-size:28px;

    }

    .vp-scan-box p{

        width:92%;
        font-size:14px;

    }

}

/* ==========================================
   PERFORMANCE
========================================== */

.vp-bottle,
.vp-qr-circle,
.vp-panel,
.vp-step{

    will-change:transform;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c204ed7 *//* ==========================================================
   APEX BIO RX
   BUILT FOR PRECISION RESEARCH
   PART 2 — BASE CSS (LAYOUT & SIZING)
========================================================== */

/* ==========================================
   RESET
========================================== */

.bp-section,
.bp-section *,
.bp-section *::before,
.bp-section *::after{
    box-sizing:border-box;
}

/* ==========================================
   SECTION
========================================== */

.bp-section{

    width:100%;
    background:#ffffff;
    padding:28px 0;

}

/* ==========================================
   MAIN CONTAINER
========================================== */

.bp-wrapper{

    position:relative;

    width:96%;
    max-width:1550px;

    margin:0 auto;

    display:grid;

    grid-template-columns:38% 62%;

    min-height:auto;

    overflow:hidden;

    border-radius:8px;

    border:1px solid #E8EDF6;

    background:#ffffff;

    box-shadow:
    0 3px 10px rgba(0,0,0,.05);

}

/* ==========================================
   LEFT COLUMN
========================================== */

.bp-content{

    position:relative;

    z-index:3;

    padding:18px 22px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

/* ==========================================
   RIGHT COLUMN
========================================== */

.bp-image{

    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;

}

.bp-image img{

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center right;

    display:block;

}

/* ==========================================
   LEFT WHITE GRADIENT
========================================== */

.bp-content::after{

    content:"";

    position:absolute;

    top:0;
    right:-90px;

    width:170px;
    height:100%;

    background:

    linear-gradient(
        90deg,
        #ffffff 0%,
        rgba(255,255,255,.98) 35%,
        rgba(255,255,255,.75) 70%,
        rgba(255,255,255,0) 100%
    );

    pointer-events:none;

}

/* ==========================================
   CONTENT STACK
========================================== */

.bp-title,
.bp-description,
.bp-list{

    position:relative;

    z-index:5;

}

/* ==========================================
   LIST
========================================== */

.bp-list{

    list-style:none;

    padding:0;

    margin:18px 0 0;

}

.bp-list li{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:10px;

}

.bp-list li:last-child{

    margin-bottom:0;

}

/* ==========================================
   ICON
========================================== */

.bp-list img{

    width:18px;

    height:18px;

    flex-shrink:0;

    margin-top:2px;

}

/* ==========================================================
   APEX BIO RX
   BUILT FOR PRECISION RESEARCH
   PART 3 — TYPOGRAPHY, COLORS & STYLING
========================================================== */

/* ==========================================
   FONT
========================================== */

.bp-section{

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

    color:#222;

}

/* ==========================================
   TITLE
========================================== */

.bp-title{

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:28px;

    font-weight:800;

    line-height:1.05;

    letter-spacing:-0.5px;

    text-transform:uppercase;

    color:#111;

}

.bp-black{

    color:#111111;

}

.bp-blue{

    color:#245DFF;

}

/* ==========================================
   DESCRIPTION
========================================== */

.bp-description{

    margin:10px 0 12px;

    max-width:280px;

    font-size:13px;

    line-height:1.55;

    color:#4F5665;

}

/* ==========================================
   FEATURE LIST
========================================== */

.bp-list{

    max-width:280px;

}

.bp-list li{

    font-size:13px;

    font-weight:500;

    line-height:1.4;

    color:#202020;

}

.bp-list img{

    width:14px;

    height:14px;

    margin-top:2px;

}

/* ==========================================
   CARD
========================================== */

.bp-wrapper{

    border-radius:8px;

    background:#ffffff;

    border:1px solid #E8EDF7;

    box-shadow:
    0 3px 10px rgba(0,0,0,.05);

}

/* ==========================================
   IMAGE
========================================== */

.bp-image{

    overflow:hidden;

}

.bp-image img{

    transition:
    transform .45s ease;

}

/* ==========================================
   HOVER
========================================== */

.bp-wrapper:hover{

    box-shadow:
    0 18px 45px rgba(0,0,0,.08);

}

.bp-wrapper:hover .bp-image img{

    transform:scale(1.03);

}

/* ==========================================
   LIST ICON STYLE
========================================== */

.bp-list li{

    display:flex;

    align-items:flex-start;

    gap:10px;

}

.bp-list li img{

    flex-shrink:0;

    filter:
    drop-shadow(0 2px 4px rgba(36,93,255,.15));

}

/* ==========================================
   WHITE FADE
========================================== */

.bp-content{

    background:

    linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.98) 72%,
        rgba(255,255,255,.65) 90%,
        rgba(255,255,255,0) 100%
    );

}

/* ==========================================
   IMAGE QUALITY
========================================== */

.bp-image img{

    backface-visibility:hidden;

    image-rendering:auto;

    -webkit-font-smoothing:antialiased;

}

/* ==========================================================
   APEX BIO RX
   BUILT FOR PRECISION RESEARCH
   PART 4 — ANIMATIONS & RESPONSIVE
========================================================== */

/* ==========================================
   PERFORMANCE
========================================== */

.bp-wrapper,
.bp-image img,
.bp-content,
.bp-list li{
    will-change:transform;
}

.bp-section img{
    display:block;
    max-width:100%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* ==========================================
   CARD HOVER
========================================== */

.bp-wrapper{
    transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.bp-wrapper:hover{

    transform:translateY(-2px);

    box-shadow:
    0 8px 20px rgba(0,0,0,.08);

}

/* ==========================================
   IMAGE ZOOM
========================================== */

.bp-image{
    overflow:hidden;
}

.bp-image img{
    transition:
    transform .7s ease;
}

.bp-wrapper:hover .bp-image img{

    transform:scale(1.015);

}

/* ==========================================
   TITLE ANIMATION
========================================== */

.bp-title{

    opacity:0;

    animation:bpFadeDown .8s forwards;

}

@keyframes bpFadeDown{

    from{

        opacity:0;

        transform:
        translateY(-20px);

    }

    to{

        opacity:1;

        transform:
        translateY(0);

    }

}

/* ==========================================
   DESCRIPTION
========================================== */

.bp-description{

    opacity:0;

    animation:bpFade .8s .2s forwards;

}

@keyframes bpFade{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

/* ==========================================
   FEATURE LIST
========================================== */

.bp-list li{

    opacity:0;

    transform:translateX(-15px);

    animation:bpList .5s forwards;

}

.bp-list li:nth-child(1){

    animation-delay:.30s;

}

.bp-list li:nth-child(2){

    animation-delay:.40s;

}

.bp-list li:nth-child(3){

    animation-delay:.50s;

}

.bp-list li:nth-child(4){

    animation-delay:.60s;

}

.bp-list li:nth-child(5){

    animation-delay:.70s;

}

@keyframes bpList{

    from{

        opacity:0;

        transform:translateX(-15px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

.bp-list li:hover{

    transform:translateX(8px);

}

/* ==========================================
   IMAGE ENTRANCE
========================================== */

.bp-image{

    opacity:0;

    animation:bpImage .9s .25s forwards;

}

@keyframes bpImage{

    from{

        opacity:0;

        transform:
        translateX(30px);

    }

    to{

        opacity:1;

        transform:
        translateX(0);

    }

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1200px){

    .bp-wrapper{

        grid-template-columns:1fr;

        min-height:auto;

    }

    .bp-content{

        order:2;

        padding:40px 30px;

        background:#ffffff;

    }

    .bp-content::after{

        display:none;

    }

    .bp-image{

        order:1;

        height:320px;

    }

    .bp-image img{

        object-position:center;

    }

}

/* ==========================================
   TABLET
========================================== */

@media (max-width:768px){

    .bp-section{

        padding:30px 0;

    }

    .bp-wrapper{

        width:94%;

    }

    .bp-content{

        padding:30px 24px;

    }

    .bp-title{

        font-size:38px;

        line-height:1;

    }

    .bp-description{

        font-size:15px;

        max-width:100%;

    }

    .bp-list{

        max-width:100%;

    }

    .bp-list li{

        font-size:15px;

    }

    .bp-image{

        height:260px;

    }

}

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

@media (max-width:480px){

    .bp-title{

        font-size:30px;

    }

    .bp-description{

        font-size:14px;

        line-height:1.6;

    }

    .bp-list li{

        font-size:14px;

        margin-bottom:10px;

    }

    .bp-list img{

        width:16px;

        height:16px;

    }

    .bp-image{

        height:220px;

    }
    

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-199f5f3 *//* ==========================================================
   APEX BIO RX
   TESTIMONIALS
   PART 2 — BASE CSS (LAYOUT & CARDS)
========================================================== */

/* ==========================
   RESET
========================== */

.tp-section,
.tp-section *,
.tp-section *::before,
.tp-section *::after{
    box-sizing:border-box;
}

/* ==========================
   SECTION
========================== */

.tp-section{

    width:100%;
    background:#ffffff;
    padding:50px 0;

}

/* ==========================
   CONTAINER
========================== */

.tp-container{

    width:95%;
    max-width:1550px;
    margin:0 auto;

}

/* ==========================
   HEADING
========================== */

.tp-heading{

    text-align:center;
    margin-bottom:30px;

}

.tp-heading h2{

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:38px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:-.5px;

    color:#111;

}

.tp-heading span{

    color:#245DFF;

}

/* ==========================
   SLIDER
========================== */

.tp-slider{

    width:100%;
    overflow:hidden;
    position:relative;

}

/* ==========================
   TRACK
========================== */

.tp-track{

    display:flex;

    gap:20px;

    transition:transform .6s ease;

    will-change:transform;

}

/* ==========================
   CARD
========================== */

.tp-card{

    flex:0 0 calc((100% - 40px) / 3);

    background:#fff;

    border:1px solid #EEF2F8;

    border-radius:8px;

    padding:26px 28px;

    min-height:185px;

    box-shadow:
    0 4px 18px rgba(0,0,0,.04);

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

/* ==========================
   QUOTE
========================== */

.tp-quote{

    margin:0;

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

    font-size:18px;

    line-height:1.65;

    color:#333;

}

/* ==========================
   USER
========================== */

.tp-user{

    display:flex;

    align-items:center;

    margin-top:24px;

}

/* ==========================
   AVATAR
========================== */

.tp-user img{

    width:54px;

    height:54px;

    border-radius:50%;

    object-fit:cover;

    margin-right:14px;

}

/* ==========================
   NAME
========================== */

.tp-user h4{

    margin:0 0 4px;

    font-family:"Montserrat",sans-serif;

    font-size:18px;

    font-weight:700;

    color:#111;

}

/* ==========================
   JOB TITLE
========================== */

.tp-user span{

    display:block;

    font-size:14px;

    color:#666;

}

/* ==========================
   DOTS
========================== */

.tp-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:24px;

}

.tp-dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#CFCFD6;

    cursor:pointer;

    transition:.3s;

}

.tp-dot.tp-active{

    background:#245DFF;

}

/* ==========================================================
   APEX BIO RX
   TESTIMONIALS
   PART 3 — TYPOGRAPHY, COLORS & STYLING
========================================================== */

/* ==========================================
   FONT SMOOTHING
========================================== */

.tp-section{
    font-family:"Inter",Arial,sans-serif;
    color:#222;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* ==========================================
   HEADING
========================================== */

.tp-heading{
    margin-bottom:22px;
}

.tp-heading h2{

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:32px;

    font-weight:800;

    line-height:1.1;

    text-transform:uppercase;

    letter-spacing:-0.4px;

    color:#111;

}

.tp-heading span{

    color:#245DFF;

}

/* ==========================================
   CARD
========================================== */

.tp-card{

    background:#ffffff;

    border:1px solid #EDF2F8;

    border-radius:8px;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}

.tp-card:hover{

    transform:translateY(-5px);

    border-color:#DCE7FF;

    box-shadow:
    0 12px 30px rgba(0,0,0,.08);

}

/* ==========================================
   QUOTE
========================================== */

.tp-quote{

    font-size:16px;

    line-height:1.7;

    color:#2E2E2E;

    font-weight:400;

}

/* ==========================================
   USER INFO
========================================== */

.tp-user{

    margin-top:22px;

}

.tp-user img{

    border:3px solid #ffffff;

    box-shadow:
    0 3px 10px rgba(0,0,0,.08);

}

/* ==========================================
   NAME
========================================== */

.tp-user h4{

    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:17px;

    font-weight:700;

    color:#111;

    line-height:1.2;

}

/* ==========================================
   POSITION
========================================== */

.tp-user span{

    display:block;

    margin-top:3px;

    font-size:13px;

    color:#777;

    line-height:1.4;

}

/* ==========================================
   DOTS
========================================== */

.tp-dots{

    margin-top:20px;

}

.tp-dot{

    width:9px;

    height:9px;

    background:#D4D7DE;

    border-radius:50%;

    transition:
    background .3s,
    transform .3s;

}

.tp-dot:hover{

    transform:scale(1.2);

}

.tp-dot.tp-active{

    background:#245DFF;

    transform:scale(1.15);

}

/* ==========================================
   IMAGE QUALITY
========================================== */

.tp-user img{

    image-rendering:auto;

    backface-visibility:hidden;

    transform:translateZ(0);

}

/* ==========================================
   SLIDER
========================================== */

.tp-slider{

    position:relative;

}

.tp-track{

    align-items:stretch;

}

/* ==========================================
   PERFORMANCE
========================================== */

.tp-card,
.tp-user img,
.tp-track,
.tp-dot{

    will-change:transform;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd9c6a3 *//* ==========================================================
   APEX BIO RX
   CTA BANNER
   ELEMENTOR VERSION
========================================================== */

.cta2-banner{

    position:relative;

    width:100%;

    min-height:92px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:3px;

    background:linear-gradient(
        90deg,
        #08245E 0%,
        #0E3D98 50%,
        #08245E 100%
    );

    padding:14px 25px;

}

/* --------------------------
CONTENT
-------------------------- */

.cta2-content{

    position:relative;

    z-index:5;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

/* --------------------------
TITLE
-------------------------- */

.cta2-title{

    margin:0 !important;

    font-family:Montserrat,sans-serif !important;

    font-size:22px !important;

    font-weight:800 !important;

    text-transform:uppercase !important;

    line-height:1 !important;

    letter-spacing:-.3px !important;

    color:#FFFFFF !important;

    text-align:center;

}

/* --------------------------
SUBTITLE
-------------------------- */

.cta2-subtitle{

    margin:4px 0 10px;

    color:rgba(255,255,255,.92);

    font-family:Inter,sans-serif;

    font-size:11px;

    font-weight:500;

    line-height:1.3;

}

/* --------------------------
BUTTON
-------------------------- */

.cta2-button{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:190px;

    min-width:190px;

    height:34px;

    padding:0 20px;

    background:#FFFFFF !important;

    border:1px solid #FFFFFF;

    border-radius:4px;

    color:#0A3C97 !important;

    font-family:Montserrat,sans-serif !important;

    font-size:12px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    text-decoration:none !important;

    white-space:nowrap;

    line-height:1 !important;

    overflow:hidden;

    box-sizing:border-box;

    transition:.3s;

}

.cta2-button:hover{

    background:#1E5CFF !important;

    color:#FFFFFF !important;

}

.cta2-button:hover{

    background:#1D5CFF;

    color:#fff;

    transform:translateY(-2px);

}

/* --------------------------
MOLECULES
-------------------------- */

.cta2-molecule{

    position:absolute;

    top:0;

    width:120px;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:.20;

    pointer-events:none;

}

.cta2-left{

    left:10px;

}

.cta2-right{

    right:10px;

}

.cta2-molecule svg{

    width:90px;

    height:90px;

    fill:none;

    stroke:#78A5FF;

    stroke-width:2.3;

}

/* --------------------------
BACKGROUND HIGHLIGHT
-------------------------- */

.cta2-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at center,
        rgba(255,255,255,.06),
        transparent 70%
    );

}

/* --------------------------
RESPONSIVE
-------------------------- */

@media(max-width:768px){

.cta2-banner{

padding:18px;

min-height:auto;

}

.cta2-title{

font-size:17px;

}

.cta2-subtitle{

font-size:10px;

}

.cta2-button{

width:160px;

height:30px;

font-size:10px;

}

.cta2-molecule{

display:none;

}

}

.cta2-banner h2{

    color:#FFFFFF !important;

}

.cta2-banner a{

    color:#0A3C97 !important;

    text-decoration:none !important;

}

.cta2-banner *{

    box-sizing:border-box;

}/* End custom CSS */