/* ===================================================================== BEACON CAPITAL - EXPORT & LOGISTICS (page 4164) Scoped entirely to body.bc-export-logistics. Does not modify Header 3945, Footer 3944 or the global floating dock. ELEMENTOR CONTAINER NOTE A container saved with content_width:"boxed" renders as .e-con-boxed > .e-con-inner > [children] while content_width:"full" renders as .e-con-full > [children] Layout therefore has to be applied to `> .e-con-inner` on boxed rails, otherwise the grid receives a single item (the wrapper) and everything stacks. Boxed rails below are the section rails; the inner grids are full-width containers and take layout directly. ===================================================================== */ /* ---- HEADER -> HERO SEAM ------------------------------------------ #content.site-content reserves space for the fixed Global Header, but bc-hf-scope's global values (96 / 88 / 84) overshoot the header's real rendered heights (96 / 82 / 80), leaving 6px (tablet) and 4px (mobile) of body white below the header. Aligned here to the measured heights. Leading `html` + repeated class beats the global !important rule without touching bc-hf-scope.php or the Header template. ------------------- */ html body.bc-export-logistics #content.site-content.site-content{padding-top:96px!important} @media(max-width:1024px){html body.bc-export-logistics #content.site-content.site-content{padding-top:82px!important}} @media(max-width:767px){html body.bc-export-logistics #content.site-content.site-content{padding-top:80px!important}} /* Angie renders a zero-height #angie-sidebar-container early in with margin-top:3px, which collapses through and pushes the page down while the fixed header stays at top:0. Zero it on this page only. */ html body.bc-export-logistics #angie-sidebar-container{margin-top:0!important} /* ---- PAGE FRAME --------------------------------------------------- */ body.bc-export-logistics{overflow-x:clip;background:#FCFAF6} /* Astra wraps page-builder content in .ast-container (max-width:1240px, auto margins). This page is full-bleed by design, so the rail is released here and re-established per section below. Astra serves this page as `ast-plain-container`, not `ast-page-builder-template`. */ body.bc-export-logistics .site-content>.ast-container{padding:0;margin:0;max-width:none;width:100%} body.bc-export-logistics .site-content>.ast-container>#primary, body.bc-export-logistics .site-content>.ast-container>.ast-primary-content{margin:0;padding:0;width:100%;max-width:none} body.bc-export-logistics .elementor-4164{width:100%;max-width:none} body.bc-export-logistics [data-elementor-type="wp-page"]{margin-top:0} body.bc-export-logistics #bc-xl-hero{margin-top:0;border-top:0} body.bc-export-logistics img{max-width:100%;height:auto} body.bc-export-logistics .elementor-widget:not(:last-child){margin-block-end:0} /* Release Elementor's own boxed max-width so the rail below is authoritative */ body.bc-export-logistics .e-con-boxed{max-width:none;padding-inline:0;width:100%} body.bc-export-logistics .e-con-boxed>.e-con-inner{max-width:none;width:100%;padding-inline:0;margin-inline:0} body.bc-export-logistics .e-con{--padding-inline-start:0px;--padding-inline-end:0px} /* ---- SHARED BOXED RAIL (applied to the inner wrapper) -------------- */ body.bc-export-logistics #bc-xl-hero-inner>.e-con-inner, body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner, body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner, body.bc-export-logistics #bc-xl-packing-inner>.e-con-inner, body.bc-export-logistics #bc-xl-flow-inner>.e-con-inner, body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner, body.bc-export-logistics #bc-xl-global-inner>.e-con-inner, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner, body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{ width:100%;max-width:1200px;margin-inline:auto;padding-inline:40px; } body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{max-width:900px;text-align:center;align-items:center} /* ---- TYPOGRAPHY PRIMITIVES ---------------------------------------- */ body.bc-export-logistics .bcx-eyebrow .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11px;font-weight:400; letter-spacing:2.6px;text-transform:uppercase;color:#9A7B45;line-height:1.6; } body.bc-export-logistics .bcx-eyebrow--dark .elementor-heading-title{color:#D1AA6D} body.bc-export-logistics .bcx-eyebrow{margin-bottom:14px} body.bc-export-logistics .bcx-h2 .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.4vw,46px); font-weight:500;line-height:1.14;letter-spacing:.2px;color:#012F31; } body.bc-export-logistics .bcx-h2--dark .elementor-heading-title{color:#F3EFE7} body.bc-export-logistics .bcx-h2{margin-bottom:20px} body.bc-export-logistics .bcx-lede{max-width:620px;margin-bottom:34px} body.bc-export-logistics .bcx-lede p{ font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:300; line-height:1.9;color:#3A4244;margin:0; } body.bc-export-logistics .bcx-lede--dark p{color:rgba(243,239,231,.76)} body.bc-export-logistics .bcx-rule .elementor-divider-separator{border-top:2px solid #D1AA6D;width:58px} body.bc-export-logistics .bcx-rule .elementor-divider{padding-block:0} body.bc-export-logistics .bcx-rule{margin:18px 0 24px} /* ---- BUTTONS ------------------------------------------------------- */ body.bc-export-logistics .bcx-btn .elementor-button{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500; letter-spacing:2px;text-transform:uppercase;line-height:1; padding:17px 30px;border-radius:2px;border:1px solid transparent; transition:background-color .25s ease,color .25s ease,border-color .25s ease; } body.bc-export-logistics .bcx-btn--gold .elementor-button{background:#D1AA6D;color:#070909;border-color:#D1AA6D} body.bc-export-logistics .bcx-btn--gold .elementor-button:hover{background:#D9AE63;border-color:#D9AE63;color:#070909} body.bc-export-logistics .bcx-btn--ghost .elementor-button{background:transparent;color:#F3EFE7;border-color:rgba(243,239,231,.55)} body.bc-export-logistics .bcx-btn--ghost .elementor-button:hover{background:rgba(243,239,231,.10);border-color:#D1AA6D;color:#fff} body.bc-export-logistics .bcx-btn--dark .elementor-button{background:#012F31;color:#F3EFE7;border-color:#012F31} body.bc-export-logistics .bcx-btn--dark .elementor-button:hover{background:#D1AA6D;border-color:#D1AA6D;color:#070909} /* ===================== 01 HERO ====================================== */ body.bc-export-logistics #bc-xl-hero{position:relative} body.bc-export-logistics #bc-xl-hero::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(180deg,rgba(7,9,9,.84) 0%,rgba(2,47,49,.66) 46%,rgba(7,9,9,.90) 100%), linear-gradient(90deg,rgba(1,47,49,.70) 0%,rgba(7,9,9,.20) 70%); } body.bc-export-logistics #bc-xl-hero-inner{position:relative;z-index:3} body.bc-export-logistics #bc-xl-crumb{flex-direction:row;align-items:center;gap:9px;margin-bottom:26px} body.bc-export-logistics .bcx-crumb .elementor-heading-title, body.bc-export-logistics .bcx-crumb-sep .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:1.7px; text-transform:uppercase;color:rgba(252,250,246,.58);line-height:1.6; } body.bc-export-logistics .bcx-crumb a{color:inherit;text-decoration:none} body.bc-export-logistics .bcx-crumb a:hover{color:#D1AA6D} body.bc-export-logistics .bcx-crumb--cur .elementor-heading-title{color:#D1AA6D} body.bc-export-logistics .bcx-hero-title .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:clamp(34px,4.6vw,62px); font-weight:500;line-height:1.08;letter-spacing:.2px;color:#FCFAF6;margin:0; } body.bc-export-logistics .bcx-gold{color:#D1AA6D} body.bc-export-logistics .bcx-hero-desc{max-width:600px;margin-bottom:34px} body.bc-export-logistics .bcx-hero-desc p{ font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:300; line-height:1.9;color:rgba(252,250,246,.80);margin:0; } body.bc-export-logistics #bc-xl-hero-cta{flex-direction:row;flex-wrap:wrap;gap:14px} /* ===================== 02 CAPABILITY STRIP ========================== */ body.bc-export-logistics #bc-xl-strip{border-block:1px solid rgba(209,170,109,.24)} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding-inline:40px; } body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con{ padding:38px 22px;text-align:center;align-items:center;gap:0; border-left:1px solid rgba(209,170,109,.20); } body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:first-child{border-left:0} body.bc-export-logistics .bcx-cap-ic{margin-bottom:14px} body.bc-export-logistics .bcx-cap-ic .elementor-icon{color:#D1AA6D} body.bc-export-logistics .bcx-cap-title .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600; line-height:1.25;color:#F3EFE7;margin-bottom:8px; } body.bc-export-logistics .bcx-cap-desc p{ font-family:'Poppins',sans-serif;font-size:12px;font-weight:300; line-height:1.72;color:rgba(243,239,231,.70);margin:0; } /* ===================== 03 RELIABLE DELIVERY ========================= */ body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner{ display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:start; } body.bc-export-logistics #bc-xl-deliver-left, body.bc-export-logistics #bc-xl-deliver-right{gap:0;padding:0;min-width:0} /* the four commitment rows are the container children of the left column */ body.bc-export-logistics #bc-xl-deliver-left>.e-con{ flex-direction:row;align-items:flex-start;gap:15px; padding:17px 0;border-top:1px solid rgba(1,47,49,.13); } body.bc-export-logistics #bc-xl-deliver-left>.e-con>.e-con{gap:0;padding:0;flex:1 1 auto;min-width:0} body.bc-export-logistics .bcx-cm-ic{flex:0 0 auto;margin-top:2px} body.bc-export-logistics .bcx-cm-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:500; letter-spacing:1.5px;text-transform:uppercase;color:#012F31;margin-bottom:5px; } body.bc-export-logistics .bcx-cm-desc p{ font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:300; line-height:1.75;color:#4A5254;margin:0; } body.bc-export-logistics #bc-xl-media-main{padding:0;margin-bottom:14px} body.bc-export-logistics #bc-xl-media-row{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0; } body.bc-export-logistics .bcx-img img{ width:100%;display:block;border:1px solid rgba(209,170,109,.30); box-shadow:0 18px 44px rgba(1,47,49,.16); } body.bc-export-logistics #bc-xl-img-main img{aspect-ratio:16/10;object-fit:cover} body.bc-export-logistics #bc-xl-media-row img{aspect-ratio:1/1;object-fit:cover} body.bc-export-logistics .bcx-media-cap{margin-top:14px} body.bc-export-logistics .bcx-media-cap p{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:300; line-height:1.65;color:#6E7678;margin:0;font-style:italic; } /* ===================== 04 PACKING STANDARDS ======================== */ body.bc-export-logistics #bc-xl-pk-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px; padding:0;margin-top:12px; } body.bc-export-logistics #bc-xl-pk-grid>.e-con{ position:relative;padding:30px 22px 28px;gap:0; border:1px solid rgba(209,170,109,.26);border-radius:2px; transition:border-color .25s ease,transform .25s ease; } body.bc-export-logistics #bc-xl-pk-grid>.e-con:hover{border-color:rgba(209,170,109,.62);transform:translateY(-3px)} body.bc-export-logistics .bcx-pk-ic{margin-bottom:16px} body.bc-export-logistics .bcx-pk-title .elementor-heading-title{ font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600; line-height:1.2;color:#F3EFE7;margin-bottom:10px; } body.bc-export-logistics .bcx-pk-desc p{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300; line-height:1.78;color:rgba(243,239,231,.72);margin:0; } /* ===================== 05 FROM FACTORY TO PORT ===================== */ body.bc-export-logistics #bc-xl-flow-grid{ display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px; padding:0;margin-top:22px;position:relative; } body.bc-export-logistics #bc-xl-flow-grid::before{ content:"";position:absolute;top:19px;left:8%;right:8%;height:1px; background:linear-gradient(90deg,rgba(209,170,109,0),rgba(209,170,109,.55) 12%,rgba(209,170,109,.55) 88%,rgba(209,170,109,0)); z-index:0; } body.bc-export-logistics #bc-xl-flow-grid>.e-con{position:relative;z-index:1;padding:0;gap:0} body.bc-export-logistics .bcx-st-num .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;letter-spacing:1px; color:#9A7B45;width:38px;height:38px;border:1px solid rgba(209,170,109,.62); border-radius:50%;display:flex;align-items:center;justify-content:center; background:#FCFAF6;margin-bottom:16px; } body.bc-export-logistics .bcx-st-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:12px;font-weight:500; letter-spacing:1.4px;text-transform:uppercase;color:#012F31;margin-bottom:8px; } body.bc-export-logistics .bcx-st-desc p{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300; line-height:1.75;color:#4A5254;margin:0; } /* ===================== 06 DOCUMENTATION ============================ */ body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner{ display:grid;grid-template-columns:0.86fr 1.14fr;gap:60px;align-items:start; } body.bc-export-logistics #bc-xl-docs-left{padding:0;gap:0;min-width:0} body.bc-export-logistics #bc-xl-docs-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;min-width:0; } body.bc-export-logistics #bc-xl-docs-grid>.e-con{ flex-direction:row;align-items:flex-start;gap:14px; background:#FCFAF6;border:1px solid rgba(1,47,49,.10);border-radius:2px; padding:22px 20px; } body.bc-export-logistics #bc-xl-docs-grid>.e-con>.e-con{gap:0;padding:0;flex:1 1 auto;min-width:0} body.bc-export-logistics .bcx-doc-ic{flex:0 0 auto;margin-top:2px} body.bc-export-logistics .bcx-doc-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500; letter-spacing:1.4px;text-transform:uppercase;color:#012F31;margin-bottom:6px; } body.bc-export-logistics .bcx-doc-desc p{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300; line-height:1.7;color:#4A5254;margin:0; } /* ===================== 07 GLOBAL SUPPLY ============================ */ body.bc-export-logistics #bc-xl-global-inner>.e-con-inner{ display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center; } body.bc-export-logistics #bc-xl-global-left, body.bc-export-logistics #bc-xl-global-right{padding:0;gap:0;min-width:0} body.bc-export-logistics #bc-xl-gs-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin-top:8px; } body.bc-export-logistics #bc-xl-gs-grid>.e-con{ padding:20px 18px;gap:0;border:1px solid rgba(209,170,109,.26);border-radius:2px; background:rgba(252,250,246,.03); } body.bc-export-logistics .bcx-gs-ic{margin-bottom:11px} body.bc-export-logistics .bcx-gs-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500; letter-spacing:1.4px;text-transform:uppercase;color:#D1AA6D;margin-bottom:6px; } body.bc-export-logistics .bcx-gs-desc p{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300; line-height:1.7;color:rgba(243,239,231,.74);margin:0; } body.bc-export-logistics .bcx-map img{width:100%;display:block;border:0;box-shadow:none} /* ===================== 08 WHY BUYERS CHOOSE ======================== */ body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner>.bcx-eyebrow, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner>.bcx-h2{text-align:center} body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner>.bcx-h2{margin-bottom:34px} body.bc-export-logistics #bc-xl-bn-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0; } body.bc-export-logistics #bc-xl-bn-grid>.e-con{ padding:28px 20px;gap:0;background:#FCFAF6; border:1px solid rgba(1,47,49,.11);border-radius:2px; transition:border-color .25s ease; } body.bc-export-logistics #bc-xl-bn-grid>.e-con:hover{border-color:rgba(209,170,109,.65)} body.bc-export-logistics .bcx-bn-ic{margin-bottom:15px} body.bc-export-logistics .bcx-bn-title .elementor-heading-title{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500; letter-spacing:1.4px;text-transform:uppercase;color:#012F31;margin-bottom:9px; } body.bc-export-logistics .bcx-bn-desc p{ font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300; line-height:1.75;color:#4A5254;margin:0; } body.bc-export-logistics .bcx-inline-links{margin-top:30px;text-align:center} body.bc-export-logistics .bcx-inline-links p{ font-family:'Poppins',sans-serif;font-size:13px;font-weight:300;color:#4A5254;margin:0; } body.bc-export-logistics .bcx-inline-links a{color:#9A7B45;text-decoration:none;border-bottom:1px solid rgba(209,170,109,.5)} body.bc-export-logistics .bcx-inline-links a:hover{color:#012F31;border-bottom-color:#012F31} /* ===================== 09 FINAL CTA ================================ */ body.bc-export-logistics #bc-xl-cta{position:relative} body.bc-export-logistics #bc-xl-cta::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(7,9,9,.90) 0%,rgba(2,47,49,.80) 50%,rgba(7,9,9,.93) 100%); } body.bc-export-logistics #bc-xl-cta-inner{position:relative;z-index:3} body.bc-export-logistics #bc-xl-cta-inner .bcx-lede{margin-inline:auto;margin-bottom:20px} body.bc-export-logistics .bcx-spec{margin-bottom:32px} body.bc-export-logistics .bcx-spec p{ font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:300; letter-spacing:1.6px;text-transform:uppercase;color:rgba(243,239,231,.62);margin:0;line-height:1.9; } body.bc-export-logistics .bcx-spec span{color:#D1AA6D} body.bc-export-logistics #bc-xl-cta-btns{flex-direction:row;flex-wrap:wrap;gap:14px;justify-content:center} /* ===================================================================== RESPONSIVE ===================================================================== */ @media(max-width:1240px){ body.bc-export-logistics #bc-xl-hero-inner>.e-con-inner, body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner, body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner, body.bc-export-logistics #bc-xl-packing-inner>.e-con-inner, body.bc-export-logistics #bc-xl-flow-inner>.e-con-inner, body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner, body.bc-export-logistics #bc-xl-global-inner>.e-con-inner, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner, body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{padding-inline:32px} } /* --- <=1024 tablet ------------------------------------------------- */ @media(max-width:1024px){ body.bc-export-logistics #bc-xl-hero{padding-block:88px 78px} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con{border-top:1px solid rgba(209,170,109,.20)} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(-n+3){border-top:0} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(3n+1){border-left:0} body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner{grid-template-columns:1fr;gap:46px} body.bc-export-logistics #bc-xl-pk-grid{grid-template-columns:repeat(3,minmax(0,1fr))} body.bc-export-logistics #bc-xl-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px} body.bc-export-logistics #bc-xl-flow-grid::before{display:none} body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner{grid-template-columns:1fr;gap:44px} body.bc-export-logistics #bc-xl-global-inner>.e-con-inner{grid-template-columns:1fr;gap:40px} body.bc-export-logistics #bc-xl-global-right{order:-1} body.bc-export-logistics #bc-xl-bn-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } /* --- <=900 --------------------------------------------------------- */ @media(max-width:900px){ body.bc-export-logistics #bc-xl-deliver, body.bc-export-logistics #bc-xl-packing, body.bc-export-logistics #bc-xl-flow, body.bc-export-logistics #bc-xl-docs, body.bc-export-logistics #bc-xl-global, body.bc-export-logistics #bc-xl-benefits{padding-block:74px} } /* --- <=767 mobile -------------------------------------------------- */ @media(max-width:767px){ body.bc-export-logistics #bc-xl-hero-inner>.e-con-inner, body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner, body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner, body.bc-export-logistics #bc-xl-packing-inner>.e-con-inner, body.bc-export-logistics #bc-xl-flow-inner>.e-con-inner, body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner, body.bc-export-logistics #bc-xl-global-inner>.e-con-inner, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner, body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{padding-inline:22px} body.bc-export-logistics #bc-xl-hero{padding-block:66px 62px} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con{padding:28px 16px} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(-n+3){border-top:1px solid rgba(209,170,109,.20)} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(-n+2){border-top:0} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(3n+1){border-left:1px solid rgba(209,170,109,.20)} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:nth-child(odd){border-left:0} body.bc-export-logistics #bc-xl-pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} body.bc-export-logistics #bc-xl-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px} body.bc-export-logistics #bc-xl-docs-grid{grid-template-columns:1fr} body.bc-export-logistics #bc-xl-gs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-export-logistics #bc-xl-bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.bc-export-logistics #bc-xl-media-row{gap:10px} body.bc-export-logistics #bc-xl-hero-cta .elementor-widget-button, body.bc-export-logistics #bc-xl-cta-btns .elementor-widget-button{width:100%} body.bc-export-logistics #bc-xl-hero-cta .elementor-button, body.bc-export-logistics #bc-xl-cta-btns .elementor-button{width:100%;justify-content:center} body.bc-export-logistics #bc-xl-deliver, body.bc-export-logistics #bc-xl-packing, body.bc-export-logistics #bc-xl-flow, body.bc-export-logistics #bc-xl-docs, body.bc-export-logistics #bc-xl-global, body.bc-export-logistics #bc-xl-benefits, body.bc-export-logistics #bc-xl-cta{padding-block:64px} } /* --- <=560 --------------------------------------------------------- */ @media(max-width:560px){ body.bc-export-logistics #bc-xl-pk-grid{grid-template-columns:1fr} body.bc-export-logistics #bc-xl-bn-grid{grid-template-columns:1fr} /* vertical timeline */ body.bc-export-logistics #bc-xl-flow-grid{grid-template-columns:1fr;row-gap:0} body.bc-export-logistics #bc-xl-flow-grid>.e-con{ flex-direction:row;align-items:flex-start;gap:16px;flex-wrap:wrap; padding:18px 0;border-top:1px solid rgba(1,47,49,.12); } body.bc-export-logistics #bc-xl-flow-grid>.e-con:first-child{border-top:0} body.bc-export-logistics .bcx-st-num{flex:0 0 auto} body.bc-export-logistics .bcx-st-num .elementor-heading-title{margin-bottom:0} body.bc-export-logistics .bcx-st-title{flex:1 1 auto;min-width:0;align-self:center} body.bc-export-logistics .bcx-st-title .elementor-heading-title{margin-bottom:0} body.bc-export-logistics .bcx-st-desc{flex:1 0 100%;padding-left:54px;margin-top:6px} } /* --- <=480 --------------------------------------------------------- */ @media(max-width:480px){ body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner{grid-template-columns:1fr} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con{border-left:0!important;border-top:1px solid rgba(209,170,109,.20)!important} body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner>.e-con:first-child{border-top:0!important} body.bc-export-logistics #bc-xl-gs-grid{grid-template-columns:1fr} body.bc-export-logistics #bc-xl-media-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} } /* --- <=360 --------------------------------------------------------- */ @media(max-width:360px){ body.bc-export-logistics #bc-xl-hero-inner>.e-con-inner, body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner, body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner, body.bc-export-logistics #bc-xl-packing-inner>.e-con-inner, body.bc-export-logistics #bc-xl-flow-inner>.e-con-inner, body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner, body.bc-export-logistics #bc-xl-global-inner>.e-con-inner, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner, body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{padding-inline:16px} body.bc-export-logistics .bcx-hero-title .elementor-heading-title{font-size:31px} body.bc-export-logistics #bc-xl-media-row{grid-template-columns:1fr 1fr;gap:8px} body.bc-export-logistics #bc-xl-media-row .elementor-widget-image:last-child{display:none} } /* --- <=320 : stack, never squeeze ---------------------------------- */ @media(max-width:320px){ body.bc-export-logistics #bc-xl-hero-inner>.e-con-inner, body.bc-export-logistics #bc-xl-strip-grid>.e-con-inner, body.bc-export-logistics #bc-xl-deliver-inner>.e-con-inner, body.bc-export-logistics #bc-xl-packing-inner>.e-con-inner, body.bc-export-logistics #bc-xl-flow-inner>.e-con-inner, body.bc-export-logistics #bc-xl-docs-inner>.e-con-inner, body.bc-export-logistics #bc-xl-global-inner>.e-con-inner, body.bc-export-logistics #bc-xl-benefits-inner>.e-con-inner, body.bc-export-logistics #bc-xl-cta-inner>.e-con-inner{padding-inline:14px} body.bc-export-logistics .bcx-hero-title .elementor-heading-title{font-size:28px;line-height:1.12} body.bc-export-logistics .bcx-h2 .elementor-heading-title{font-size:26px} body.bc-export-logistics #bc-xl-media-row{grid-template-columns:1fr} body.bc-export-logistics #bc-xl-media-row .elementor-widget-image:last-child{display:block} body.bc-export-logistics #bc-xl-media-row img{aspect-ratio:16/10} body.bc-export-logistics .bcx-st-desc{padding-left:0} body.bc-export-logistics .bcx-spec p{letter-spacing:1px;font-size:11px} }