/*
============================================================
NANDA FOOD EXPORT — PROPRIETARY SOURCE CODE
Copyright © 2026 PT. Nanda Food And Agriculture.
All Rights Reserved.

Unauthorized copying, modification, distribution, publication,
or reuse of this proprietary source code, in whole or in substantial
part, is prohibited without prior written permission from
PT. Nanda Food And Agriculture.

Third-party materials remain subject to their respective licenses.
============================================================
*/

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

#hero{
position:relative;
overflow:hidden;
background:#fff;
padding:18px 0 0;
isolation:isolate;
}

.hero-container{
position:relative;
z-index:5;
padding-bottom:0;
}

/* =====================================================
   HERO BACKGROUND
====================================================== */

.hero-background{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:1;
}

.hero-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
}

.hero-glow-left{
    width:780px;
    height:780px;
    top:-280px;
    left:-300px;
    background:radial-gradient(circle,
        rgba(46,94,62,.08) 0%,
        rgba(46,94,62,.04) 35%,
        transparent 75%);
}

.hero-glow-right{
    width:680px;
    height:680px;
    top:-180px;
    right:-220px;
    background:radial-gradient(circle,
        rgba(244,190,65,.10) 0%,
        rgba(244,190,65,.05) 40%,
        transparent 78%);
}

.hero-gradient{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 42%,
            rgba(46,94,62,.03),
            transparent 42%),
        radial-gradient(circle at 88% 8%,
            rgba(244,190,65,.05),
            transparent 34%),
        linear-gradient(
            to bottom,
            rgba(255,255,255,.15),
            rgba(255,255,255,0) 24%,
            rgba(255,255,255,0) 74%,
            rgba(255,255,255,.20));
}

/* =====================================================
   HERO BREADCRUMB
====================================================== */

.hero-breadcrumb{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
margin-bottom:20px;
border-radius:50px;
background:rgba(255,255,255,.90);
border:1px solid rgba(255,255,255,.35);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
box-shadow:0 15px 35px rgba(0,0,0,.05);
font-size:14px;
font-weight:500;
}

.hero-breadcrumb a{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--primary);
    text-decoration:none;
}

.hero-breadcrumb a:hover{
    color:var(--secondary);
}

.hero-breadcrumb a i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:50%;
    background:rgba(46,94,62,.06);
    font-size:12px;
}

.hero-breadcrumb .ri-arrow-right-s-line{
    color:#9ea7a1;
    font-size:14px;
}

.hero-breadcrumb span{
    font-size:13px;
    font-weight:500;
}

.current-page{
    color:#6b756e;
}

/* =====================================================
   HERO BODY
===================================================== */

.hero-body{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
gap:32px;
min-height:400px;
}

.hero-content{
position:relative;
z-index:20;
width:46%;
max-width:565px;
padding-top:0;
}

/* =====================================================
   HERO TYPOGRAPHY
===================================================== */

.hero-content h1{
margin:14px 0 16px;
font-size:clamp(2rem,2.8vw,3rem);
line-height:1.12;
font-weight:700;
color:var(--primary);
}

.hero-content p{
max-width:530px;
margin:0 0 24px;
font-size:17px;
line-height:1.75;
font-weight:400;
color:var(--text-light);
}

.hero-figure{
position:absolute;
top:-28px;
right:-18px;
width:700px;
z-index:5;
}

.hero-image{
display:block;
width:100%;
height:auto;
object-fit:contain;

filter:
drop-shadow(0 25px 35px rgba(0,0,0,.08));
}

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

.hero-figure::before{
content:none;
}

.hero-figure::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:190px;
pointer-events:none;
z-index:2;

background:linear-gradient(
180deg,
transparent 0%,
rgba(255,255,255,.05) 24%,
rgba(255,255,255,.18) 48%,
rgba(255,255,255,.45) 68%,
rgba(255,255,255,.75) 86%,
#fff 100%);
}

.hero-image{
display:block;
width:100%;
height:auto;
object-fit:contain;

-webkit-mask-image:linear-gradient(
90deg,
transparent 0%,
rgba(0,0,0,.08) 5%,
rgba(0,0,0,.22) 10%,
rgba(0,0,0,.45) 16%,
rgba(0,0,0,.72) 22%,
#000 30%,
#000 96%,
transparent 100%);

mask-image:linear-gradient(
90deg,
transparent 0%,
rgba(0,0,0,.08) 5%,
rgba(0,0,0,.22) 10%,
rgba(0,0,0,.45) 16%,
rgba(0,0,0,.72) 22%,
#000 30%,
#000 96%,
transparent 100%);

filter:drop-shadow(0 22px 32px rgba(0,0,0,.08));
}

/* =====================================================
   HERO CTA
===================================================== */

.hero-actions{
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
margin-top:18px;
}

.hero-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;

height:54px;
padding:0 28px;

border-radius:50px;

font-size:15px;
font-weight:600;
text-decoration:none;

transition:all .3s ease;
}

.hero-actions a i{
font-size:18px;
line-height:1;
}

.hero-actions a:hover{
transform:translateY(-3px);
}

/* =====================================================
   HERO STATS
===================================================== */

.hero-stats{
position:relative;
display:grid;
grid-template-columns:repeat(4,1fr);
align-items:center;
margin-top:20px;
padding-top:16px;
background:#fff;
border-top:1px solid rgba(31,93,58,.08);
z-index:10;
}

.hero-stat{
position:relative;
display:flex;
align-items:center;
gap:13px;
min-height:62px;
padding:0 18px;
}

.hero-stat:not(:last-child)::after{
content:"";
position:absolute;
top:10px;
right:0;
width:1px;
height:52px;
background:rgba(31,93,58,.10);
}

.hero-stat-icon{
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
border-radius:50%;
background:#F4F6EF;
}

.hero-stat-icon i{
font-size:20px;
line-height:1;
color:var(--primary);
}

.hero-stat-content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
}

.hero-stat-content h3{
margin:0;
font-size:24px;
line-height:1;
font-weight:700;
color:var(--primary);
}

.hero-stat-content h4{
margin:4px 0 3px;
font-size:13px;
font-weight:700;
line-height:1.25;
color:var(--primary);
}

.hero-stat-content p{
margin:0;
font-size:11px;
line-height:1.45;
color:var(--text-light);
}

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

/* ==========================
TABLET
========================== */
@media (max-width:992px){

.hero-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:36px;min-height:auto;}

.hero-content{width:100%;max-width:700px;padding-top:0;}

.hero-breadcrumb{margin-bottom:18px;}

.hero-content h1{max-width:700px;margin:14px auto;font-size:clamp(2rem,4vw,2.6rem);line-height:1.15;}

.hero-content p{max-width:650px;margin:0 auto 24px;font-size:17px;line-height:1.7;}

.hero-actions{justify-content:center;gap:16px;}

.hero-figure{
position:relative;
top:auto;
right:auto;
width:100%;
max-width:680px;
margin:0 auto;
}

.hero-image{
width:100%;
height:auto;
}

.hero-stats{
position:relative;
left:auto;
right:auto;
bottom:auto;
margin-top:30px;
grid-template-columns:repeat(2,1fr);
padding-top:0;
}

.hero-stat{
padding:18px;
min-height:78px;
}

.hero-stat:nth-child(even)::after{
display:none;
}

.hero-stat-icon{
width:46px;
height:46px;
}

.hero-stat-content h3{
font-size:24px;
}

}

.hero-breadcrumb{
display:flex;
width:fit-content;
justify-content:center;
align-items:center;
margin:0 auto 20px;
}

/* ==========================
MOBILE
========================== */
@media (max-width:768px){

#hero{
padding:20px 0 0;
}

.hero-container{
padding-bottom:0;
}

.hero-body{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:20px;
min-height:auto;
}

.hero-content{
order:1;
width:100%;
max-width:100%;
display:flex;
flex-direction:column;
align-items:center;
padding-top:0;
}

.hero-breadcrumb{
display:flex;
align-items:center;
justify-content:center;
width:fit-content;
margin:0 auto 18px;
padding:10px 16px;
font-size:13px;
}

.hero-content h1{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

.hero-content p{
max-width:320px;
margin:0 auto 20px;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.hero-actions{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:10px;
width:100%;
margin-top:2px;
position:relative;
z-index:30;
}

.hero-actions a{
flex:1;
max-width:165px;
min-width:145px;
height:46px;
padding:0 14px;
justify-content:center;
font-size:12px;
font-weight:600;
border-radius:50px;
}

.hero-actions a i{
font-size:16px;
}

.hero-figure{
order:2;
position:relative;
top:-38px;
right:auto;
width:100%;
max-width:360px;
margin:0 auto -42px;
z-index:5;
pointer-events:none;
}

.hero-image{
display:block;
width:100%;
height:auto;
object-fit:contain;
opacity:.78;
filter:
drop-shadow(0 16px 24px rgba(0,0,0,.08));
}

.hero-figure::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:120px;
z-index:2;
pointer-events:none;

background:linear-gradient(
180deg,
#fff 0%,
rgba(255,255,255,.92) 18%,
rgba(255,255,255,.65) 45%,
rgba(255,255,255,.25) 72%,
transparent 100%);
}

.hero-stats{
position:relative;
left:auto;
right:auto;
bottom:auto;
order:3;
margin-top:18px;
padding-top:0;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
background:transparent;
border-top:none;
}

.hero-stat{
display:flex;
align-items:center;
gap:10px;
min-height:78px;
padding:14px;
border:1px solid rgba(31,93,58,.08);
border-radius:16px;
background:#fff;
box-shadow:0 8px 22px rgba(0,0,0,.04);
}

.hero-stat::after{
display:none!important;
}

.hero-stat-icon{
width:40px;
height:40px;
}

.hero-stat-icon i{
font-size:17px;
}

.hero-stat-content{
text-align:left;
}

.hero-stat-content h3{
font-size:20px;
margin:0;
}

.hero-stat-content h4{
margin:3px 0;
font-size:12px;
line-height:1.3;
}

.hero-stat-content p{
margin:0;
font-size:11px;
line-height:1.45;
}

}


/* ==========================================
2. EXPORT OVERVIEW
========================================== */

#export-overview{
    position:relative;
    padding:30px 0 80px;
    background:#fff;
    overflow:hidden;
}

.overview-bg{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}

.overview-bg img{
    position:absolute;
    left:-120px;
    top:50%;
    transform:translateY(-50%);
    width:850px;
    max-width:none;
    height:auto;
    opacity:.22;
    object-fit:contain;
}

.export-overview-wrapper{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:start;
}

.export-overview-content{
    padding-top:0;
}

.export-overview-content h2{
    font-size:clamp(2.2rem,2.8vw,3.4rem);
    line-height:1.08;
    color:var(--primary);
    margin:15px 0 20px;
    max-width:700px;
}

.export-overview-content p{
    max-width:700px;
    margin-bottom:28px;
    font-size:16px;
    line-height:1.85;
    color:var(--text-light);
}

.overview-trust-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 24px;
}

.trust-point{
    display:flex;
    align-items:center;
    gap:12px;
}

.trust-point i{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:rgba(142,195,55,.15);
    color:var(--secondary);
    font-size:15px;
}

.trust-point span{
    font-size:15px;
    font-weight:600;
    color:var(--primary);
}

/* PANEL */

.export-capability-panel{
    position:relative;
    z-index:3;
    padding:34px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        #2e5e3e 0%,
        #1f4a31 100%
    );
    color:#fff;
    box-shadow:0 20px 50px rgba(46,94,62,.15);
}

.panel-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}

.panel-icon{
    width:78px;
    height:78px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:rgba(255,255,255,.12);
}

.panel-icon i{
    font-size:36px;
    color:#fff;
}

.panel-subtitle{
    display:block;
    margin-bottom:4px;
    font-size:12px;
    letter-spacing:3px;
    opacity:.7;
}

.panel-header h3{
    margin:0;
    font-size:2rem;
    line-height:1.1;
    color:#fff;
}

.panel-features{
    display:flex;
    flex-direction:column;
}

.panel-feature{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.panel-feature:last-child{
    border-bottom:none;
}

.panel-feature i{
    font-size:22px;
    color:#d7ecaa;
    flex-shrink:0;
}

.panel-feature span{
    font-size:16px;
    font-weight:600;
    color:#fff;
}

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

@media(max-width:992px){

    #export-overview{
        padding:25px 0 70px;
    }

    .export-overview-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .export-overview-content{
        text-align:center;
    }

    .export-overview-content h2,
    .export-overview-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .overview-trust-points{
        max-width:700px;
        margin:25px auto 0;
    }

    .overview-bg img{
        left:-180px;
        width:700px;
        opacity:.18;
    }

}

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

@media(max-width:768px){

    #export-overview{
        padding:20px 0 60px;
    }

    .overview-trust-points{
        grid-template-columns:1fr;
        gap:16px;
    }

    .export-capability-panel{
        padding:28px;
    }

    .panel-header{
        flex-direction:column;
        text-align:center;
    }

    .panel-feature span{
        font-size:15px;
    }

    .overview-bg img{
        left:-250px;
        top:50%;
        width:650px;
        opacity:.12;
    }

}

/* ==========================================
3. GLOBAL BUYERS
========================================== */

#global-buyers{
    position:relative;
    padding:90px 0;
    background:#fafaf7;
    overflow:hidden;
}

/* ==========================================
LAYOUT
========================================== */

.buyers-layout{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:45% 55%;
    gap:45px;
    align-items:start;
}

.buyers-left{
    position:relative;
    z-index:3;
    padding-right:10px;
}

.buyers-left h2{
    font-size:clamp(2.2rem,2.8vw,3.3rem);
    line-height:1.08;
    color:var(--primary);
    margin:12px 0 18px;
    max-width:520px;
}

.buyers-left p{
    font-size:14px;
    line-height:1.75;
    color:var(--text-light);
    margin-bottom:22px;
    max-width:480px;
}

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

.buyers-trust-timeline{
    position:relative;
    display:flex;
    flex-direction:column;

    gap:8px;

    padding-left:38px;

    margin-top:20px;
}

.trust-line{
    position:absolute;
    left:10px;
    top:40px;
    bottom:40px;
    width:2px;
    background:#dce7c8;
    border-radius:20px;
    overflow:hidden;
}

.trust-line::after{
    content:"";
    position:absolute;
    left:0;
    top:-90px;
    width:100%;
    height:90px;

    background:linear-gradient(
        to bottom,
        transparent,
        rgba(142,195,55,.9),
        transparent
    );

    animation:timelineFlow 8s linear infinite;
}

@keyframes timelineFlow{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(520px);
    }

}

.trust-step{
    position:relative;
    display:flex;
    align-items:center;

    min-height:68px;
}

.trust-dot{
    position:absolute;

    left:-34px;
    top:50%;

    transform:translateY(-50%);

    width:12px;
    height:12px;

    border-radius:50%;
    background:var(--secondary);

    z-index:3;

    animation:trustPulse 3s infinite;
}

@keyframes trustPulse{

    0%{
        box-shadow:0 0 0 0 rgba(142,195,55,.35);
    }

    70%{
        box-shadow:0 0 0 8px rgba(142,195,55,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(142,195,55,0);
    }

}

.trust-content{
    display:grid;

    grid-template-columns:60px 1fr;

    align-items:center;

    gap:14px;

    width:100%;

    min-height:64px;
}

.trust-circle{
    width:60px;
    height:60px;

    border-radius:50%;

    background:#eef3e4;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    transition:.35s ease;
}

.trust-step:hover .trust-circle{
    transform:translateY(-2px);
}

.trust-circle i{
    font-size:24px;
    color:var(--primary);
}

.trust-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    min-height:56px;

    text-align:left;
}

.trust-text h4{
    margin:0 0 5px;

    font-size:1.02rem;
    font-weight:700;
    line-height:1.3;

    color:var(--primary);

    text-transform:uppercase;

    text-align:left;
}

.trust-text p{
    margin:0;

    font-size:13px;
    line-height:1.65;

    color:var(--text-light);

    text-align:left;
}

/* ==========================================
RIGHT SIDE
========================================== */

.buyers-right{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.benefit-row{
    background:#fff;
    border:1px solid rgba(46,94,62,.05);
    border-radius:18px;
    padding:14px 20px;

    display:grid;
    grid-template-columns:65px 58px 1fr 20px;

    align-items:center;
    gap:16px;

    box-shadow:0 4px 15px rgba(0,0,0,.03);
    transition:.3s ease;
}

.benefit-row:hover{
    transform:translateX(5px);
    box-shadow:0 10px 24px rgba(46,94,62,.08);
}

.benefit-no{
    font-size:2rem;
    font-weight:700;
    color:#6f9b3f;
    line-height:1;
    padding-right:12px;
    border-right:1px solid rgba(46,94,62,.08);
}

.benefit-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#eef3e4;

    display:flex;
    align-items:center;
    justify-content:center;
}

.benefit-icon i{
    font-size:24px;
    color:var(--primary);
}

.benefit-text h3{
    margin:0 0 4px;
    font-size:1.05rem;
    line-height:1.25;
    color:var(--primary);
}

.benefit-text p{
    margin:0;
    font-size:13px;
    line-height:1.55;
    color:var(--text-light);
}

.benefit-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
}

.benefit-arrow i{
    font-size:24px;
    color:#6f9b3f;
}


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

@media(max-width:992px){

#global-buyers{
padding:75px 0;
}

.buyers-layout{
grid-template-columns:1fr;
gap:46px;
}

.buyers-left{
padding-right:0;
text-align:center;
}

.buyers-left h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

.buyers-left p{
max-width:650px;
margin:0 auto 26px;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.buyers-trust-timeline{
position:relative;
display:flex;
flex-direction:column;
max-width:720px;
margin:30px auto 0;
padding-left:0;
gap:20px;
}

.trust-line{
position:absolute;
left:27px;
top:27px;
bottom:27px;
width:2px;
transform:translateX(-50%);
background:linear-gradient(180deg,#8CC63F 0%,rgba(140,198,63,.35) 100%);
z-index:0;
}

.trust-dot{
display:none;
}

.trust-step{
position:relative;
display:flex;
align-items:flex-start;
gap:18px;
z-index:1;
}

.trust-circle{
flex:0 0 54px;
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#F4F6EF;
border:2px solid rgba(140,198,63,.35);
box-shadow:0 6px 14px rgba(0,0,0,.06);
z-index:2;
}

.trust-circle i{
font-size:21px;
line-height:1;
color:var(--primary);
}

.trust-content{
flex:1;
min-width:0;
padding:0;
background:transparent;
border:none;
box-shadow:none;
text-align:left;
}

.trust-text h4{
margin:0 0 5px;
font-size:15px;
line-height:1.35;
}

.trust-text p{
margin:0;
font-size:13px;
line-height:1.65;
}

.buyers-right{
display:flex;
flex-direction:column;
margin-top:24px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 28px rgba(0,0,0,.05);
}

.benefit-row{
display:grid;
grid-template-columns:42px 52px minmax(0,1fr) 20px;
grid-template-areas:"number icon text arrow";
align-items:center;
column-gap:16px;
padding:18px 22px;
background:#fff;
border-bottom:1px solid rgba(46,94,62,.08);
}

.benefit-row:last-child{
border-bottom:none;
}

.benefit-no{
grid-area:number;
display:flex;
align-items:center;
justify-content:flex-start;
font-size:22px;
font-weight:700;
line-height:1;
color:var(--primary);
}

.benefit-icon{
grid-area:icon;
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#F4F6EF;
}

.benefit-icon i{
font-size:20px;
color:var(--primary);
}

.benefit-text{
grid-area:text;
min-width:0;
}

.benefit-text h3{
margin:0 0 5px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.benefit-text p{
margin:0;
font-size:12px;
line-height:1.6;
color:var(--text-light);
}

.benefit-arrow{
grid-area:arrow;
display:flex;
align-items:center;
justify-content:flex-end;
}

.benefit-arrow i{
font-size:18px;
color:#757575;
}

}

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

@media(max-width:768px){

#global-buyers{
padding:60px 0;
}

.buyers-layout{
display:block;
}

.buyers-left{
padding-right:0;
text-align:center;
margin-bottom:34px;
}

.buyers-left h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

.buyers-left p{
max-width:320px;
margin:0 auto 24px;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.buyers-trust-timeline{
position:relative;
display:flex;
flex-direction:column;
padding-left:0;
margin-top:24px;
gap:18px;
}

.trust-line{
position:absolute;
left:23px;
top:23px;
bottom:23px;
width:2px;
transform:translateX(-50%);
background:linear-gradient(180deg,#8CC63F 0%,rgba(140,198,63,.35) 100%);
z-index:0;
}

.trust-dot{
display:none;
}

.trust-step{
position:relative;
display:flex;
align-items:flex-start;
gap:14px;
z-index:1;
}

.trust-circle{
flex:0 0 46px;
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#F4F6EF;
border:2px solid rgba(140,198,63,.35);
box-shadow:0 4px 10px rgba(0,0,0,.06);
z-index:2;
}

.trust-circle i{
font-size:18px;
color:var(--primary);
}

.trust-content{
flex:1;
text-align:left;
}

.trust-text h4{
margin:0 0 4px;
font-size:15px;
line-height:1.35;
}

.trust-text p{
margin:0;
font-size:12px;
line-height:1.65;
}

.buyers-right{
display:flex;
flex-direction:column;
margin-top:20px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 22px rgba(0,0,0,.04);
}

.benefit-row{
display:grid;
grid-template-columns:36px 52px minmax(0,1fr) 18px;
grid-template-areas:"number icon text arrow";
align-items:center;
column-gap:14px;
padding:16px 18px;
background:#fff;
border-bottom:1px solid rgba(46,94,62,.08);
}

.benefit-row:last-child{
border-bottom:none;
}

.benefit-no{
grid-area:number;
display:flex;
align-items:center;
justify-content:flex-start;
font-size:20px;
font-weight:700;
line-height:1;
color:var(--primary);
}

.benefit-icon{
grid-area:icon;
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#F4F6EF;
}

.benefit-icon i{
font-size:18px;
color:var(--primary);
}

.benefit-text{
grid-area:text;
min-width:0;
}

.benefit-text h3{
margin:0 0 4px;
font-size:14px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.benefit-text p{
margin:0;
font-size:11px;
line-height:1.55;
color:var(--text-light);
}

.benefit-arrow{
grid-area:arrow;
display:flex;
align-items:center;
justify-content:flex-end;
}

.benefit-arrow i{
font-size:16px;
color:#757575;
}

}

/* ==========================================
4. PRIVATE LABEL
========================================== */

#private-label{
    position:relative;
    overflow:hidden;

    padding:70px 0 55px;

    background:#fff;
}

.private-label-bg{
    position:absolute;

    left:-20px;
    top:42%;

    transform:translateY(-50%);

    width:560px;

    opacity:.28;

    pointer-events:none;
    z-index:1;
}

.private-label-bg::after{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.10) 35%,
        rgba(255,255,255,.40) 70%,
        rgba(255,255,255,.80) 100%
    );
}

.private-label-bg img{
    width:100%;
    display:block;

    object-fit:contain;
    object-position:left bottom;
}

.private-label-wrapper{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:46% 54%;
    gap:45px;
    align-items:center;
}

.private-label-content h2{
font-size:clamp(2rem,3vw,3rem);
color:var(--primary);
margin-bottom:20px;
}

.private-label-content p{
    max-width:580px;
    line-height:1.9;
    margin-bottom:16px;
    text-align:justify;
    text-justify:inter-word;
}

.private-label-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.private-label-features .pl-item:nth-child(1){
animation-delay:.05s;
}

.private-label-features .pl-item:nth-child(2){
animation-delay:.12s;
}

.private-label-features .pl-item:nth-child(3){
animation-delay:.20s;
}

.private-label-features .pl-item:nth-child(4){
animation-delay:.28s;
}

.private-label-features .pl-item:nth-child(5){
animation-delay:.36s;
}

.private-label-features .pl-item:nth-child(6){
animation-delay:.44s;
}

.pl-item{
    display:flex;
    align-items:center;
    gap:14px;

    padding:22px 24px;

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

    border:1px solid rgba(46,94,62,.06);

    border-radius:18px;

    backdrop-filter:blur(8px);

    box-shadow:
    0 8px 25px rgba(0,0,0,.03);

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

.pl-item:hover{
    transform:translateY(-6px);

    border-color:
    rgba(142,195,55,.25);

    box-shadow:
    0 15px 35px rgba(46,94,62,.08);
}

.pl-item i{
    font-size:24px;
    color:var(--secondary);

    transition:
    transform .35s ease,
    color .35s ease;
}

.pl-item:hover i{
    transform:scale(1.15);
    color:var(--primary);
}

.pl-item span{
    font-size:1.05rem;
    font-weight:700;
    color:var(--primary);
}

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

@media(max-width:992px){

#private-label{
padding:72px 0;
}

.private-label-bg{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:360px;
opacity:.05;
pointer-events:none;
z-index:1;
}

.private-label-wrapper{
position:relative;
z-index:2;
grid-template-columns:1fr;
gap:42px;
}

.private-label-content{
text-align:center;
}

.private-label-content h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

.private-label-content p{
max-width:650px;
margin:0 auto 18px;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.private-label-features{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-top:22px;
}

.pl-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:24px 18px;
min-height:150px;
background:rgba(252,253,251,.92);
border:1px solid rgba(46,94,62,.06);
border-radius:18px;
box-shadow:0 6px 18px rgba(31,93,58,.03);
backdrop-filter:blur(8px);
transition:all .28s ease;
}

.pl-item:hover{
transform:translateY(-3px);
border-color:rgba(140,198,63,.18);
box-shadow:0 10px 24px rgba(31,93,58,.05);
}

.pl-item i{
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
margin-bottom:14px;
font-size:24px;
border-radius:18px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
color:var(--primary);
}

.pl-item span{
display:block;
max-width:170px;
font-size:15px;
font-weight:700;
line-height:1.45;
letter-spacing:.15px;
color:var(--primary);
text-wrap:balance;
word-break:break-word;
}

.pl-item::after{
content:"";
display:block;
width:36px;
height:3px;
margin-top:12px;
border-radius:999px;
background:var(--secondary);
opacity:.9;
}

}

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

@media(max-width:768px){

#private-label{
padding:60px 0;
}

.private-label-bg{
display:none;
}

.private-label-wrapper{
display:block;
}

.private-label-content{
text-align:center;
margin-bottom:34px;
}

.private-label-content h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

.private-label-content p{
max-width:320px;
margin:0 auto 18px;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.private-label-features{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:26px;
}

.pl-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:20px 14px;
min-height:128px;
background:#FCFDFB;
border:1px solid rgba(46,94,62,.06);
border-radius:18px;
box-shadow:0 6px 16px rgba(31,93,58,.03);
transition:all .28s ease;
}

.pl-item:hover{
transform:translateY(-3px);
border-color:rgba(140,198,63,.18);
box-shadow:0 10px 22px rgba(31,93,58,.05);
}

.pl-item i{
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
margin-bottom:12px;
font-size:22px;
border-radius:16px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
color:var(--primary);
}

.pl-item span{
display:block;
font-size:13px;
font-weight:700;
line-height:1.45;
letter-spacing:.15px;
color:var(--primary);
text-wrap:balance;
word-break:break-word;
}

.pl-item::after{
content:"";
display:block;
width:34px;
height:3px;
margin-top:12px;
border-radius:999px;
background:var(--secondary);
opacity:.9;
}

}

/* ==========================================
5. EXPORT DOCUMENTS
========================================== */

#export-documents{
    padding:20px 0 50px;
}

#export-documents .section-heading{
    max-width:760px;
    margin:0 auto;
}

#export-documents .section-heading h2{
    margin:10px 0 14px;
}

#export-documents .section-heading p{
    max-width:650px;
    margin:0 auto;
}

.documents-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 50px;
    margin-top:28px;
}

.document-item{
    display:flex;
    align-items:center;
    gap:20px;
}

.document-icon{
    width:64px;
    height:64px;

    flex-shrink:0;

    border-radius:22px;

    background:
    linear-gradient(
        135deg,
        rgba(46,94,62,.05),
        rgba(142,195,55,.12)
    );

    display:flex;
    align-items:center;
    justify-content:center;
}

.document-icon i{
    font-size:28px;
    color:var(--primary);
}

.document-content{
    flex:1;
}

.document-content h3{
    margin:0 0 6px;

    font-size:1.13rem;
    line-height:1.3;

    font-weight:700;
    color:var(--primary);
}

.document-content p{
    margin:0;

    font-size:13px;
    line-height:1.7;

    color:var(--text-light);
}

/* ==========================================
SUB EXPORT DOCUMENTS - DOCUMENTATION ASSURANCE
========================================== */

.documents-note{

    margin-top:22px;

    display:flex;
    align-items:center;
    gap:18px;

    padding:18px 22px;

    background:
    linear-gradient(
        135deg,
        rgba(46,94,62,.03),
        rgba(142,195,55,.08)
    );

    border:1px solid rgba(46,94,62,.08);

    border-radius:18px;

    transition:.35s ease;
}

.documents-note:hover{

    border-color:
    rgba(142,195,55,.25);

    transform:translateY(-3px);
}

.documents-note i{

    width:44px;
    height:44px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;
    color:var(--primary);

    box-shadow:
    0 5px 15px rgba(0,0,0,.04);
}

.documents-note p{

    margin:0;

    font-size:13px;
    line-height:1.7;

    color:var(--text-light);
}


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

@media(max-width:992px){

#export-documents{
padding:52px 0 68px;
}

#export-documents .section-heading{
max-width:700px;
margin:0 auto;
text-align:center;
}

#export-documents .section-heading h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

#export-documents .section-heading p{
max-width:650px;
margin:0 auto;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.documents-grid{
display:flex;
flex-direction:column;
gap:18px;
margin-top:38px;
}

.document-item{
display:grid;
grid-template-columns:72px 1fr;
align-items:center;
gap:20px;
padding:22px 24px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:20px;
box-shadow:0 8px 20px rgba(31,93,58,.03);
transition:all .28s ease;
}

.document-item:hover{
transform:translateY(-3px);
border-color:rgba(140,198,63,.18);
box-shadow:0 14px 30px rgba(31,93,58,.05);
}

.document-icon{
display:flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
border-radius:20px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
flex-shrink:0;
}

.document-icon i{
font-size:30px;
color:var(--primary);
}

.document-content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
text-align:left;
}

.document-content h3{
margin:0 0 8px;
font-size:18px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.document-content p{
margin:0;
font-size:14px;
line-height:1.75;
color:var(--text-light);
text-align:left;
}

.documents-note{
margin-top:30px;
display:grid;
grid-template-columns:56px 1fr;
align-items:center;
gap:18px;
padding:22px 24px;
background:linear-gradient(135deg,#F8FAF5 0%,#F2F8EC 100%);
border:1px solid rgba(46,94,62,.08);
border-radius:20px;
box-shadow:0 8px 20px rgba(31,93,58,.03);
transition:all .28s ease;
}

.documents-note:hover{
transform:translateY(-2px);
border-color:rgba(140,198,63,.18);
box-shadow:0 12px 26px rgba(31,93,58,.05);
}

.documents-note i{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border-radius:50%;
background:#fff;
font-size:22px;
color:var(--primary);
box-shadow:0 5px 14px rgba(0,0,0,.04);
}

.documents-note p{
margin:0;
font-size:14px;
line-height:1.75;
color:var(--text-light);
text-align:left;
}

}

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

@media(max-width:768px){

#export-documents{
padding:60px 0;
}

#export-documents .section-heading{
max-width:100%;
text-align:center;
}

#export-documents .section-heading h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

#export-documents .section-heading p{
max-width:320px;
margin:0 auto;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.documents-grid{
display:flex;
flex-direction:column;
gap:14px;
margin-top:34px;
}

.document-item{
display:grid;
grid-template-columns:56px 1fr;
align-items:start;
gap:16px;
padding:18px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:18px;
box-shadow:0 6px 16px rgba(31,93,58,.03);
transition:.28s ease;
}

.document-item:hover{
transform:translateY(-2px);
border-color:rgba(140,198,63,.18);
box-shadow:0 10px 20px rgba(31,93,58,.05);
}

.document-icon{
width:56px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
}

.document-icon i{
font-size:23px;
color:var(--primary);
}

.document-content{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
text-align:left;
}

.document-content h3{
margin:0 0 6px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.document-content p{
margin:0;
font-size:12px;
line-height:1.65;
color:var(--text-light);
text-align:left;
}

.documents-note{
margin-top:26px;
display:grid;
grid-template-columns:48px 1fr;
align-items:start;
gap:16px;
padding:18px;
background:linear-gradient(135deg,#F8FAF5 0%,#F2F8EC 100%);
border:1px solid rgba(46,94,62,.08);
border-radius:18px;
box-shadow:0 5px 14px rgba(31,93,58,.03);
}

.documents-note i{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff;
font-size:20px;
color:var(--primary);
box-shadow:0 4px 10px rgba(0,0,0,.04);
}

.documents-note p{
margin:0;
font-size:13px;
line-height:1.7;
color:var(--text-light);
text-align:left;
}

}

/* ==========================================
INCOTERMS
========================================== */

#incoterms{
    padding:70px 0;
    background:#fff;
}

#incoterms .section-heading{
    max-width:760px;
    margin:0 auto;
}

#incoterms .section-heading h2{
    margin:12px 0 14px;
}

#incoterms .section-heading p{
    max-width:680px;
    margin:0 auto;
}

.incoterms-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
    margin-top:45px;
}

.incoterm-item{
    position:relative;
    text-align:center;
    padding-top:24px;
}

.incoterm-item::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    transform:translateX(-50%);

    width:60px;
    height:3px;

    background:var(--secondary);

    border-radius:50px;

    transition:.35s ease;
}

.incoterm-item:hover::before{
    width:90px;
}

.incoterm-code{
    display:block;

    margin-bottom:16px;

    font-size:2.1rem;
    font-weight:800;
    line-height:1;

    color:var(--primary);

    transition:.35s ease;
}

.incoterm-item:hover .incoterm-code{
    color:var(--secondary);
}

.incoterm-item h3{
    margin-bottom:10px;

    font-size:1rem;
    font-weight:700;

    color:var(--primary);
}

.incoterm-item p{
    max-width:220px;
    margin:0 auto;

    min-height:72px;

    font-size:13px;
    line-height:1.75;
    color:var(--text-light);
}

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

@media(max-width:992px){

#incoterms{
padding:72px 0;
}

#incoterms .section-heading{
max-width:700px;
margin:0 auto;
text-align:center;
}

#incoterms .section-heading h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

#incoterms .section-heading p{
max-width:650px;
margin:0 auto;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.incoterms-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-top:34px;
}

.incoterm-item{
position:relative;
display:block;
padding:20px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:18px;
box-shadow:0 6px 18px rgba(31,93,58,.03);
text-align:left;
transition:all .28s ease;
overflow:hidden;
}

.incoterm-item:hover{
transform:translateY(-3px);
border-color:rgba(140,198,63,.18);
box-shadow:0 12px 26px rgba(31,93,58,.05);
}

.incoterm-item::before{
content:"";
position:absolute;
top:0;
left:20px;
width:42px;
height:3px;
background:var(--secondary);
border-radius:999px;
transition:.28s ease;
}

.incoterm-item:hover::before{
width:56px;
}

.incoterm-code{
display:block;
margin:10px 0 10px;
padding:0;
width:auto;
height:auto;
background:none;
border-radius:0;
font-size:32px;
font-weight:800;
line-height:1;
letter-spacing:.4px;
color:var(--primary);
}

.incoterm-item h3{
margin:0 0 8px;
font-size:16px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.incoterm-item p{
margin:0;
max-width:none;
min-height:auto;
font-size:13px;
line-height:1.7;
color:var(--text-light);
text-align:left;
}

}

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

@media(max-width:768px){

#incoterms{
padding:60px 0;
}

#incoterms .section-heading{
max-width:100%;
text-align:center;
}

#incoterms .section-heading h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

#incoterms .section-heading p{
max-width:320px;
margin:0 auto;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.incoterms-grid{
display:flex;
flex-direction:column;
gap:14px;
margin-top:30px;
}

.incoterm-item{
position:relative;
display:block;
padding:18px;
background:#fff;
border:1px solid rgba(46,94,62,.08);
border-radius:16px;
box-shadow:0 5px 14px rgba(31,93,58,.03);
text-align:left;
transition:all .28s ease;
overflow:hidden;
}

.incoterm-item:hover{
transform:translateY(-2px);
border-color:rgba(140,198,63,.18);
box-shadow:0 8px 18px rgba(31,93,58,.05);
}

.incoterm-item::before{
content:"";
position:absolute;
top:0;
left:18px;
width:36px;
height:2px;
background:var(--secondary);
border-radius:999px;
}

.incoterm-code{
display:block;
margin:8px 0 10px;
padding:0;
width:auto;
height:auto;
background:none;
border-radius:0;
font-size:26px;
font-weight:800;
line-height:1;
letter-spacing:.3px;
color:var(--primary);
}

.incoterm-item h3{
margin:0 0 6px;
font-size:14px;
font-weight:700;
line-height:1.3;
color:var(--primary);
}

.incoterm-item p{
margin:0;
max-width:none;
min-height:auto;
font-size:12px;
line-height:1.65;
color:var(--text-light);
text-align:left;
}

}
/* ==========================================
LOGISTICS & SHIPPING
========================================== */

#global-shipping{
    padding:70px 0;
    background:#fafaf7;
}

#global-shipping .section-heading{
    max-width:760px;
    margin:0 auto;
}

#global-shipping .section-heading h2{
    margin:12px 0 14px;
}

#global-shipping .section-heading p{
    max-width:680px;
    margin:0 auto;
}

.shipping-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);

    gap:24px;

    margin-top:45px;
}

.shipping-item{
    position:relative;

    text-align:center;

    padding:0 12px;
}

.shipping-item::after{
    content:"";

    position:absolute;

    top:30px;
    right:-12px;

    width:24px;
    height:1px;

    background:
    rgba(46,94,62,.15);
}

.shipping-item:last-child::after{
    display:none;
}

.shipping-item i{

    width:60px;
    height:60px;

    margin:0 auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        rgba(46,94,62,.08),
        rgba(142,195,55,.16)
    );

    color:var(--primary);

    font-size:26px;

    transition:.35s ease;
}

.shipping-item:hover i{

    transform:translateY(-4px);

    background:
    linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:#fff;
}

.shipping-item h3{

    margin-bottom:8px;

    font-size:1rem;
    line-height:1.35;

    color:var(--primary);
}

.shipping-item p{

    margin:0 auto;

    max-width:210px;

    font-size:13px;
    line-height:1.7;

    color:var(--text-light);
}

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

@media(max-width:992px){

#global-shipping{
padding:72px 0;
}

#global-shipping .section-heading{
max-width:700px;
margin:0 auto;
text-align:center;
}

#global-shipping .section-heading h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

#global-shipping .section-heading p{
max-width:650px;
margin:0 auto;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.shipping-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px 24px;
margin-top:36px;
}

.shipping-item{
position:relative;
display:block;
padding:20px 0 20px 72px;
text-align:left;
border-bottom:1px solid rgba(46,94,62,.08);
}

.shipping-item:last-child{
border-bottom:none;
}

.shipping-item::after{
display:none;
}

.shipping-item i{
position:absolute;
left:0;
top:20px;
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
margin:0;
border-radius:16px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
font-size:24px;
color:var(--primary);
transition:.28s ease;
}

.shipping-item:hover i{
transform:none;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
color:var(--primary);
}

.shipping-item h3{
margin:4px 0 8px;
font-size:16px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.shipping-item p{
max-width:none;
margin:0;
font-size:13px;
line-height:1.7;
color:var(--text-light);
text-align:left;
}

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

@media(max-width:768px){

#global-shipping{
padding:60px 0;
}

#global-shipping .section-heading{
max-width:100%;
text-align:center;
}

#global-shipping .section-heading h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

#global-shipping .section-heading p{
max-width:320px;
margin:0 auto;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.shipping-grid{
display:flex;
flex-direction:column;
gap:0;
margin-top:30px;
}

.shipping-item{
position:relative;
display:block;
max-width:none;
margin:0;
padding:18px 0 18px 66px;
text-align:left;
border-bottom:1px solid rgba(46,94,62,.08);
}

.shipping-item:last-child{
border-bottom:none;
}

.shipping-item::after{
display:none;
}

.shipping-item i{
position:absolute;
left:0;
top:18px;
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
margin:0;
border-radius:14px;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
font-size:20px;
color:var(--primary);
transition:.28s ease;
}

.shipping-item:hover i{
transform:none;
background:linear-gradient(135deg,#F4F8EE 0%,#EDF6E6 100%);
color:var(--primary);
}

.shipping-item h3{
margin:2px 0 6px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--primary);
}

.shipping-item p{
max-width:none;
margin:0;
font-size:12px;
line-height:1.65;
color:var(--text-light);
text-align:left;
}

}


/* ==========================================
CTA
========================================== */

#cta{
    position:relative;
    overflow:hidden;

    padding:78px 0;

    background:
    url("../img/nandafood-export-cta.webp")
    center center / cover
    no-repeat;
}

#cta::before{
    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(33,74,47,.76),
        rgba(24,55,35,.78)
    );
}

#cta .container{
    position:relative;
    z-index:2;
}

.cta-wrapper{
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

#cta .section-label{
    margin-bottom:18px;
}

#cta h2{

    max-width:900px;

    margin:0 auto 10px;

    font-size:clamp(2.25rem,3.2vw,3.45rem);

    line-height:1.12;

    color:#fff;

    font-weight:700;
}

#cta p{

    max-width:760px;

    margin:0 auto 22px;

    font-size:1.08rem;

    line-height:1.9;

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

.cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:8px;
}

.cta-buttons .btn-primary,
.cta-buttons .btn-secondary{

    min-width:265px;

    height:62px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:999px;

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

.cta-buttons .btn-primary:hover,
.cta-buttons .btn-secondary:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.20);
}

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

@media(max-width:992px){

#cta{
padding:72px 0;
}

.cta-wrapper{
max-width:720px;
margin:0 auto;
text-align:center;
}

#cta h2{
max-width:700px;
margin:14px auto 16px;
font-size:clamp(2rem,4vw,2.6rem);
line-height:1.15;
}

#cta p{
max-width:650px;
margin:0 auto 26px;
font-size:17px;
line-height:1.75;
text-align:justify;
text-justify:inter-word;
}

.cta-buttons{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:14px;
width:100%;
margin-top:4px;
}

.cta-buttons .btn-primary,
.cta-buttons .btn-secondary{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex:1;
max-width:230px;
min-width:190px;
height:52px;
padding:0 22px;
border-radius:50px;
font-size:14px;
font-weight:600;
}

.cta-buttons .btn-primary i,
.cta-buttons .btn-secondary i{
font-size:18px;
}

.cta-buttons .btn-primary span,
.cta-buttons .btn-secondary span{
white-space:nowrap;
}

}

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

@media(max-width:768px){

#cta{
padding:60px 0;
}

.cta-wrapper{
max-width:100%;
text-align:center;
}

#cta h2{
max-width:330px;
margin:10px auto 14px;
font-size:clamp(1.7rem,6vw,2rem);
line-height:1.18;
}

#cta p{
max-width:320px;
margin:0 auto 20px;
font-size:14px;
line-height:1.8;
text-align:justify;
text-justify:inter-word;
}

.cta-buttons{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:10px;
width:100%;
margin-top:2px;
}

.cta-buttons .btn-primary,
.cta-buttons .btn-secondary{
flex:1;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
max-width:165px;
min-width:145px;
height:46px;
padding:0 14px;
border-radius:50px;
font-size:12px;
font-weight:600;
}

.cta-buttons .btn-primary i,
.cta-buttons .btn-secondary i{
font-size:16px;
}

.cta-buttons .btn-primary span,
.cta-buttons .btn-secondary span{
white-space:nowrap;
}

}