.elementor-2922 .elementor-element.elementor-element-56e206f{--display:flex;--min-height:300px;--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:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-2922 .elementor-element.elementor-element-56e206f:not(.elementor-motion-effects-element-type-background), .elementor-2922 .elementor-element.elementor-element-56e206f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-17-2026-10_46_18-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2922 .elementor-element.elementor-element-be82578{text-align:center;}.elementor-2922 .elementor-element.elementor-element-be82578 .elementor-heading-title{font-size:20px;color:#0A5CFF;}.elementor-2922 .elementor-element.elementor-element-4fb09be{text-align:center;}.elementor-2922 .elementor-element.elementor-element-4fb09be .elementor-heading-title{font-size:36px;color:#FFFFFF;}.elementor-2922 .elementor-element.elementor-element-3c86358{--divider-border-style:solid;--divider-color:#0A5CFF;--divider-border-width:2px;}.elementor-2922 .elementor-element.elementor-element-3c86358 .elementor-divider-separator{width:14%;margin:0 auto;margin-center:0;}.elementor-2922 .elementor-element.elementor-element-3c86358 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2922 .elementor-element.elementor-element-e9ae1ff > .elementor-widget-container{padding:0px 200px 0px 200px;}.elementor-2922 .elementor-element.elementor-element-e9ae1ff{text-align:center;font-size:14px;color:#FFFFFF;}.elementor-2922 .elementor-element.elementor-element-dd0e236{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2922 .elementor-element.elementor-element-fb278f2 .elementor-button{border-radius:3px 3px 3px 3px;padding:20px 40px 20px 40px;}.elementor-2922 .elementor-element.elementor-element-0f3b984 .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:3px 3px 3px 3px;padding:20px 40px 20px 40px;}.elementor-2922 .elementor-element.elementor-element-8e55359{--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-2922 .elementor-element.elementor-element-a3c2731{--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-2922 .elementor-element.elementor-element-5c3c3cc{--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-2922 .elementor-element.elementor-element-52aae18{--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-2922 .elementor-element.elementor-element-de92bbc{--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-2922 .elementor-element.elementor-element-e64e052{--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-2922 .elementor-element.elementor-element-43dc754{--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-2922 .elementor-element.elementor-element-7a80c02{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2922 .elementor-element.elementor-element-dd0e236{--grid-auto-flow:row;}.elementor-2922 .elementor-element.elementor-element-8e55359:not(.elementor-motion-effects-element-type-background), .elementor-2922 .elementor-element.elementor-element-8e55359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-18-2026-01_27_54-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2922 .elementor-element.elementor-element-8e55359{--min-height:600px;}}@media(max-width:767px){.elementor-2922 .elementor-element.elementor-element-dd0e236{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2922 .elementor-element.elementor-element-8e55359:not(.elementor-motion-effects-element-type-background), .elementor-2922 .elementor-element.elementor-element-8e55359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexbiorx.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-18-2026-01_36_09-AM.png");}}/* Start custom CSS for html, class: .elementor-element-4e8fa96 *//*====================================================
APEX SHIPPING TIMELINE
====================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.timeline-section{
    padding:20px;
    background:#fff;
}

.timeline-section .container{
    max-width:1200px;
    margin:0 auto;
}

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

.timeline-section h2{
    text-align:center;
    font-size:24px;
    font-weight:700;
    color:#13223f;
    margin-bottom:18px;
    line-height:1.2;
}

/*====================================================
TIMELINE
====================================================*/

.timeline{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    gap:4px;
}

.timeline .line{
    position:absolute;
    top:20px;
    left:4%;
    right:4%;
    border-top:2px dotted #0a5cff;
    z-index:0;
}

.step{
    width:16.66%;
    position:relative;
    z-index:2;
    text-align:center;
}

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

.icon{
    width:42px;
    height:42px;
    margin:0 auto 4px;
    border-radius:50%;
    background:#0a5cff;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:17px;
    transition:.3s ease;
}

.step:hover .icon{
    transform:translateY(-3px) scale(1.06);
}

/*====================================================
NUMBER
====================================================*/

.num{
    font-size:17px;
    font-weight:800;
    color:#0a5cff;
    line-height:1;
    margin-bottom:3px;
}

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

.step h3{
    font-size:11px;
    font-weight:700;
    color:#13223f;
    line-height:1.2;
    margin-bottom:3px;
    padding:0 4px;
    word-break:normal;
}

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

.step p{
    font-size:9px;
    color:#666;
    line-height:1.3;
    padding:0 4px;
}

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

@media(max-width:991px){

.timeline{
    overflow-x:auto;
    gap:18px;
    padding-bottom:10px;
    justify-content:flex-start;
}

.timeline .line{
    width:980px;
    left:35px;
    right:auto;
}

.step{
    min-width:150px;
}

.timeline-section h2{
    font-size:24px;
}

.icon{
    width:40px;
    height:40px;
    font-size:16px;
}

.num{
    font-size:16px;
}

.step h3{
    font-size:10px;
}

.step p{
    font-size:9px;
}

}

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

@media(max-width:767px){

.timeline-section{
    padding:18px 12px;
}

.timeline{
    overflow-x:auto;
    gap:16px;
}

.timeline .line{
    top:19px;
}

.step{
    min-width:135px;
}

.timeline-section h2{
    font-size:22px;
    margin-bottom:16px;
}

.icon{
    width:38px;
    height:38px;
    font-size:15px;
}

.num{
    font-size:15px;
}

.step h3{
    font-size:10px;
    line-height:1.15;
}

.step p{
    font-size:8px;
    line-height:1.25;
}

}/* End custom CSS */