.elementor-331 .elementor-element.elementor-element-ad7fb49{--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;}.elementor-331 .elementor-element.elementor-element-a69e87d{--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;}.elementor-331 .elementor-element.elementor-element-2c0fac2{--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;}/* Start custom CSS for html, class: .elementor-element-c7d41d0 *//*==================================================
SOURCING & IMPACT HERO
==================================================*/

.oe-impact-hero{

   position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:url("https://seazest.co/wp-content/uploads/2026/07/3rd-page-hero.png") center center/cover no-repeat;

}

/*====================================*/

.oe-impact-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
    90deg,
    rgba(11,31,51,.88) 0%,
    rgba(11,31,51,.72) 45%,
    rgba(11,31,51,.45) 100%);

}

/*====================================*/

.oe-impact-hero .oe-container{

    position:relative;

    z-index:2;

    max-width:1320px;

    margin:auto;

    padding:0 40px;

    width:100%;

}

/*====================================*/

.oe-impact-content{

     max-width:900px;

    margin:0 auto;

    text-align:center;

}

.oe-impact-content .oe-section-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#A9C8EB;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.oe-impact-content h1{

    font-size:58px;

    line-height:1.1;

    color:#FFFFFF;

    margin-bottom:14px;

}

.oe-impact-content p{

    font-size:16px;

    line-height:1.3;

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

    margin-bottom:38px;

}

/*====================================
BUTTONS
====================================*/

.oe-impact-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.oe-impact-buttons .oe-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    height:54px;

    background:#4878B0;

    color:#FFFFFF;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.3s;

}

.oe-impact-buttons .oe-btn-primary:hover{

    background:#35689F;

    transform:translateY(-3px);

}

.oe-impact-buttons .oe-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    height:54px;

    border:2px solid rgba(255,255,255,.55);

    color:#FFFFFF;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.3s;

}

.oe-impact-buttons .oe-btn-secondary:hover{

    background:#FFFFFF;

    color:#0B1F33;

}

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

@media(max-width:991px){

    .oe-impact-hero{

        min-height:500px;

        background-position:center;

    }

    .oe-impact-hero .oe-container{

        padding:0 30px;

    }

    .oe-impact-content{

        max-width:100%;

    }

    .oe-impact-content h1{

        font-size:40px;

    }

    .oe-impact-content p{

        font-size:15px;
        line-height:1.3;

    }

}

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

@media(max-width:767px){

    .oe-impact-hero{

        min-height:500px;

        padding:60px 0;

        align-items:center;

        background-position:center;

    }

    .oe-impact-hero .oe-container{

        padding:0 22px;

    }

    .oe-impact-overlay{

        background:rgba(11,31,51,.68);

    }

    .oe-impact-content{

        text-align:center;

    }

    .oe-impact-content h1{

        font-size:34px;

        line-height:1.01;

    }

    .oe-impact-content p{

        font-size:14px;

        line-height:1.3;

        margin-bottom:30px;

    }

    .oe-impact-buttons{

        flex-direction:column;

        align-items:center;

        gap:14px;

    }

    .oe-impact-buttons .oe-btn-primary,

    .oe-impact-buttons .oe-btn-secondary{

        width:100%;

        max-width:320px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbd933c *//*==================================================
SOURCING & IMPACT
==================================================*/

.oe-impact-story{

    padding:85px 0;

    background:#F7FAFC;

}

.oe-impact-story .oe-container{

    max-width:1320px;

    margin:auto;

    padding:0 40px;

}

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

.oe-impact-heading{

    max-width:780px;

    margin:0 auto 60px;

    text-align:center;

}

.oe-impact-heading .oe-section-tag{

    display:inline-block;

    margin-bottom:16px;

    color:#4878B0;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.oe-impact-heading h2{

    font-size:46px;

    line-height:1.15;

    color:#0B1F33;

    margin-bottom:20px;

}

.oe-impact-heading p{

    font-size:17px;

    line-height:1.8;

    color:#4B5563;

    margin:0;

}

/*======================================
ROW
======================================*/

.oe-story-card{

    display:grid;

    grid-template-columns:38% 62%;

    gap:40px;

    align-items:center;

    margin-bottom:34px;

    background:#ffffff;

    border:1px solid rgba(72,120,176,.10);

    border-radius:26px;

    padding:28px;

    box-shadow:

    0 18px 45px rgba(11,31,51,.05);

    transition:.35s;

}

.oe-story-card:last-child{

    margin-bottom:0;

}

.oe-story-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 28px 60px rgba(11,31,51,.10);

}

/*======================================
REVERSE
======================================*/

.oe-story-card.reverse{

    grid-template-columns:62% 38%;

}

.oe-story-card.reverse .oe-story-image{

    order:2;

}

.oe-story-card.reverse .oe-story-content{

    order:1;

}

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

.oe-story-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;

}

.oe-story-image img{

    width:100%;

    height:250px;

    display:block;

    object-fit:cover;

    transition:.45s;

}

.oe-story-card:hover img{

    transform:scale(1.05);

}

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

.oe-story-content{

    position:relative;

}

.oe-story-number{

    display:block;

    font-size:15px;

    font-weight:700;

    color:#4878B0;

    letter-spacing:2px;

    margin-bottom:12px;

}

.oe-story-line{

    width:70px;

    height:3px;

    background:#4878B0;

    border-radius:30px;

    margin-bottom:22px;

}

.oe-story-content h3{

    font-size:30px;

    line-height:1.25;

    color:#0B1F33;

    margin-bottom:18px;

}

.oe-story-content p{

    font-size:16px;

    line-height:1.8;

    color:#4B5563;

    margin-bottom:16px;

}

.oe-story-content p:last-child{

    margin-bottom:0;

}

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

@media(max-width:991px){

    .oe-impact-story{

        padding:70px 0;

    }

    .oe-impact-story .oe-container{

        padding:0 30px;

    }

    .oe-impact-heading{

        margin-bottom:45px;

    }

    .oe-impact-heading h2{

        font-size:38px;

    }

    .oe-impact-heading p{

        font-size:16px;

    }

    .oe-story-card,

    .oe-story-card.reverse{

        grid-template-columns:1fr;

        gap:30px;

        padding:24px;

    }

    .oe-story-card .oe-story-image,

    .oe-story-card.reverse .oe-story-image{

        order:1;

    }

    .oe-story-card .oe-story-content,

    .oe-story-card.reverse .oe-story-content{

        order:2;

    }

    .oe-story-image img{

        height:300px;

    }

    .oe-story-content h3{

        font-size:26px;

    }

}

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

@media(max-width:767px){

    .oe-impact-story{

        padding:60px 0;

    }

    .oe-impact-story .oe-container{

        padding:0 22px;

    }

    .oe-impact-heading{

        text-align:left;

        margin-bottom:35px;

    }

    .oe-impact-heading h2{

        font-size:30px;

        line-height:1.2;

    }

    .oe-impact-heading p{

        font-size:16px;

        line-height:1.75;

    }

    .oe-story-card,

    .oe-story-card.reverse{

        grid-template-columns:1fr;

        gap:22px;

        padding:18px;

        border-radius:18px;

        margin-bottom:22px;

    }

    .oe-story-card .oe-story-image,

    .oe-story-card.reverse .oe-story-image{

        order:1;

    }

    .oe-story-card .oe-story-content,

    .oe-story-card.reverse .oe-story-content{

        order:2;

    }

    .oe-story-image{

        border-radius:14px;

    }

    .oe-story-image img{

        height:220px;

    }

    .oe-story-number{

        font-size:14px;

        margin-bottom:10px;

    }

    .oe-story-line{

        width:55px;

        margin-bottom:18px;

    }

    .oe-story-content h3{

        font-size:22px;

        line-height:1.35;

        margin-bottom:14px;

    }

    .oe-story-content p{

        font-size:15px;

        line-height:1.7;

        margin-bottom:12px;

    }

    .oe-story-card:hover{

        transform:none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7fbdcb *//*==================================================
WORK WITH OCEAN ELEMENTS CTA
==================================================*/

.oe-impact-cta{

    position:relative;

    padding:85px 0;

    overflow:hidden;

    background:linear-gradient(135deg,#0B1F33 0%,#163A5D 45%,#4878B0 100%);

}

/*====================================*/

.oe-impact-cta::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-180px;

    top:-180px;

    border-radius:50%;

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

    filter:blur(20px);

}

.oe-impact-cta::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    left:-120px;

    bottom:-120px;

    border-radius:50%;

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

    filter:blur(18px);

}

/*====================================*/

.oe-impact-cta .oe-container{

    max-width:1320px;

    margin:auto;

    padding:0 40px;

    position:relative;

    z-index:2;

}

/*====================================*/

.oe-impact-cta-inner{

    max-width:760px;

    margin:auto;

    text-align:center;

}

.oe-impact-cta .oe-section-tag{

    display:inline-block;

    margin-bottom:18px;

    color:#C8DDF4;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.oe-impact-cta h2{

    font-size:48px;

    line-height:1.15;

    color:#ffffff;

    margin-bottom:22px;

}

.oe-impact-cta p{

    font-size:17px;

    line-height:1.8;

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

    margin:0 auto 38px;

    max-width:620px;

}

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

.oe-impact-cta .oe-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:185px;

    height:56px;

    border-radius:100px;

    background:#ffffff;

    color:#0B1F33;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.oe-impact-cta .oe-btn-primary:hover{

    transform:translateY(-3px);

    background:#F4F7FA;

}

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

@media(max-width:991px){

    .oe-impact-cta{

        padding:70px 0;

    }

    .oe-impact-cta .oe-container{

        padding:0 30px;

    }

    .oe-impact-cta h2{

        font-size:40px;

    }

}

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

@media(max-width:767px){

    .oe-impact-cta{

        padding:60px 0;

    }

    .oe-impact-cta .oe-container{

        padding:0 22px;

    }

    .oe-impact-cta h2{

        font-size:32px;

        line-height:1.2;

    }

    .oe-impact-cta p{

        font-size:16px;

        line-height:1.75;

        margin-bottom:30px;

    }

    .oe-impact-cta .oe-btn-primary{

        width:100%;

        max-width:320px;

    }

}/* End custom CSS */