.elementor-5 .elementor-element.elementor-element-394f971{--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-5 .elementor-element.elementor-element-17ae6de{--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-5 .elementor-element.elementor-element-d1233f1{--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-5 .elementor-element.elementor-element-b8b6c0e{--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-5 .elementor-element.elementor-element-b06f93a{--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-5 .elementor-element.elementor-element-91c60b7{--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-1fe1e7a *//* ======================================
HERO SECTION
====================================== */

.peg-hero{
background:#1F3E6E;
padding:80px 20px 150px;
text-align:center;
position:relative;
}

.peg-container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

.peg-hero-title{
font-family:'Playfair Display', serif;
font-size:38px;
color:#ffffff;
margin-bottom:20px;
line-height:1.2;
}

.peg-hero-sub{
font-family:'Inter', sans-serif;
font-size:20px;
color:#d9e2ec;
max-width:720px;
margin:0 auto;
line-height:1.6;
}


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

.peg-pathways{
margin-top:-100px;
position:relative;
z-index:2;
}

.peg-pathways-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}


/* ======================================
CARDS
====================================== */

.peg-card{
background:#ffffff;
padding:36px;
border:1px solid #e4e7ec;
border-radius:6px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
}


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

.peg-card-label{
font-family:'Inter', sans-serif;
font-size:13px;
letter-spacing:2px;
color:#1F3E6E;
margin-bottom:12px;
text-transform:uppercase;
}

.peg-card-desc{
font-family:'Inter', sans-serif;
font-size:16px;
color:#475467;
margin-bottom:26px;
line-height:1.5;
}


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

.peg-card-links a{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 0;
border-top:1px solid #e4e7ec;
text-decoration:none;
color:#101828;
font-family:'Inter', sans-serif;
font-size:15px;
transition:0.2s ease;
}

.peg-card-links a span{
opacity:0.7;
}

.peg-card-links a:hover{
color:#1F3E6E;
}


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

@media (max-width:1024px){

.peg-hero{
padding:140px 20px 180px;
}

.peg-hero-title{
font-size:42px;
}

.peg-hero-sub{
font-size:18px;
}

}


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

@media (max-width:768px){

.peg-hero{
padding:110px 20px 140px;
}

.peg-hero-title{
font-size:32px;
}

.peg-hero-sub{
font-size:16px;
}

.peg-pathways-grid{
grid-template-columns:1fr;
gap:24px;
}

.peg-pathways{
margin-top:-60px;
}

.peg-card{
padding:28px;
}

.peg-card-links a{
font-size:14px;
}

}


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

@media (max-width:480px){

.peg-hero-title{
font-size:26px;
}

.peg-hero-sub{
font-size:15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec3b540 *//* SECTION BACKGROUND */

.peg-what{
background:#F2F4F7;
padding:60px 20px;
font-family:Inter, sans-serif;
}

.peg-container{
max-width:1100px;
margin:0 auto;
}


/* HEADER */

.peg-header{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-bottom:5px;
}

.peg-header h2{
font-size:22px;
letter-spacing:3px;
color:#1F3E6E;
margin:0;
}

.peg-line{
height:1px;
background:#D0D5DD;
flex:1;
max-width:120px;
}


/* INTRO TEXT */

.peg-description{
text-align:center;
max-width:720px;
margin:0 auto 50px auto;
font-size:18px;
color:#475467;
line-height:1.6;
}


/* GRID */

.peg-columns{
display:grid;
grid-template-columns:repeat(3,1fr);
max-width:1100px;
margin:0 auto;
}


/* COLUMN */

.peg-column{
padding:0 40px;
}

/* vertical separators */

.peg-column:not(:last-child){
border-right:1px solid #D0D5DD;
}


/* ICON */

.peg-icon{
text-align:center;
font-size:36px;
margin-bottom:20px;
color:#1F3E6E;
}


/* TITLE */

.peg-column h3{
text-align:center;
font-size:15px;
letter-spacing:2px;
color:#1F3E6E;
margin-bottom:22px;
}


/* LIST */

.peg-column ul{
list-style:disc;
padding-left:18px;      /* keeps bullets closer to left */
margin:0;
text-align:left;
color:#475467;
line-height:1.7;
}

.peg-column li{
margin-bottom:10px;
}
.peg-icon svg{
width:48px;
height:48px;
stroke:#1F3E6E;
}


/* RESPONSIVE */

@media (max-width:900px){

.peg-columns{
grid-template-columns:1fr;
gap:50px;
}

.peg-column{
border-right:none;
padding:0;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-889cfba *//* ================================
FOR IMPORTERS SECTION
================================ */

.peg-importers{
background:#ffffff;
padding:60px 20px;
}


/* HEADER */

.peg-header{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin-bottom:50px; /* reduced from 70px */
}

.peg-header h2{
font-family:Inter,sans-serif;
font-size:22px;
letter-spacing:3px;
color:#1F3E6E;
margin:0;
}

.peg-line{
height:1px;
background:#D0D5DD;
flex:1;
max-width:140px;
}


/* GRID */

.peg-importer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
max-width:1100px;
margin:0 auto;
}


/* CARD */

.peg-importer-card{
background:#ffffff;
border-radius:10px;
padding:45px 36px;
text-align:center;
text-decoration:none;
color:#1F3E6E;
border:1.5px solid #D0D5DD;   /* stronger border */
position:relative;
transition:all .25s ease;
box-shadow:0 6px 16px rgba(16,24,40,0.05); /* soft elevation */
}


/* subtle hover */

.peg-importer-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 28px rgba(16,24,40,0.08);
border-color:#98A2B3;
}


/* ICON */

.peg-card-icon{
font-size:36px;
margin-bottom:25px;
}


/* TITLE */

.peg-importer-card h3{
font-size:20px;
font-weight:500;
line-height:1.5;
margin:0;
}


/* ARROW */

.peg-arrow{
position:absolute;
right:25px;
bottom:20px;
font-size:26px;
color:#98A2B3;
}
.peg-card-icon svg{
width:56px;
height:56px;
stroke:#1F3E6E;
stroke-width:2;
}

/* RESPONSIVE */

@media (max-width:900px){

.peg-importer-grid{
grid-template-columns:1fr;
gap:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00ae410 */.peg-exporters{
background:#F2F4F7;
padding:60px 20px;
}
.peg-card-icon i{
font-size:44px;
color:#1F3E6E;
}

.peg-card-icon{
margin-bottom:18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8353642 *//* ==============================
WHY PASSAGE
============================== */

.peg-why{
position:relative;
padding:60px 20px;
background-image:url("https://passageexport.com/wp-content/uploads/2026/03/header-Panama-Canal-Expansion.jpg");
background-size:cover;
background-position:center;
}


/* soft overlay */

.peg-why-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.94);
z-index:1;
}


/* content above overlay */

.peg-why .peg-container{
position:relative;
z-index:2;
}


/* WHITE PANEL */

.peg-why-panel{
background:#ffffff;
border:1px solid #E4E7EC;
border-radius:8px;
padding:50px 50px;
max-width:900px;
margin:50px auto 0 auto;
box-shadow:0 8px 24px rgba(16,24,40,0.06);
}


/* GRID */

.peg-why-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px 60px;
}


/* ITEMS */

.peg-why-item{
display:flex;
gap:16px;
font-size:18px;
line-height:1.6;
color:#344054;
}


/* CHECK */

.peg-check{
color:#1F3E6E;
font-size:22px;
margin-top:2px;
font-weight:600;
}


/* MOBILE */

@media (max-width:768px){

.peg-why-grid{
grid-template-columns:1fr;
}

.peg-why-panel{
padding:40px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3ce20f *//* ==============================
FINAL CTA SECTION
============================== */

.peg-final-cta{
background:#1F3E6E;
padding:120px 20px;
}


/* GRID */

.peg-cta-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:900px;
margin:0 auto;
}


/* CTA BOX */

.peg-cta-box{
border:1.5px solid rgba(255,255,255,0.35);
border-radius:12px;
padding:45px 40px;
display:flex;
align-items:center;
gap:22px;
text-decoration:none;
color:white;
transition:all .25s ease;
}


/* ICON */

.peg-cta-icon{
font-size:34px;
}


/* TITLE */

.peg-cta-box h3{
font-size:24px;
line-height:1.4;
margin:0;
font-weight:500;
color:white;
}


/* HOVER */

.peg-cta-box:hover{
background:rgba(255,255,255,0.06);
border-color:rgba(255,255,255,0.6);
}
.peg-cta-icon svg{
width:46px;
height:46px;
stroke:#ffffff;
margin-bottom:16px;
}

/* MOBILE */

@media (max-width:768px){

.peg-cta-grid{
grid-template-columns:1fr;
}

.peg-cta-box{
justify-content:center;
text-align:center;
flex-direction:column;
}

}/* End custom CSS */