3sourcelogistic Nig. Ltd. | Premier Shipping, Customs Clearance & Freight Forwarding
/* ── TOKENS ─────────────────────────────────────────────── */
:root {
--orange: #e67e15;
--yellow: #f6cb05;
--dark: #11161e;
--light: #f9faec;
--text: #333d4a;
--muted: #64748b;
--white: #ffffff;
--trans: all 0.3s cubic-bezier(0.4,0,0.2,1);
--fh: 'Cabinet Grotesk', sans-serif;
--fb: 'Plus Jakarta Sans', sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;outline:none;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:#fafbfc;color:var(--text);line-height:1.6;overflow-x:hidden;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:var(--trans);}
img{max-width:100%;display:block;}
::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:var(--orange);border-radius:4px;}
/* ── LOGO — single consolidated block (FIX: removed duplicate definitions) */
.logo-container{display:flex;align-items:center;gap:12px;height:100%;}
.logo-img{height:50px;width:auto;object-fit:contain;}
.logo-text{font-family:var(--fh);font-weight:800;font-size:1.5rem;line-height:1.1;color:var(--dark);}
.logo-text span{color:var(--orange);display:block;font-size:.73rem;font-family:var(--fb);font-weight:600;letter-spacing:2px;text-transform:uppercase;}
/* ── TOP BAR */
.top-bar{background:var(--dark);color:var(--white);font-size:.82rem;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--orange);}
.top-info span{margin-right:18px;display:inline-flex;align-items:center;gap:6px;}
.top-info i{color:var(--yellow);}
.top-socials a{margin-left:14px;color:#94a3b8;}
.top-socials a:hover{color:var(--yellow);}
/* ── HEADER */
header{background:rgba(255,255,255,.98);backdrop-filter:blur(10px);padding:0 5%;height:85px;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.06);}
/* ── NAV */
.az-nav{height:100%;display:flex;align-items:center;}
.az-menu{display:flex;gap:4px;align-items:center;height:100%;}
.az-menu>li{position:relative;height:100%;display:flex;align-items:center;}
.az-menu>li>a{font-weight:700;font-size:.93rem;color:var(--dark);padding:0 15px;height:100%;display:flex;align-items:center;gap:5px;}
.az-menu>li.has-dropdown>a::after,.az-menu>li.has-mega>a::after{content:"f107";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.78rem;transition:var(--trans);}
.az-menu>li:hover>a{color:var(--orange);}
.az-menu>li:hover>a::after{transform:rotate(180deg);}
.dropdown{position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.09);border-top:3px solid var(--orange);min-width:220px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--trans);border-radius:0 0 6px 6px;}
.dropdown li a{display:block;padding:10px 24px;font-size:.88rem;font-weight:600;color:var(--text);}
.dropdown li a:hover{background:#f8fafc;color:var(--orange);padding-left:28px;}
.has-mega{position:static!important;}
.mega-menu{position:absolute;top:100%;left:5%;width:90%;background:var(--white);box-shadow:0 15px 35px rgba(0,0,0,.09);border-top:3px solid var(--orange);padding:35px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--trans);border-radius:0 0 8px 8px;}
.mega-column{display:flex;flex-direction:column;gap:7px;}
.mega-column h4{font-family:var(--fh);font-size:1rem;color:var(--dark);margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #f1f5f9;text-transform:uppercase;letter-spacing:.5px;}
.mega-column a{font-size:.88rem;font-weight:600;color:var(--muted);padding:5px 0;}
.mega-column a:hover{color:var(--orange);padding-left:5px;}
@media(min-width:992px){.az-menu li:hover .dropdown,.az-menu li:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);}}
/* ── ACTIONS */
.az-actions{display:flex;align-items:center;gap:14px;}
.cta-btn{background:linear-gradient(135deg,var(--orange),#c96b0a);color:var(--white)!important;padding:11px 22px;border-radius:6px;font-weight:700;font-size:.88rem;box-shadow:0 4px 14px rgba(230,126,21,.3);white-space:nowrap;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,126,21,.5);}
/* ── HAMBURGER */
.az-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001;}
.az-toggle span{width:100%;height:2.5px;background:var(--dark);border-radius:2px;transition:var(--trans);}
.az-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px);}
.az-toggle.open span:nth-child(2){opacity:0;}
.az-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);}
/* ── HERO SLIDER */
.hero-slider{position:relative;width:100%;height:88vh;min-height:520px;overflow:hidden;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background-size:cover;background-position:center;}
.slide.active{opacity:1;z-index:1;}
.slide:nth-child(1){background-image:linear-gradient(rgba(17,22,30,.78),rgba(17,22,30,.6)),url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=2070&auto=format&fit=crop');}
.slide:nth-child(2){background-image:linear-gradient(rgba(17,22,30,.78),rgba(17,22,30,.6)),url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop');}
.slide:nth-child(3){background-image:linear-gradient(rgba(17,22,30,.78),rgba(17,22,30,.6)),url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=2070&auto=format&fit=crop');}
.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 8%;color:var(--white);z-index:2;max-width:760px;}
.slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,126,21,.2);border:1px solid rgba(230,126,21,.4);color:var(--yellow);font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:30px;margin-bottom:22px;width:fit-content;animation:slideIn .7s ease .2s both;}
.slide-content h1{font-family:var(--fh);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:800;line-height:1.1;margin-bottom:18px;animation:slideIn .7s ease .35s both;}
.slide-content h1 span{color:var(--orange);}
.slide-content p{font-size:clamp(.95rem,1.5vw,1.1rem);color:rgba(255,255,255,.82);max-width:560px;margin-bottom:32px;line-height:1.7;animation:slideIn .7s ease .5s both;}
.slide-btns{display:flex;gap:14px;flex-wrap:wrap;animation:slideIn .7s ease .65s both;}
.btn-primary{background:linear-gradient(135deg,var(--orange),#c96b0a);color:var(--white);padding:13px 28px;border-radius:6px;font-weight:700;font-size:.92rem;box-shadow:0 4px 16px rgba(230,126,21,.35);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(230,126,21,.5);}
.btn-ghost{background:transparent;color:var(--white);padding:13px 28px;border-radius:6px;font-weight:700;font-size:.92rem;border:2px solid rgba(255,255,255,.35);}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);}
@keyframes slideIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.slider-nav{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:10px;}
.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);border:none;cursor:pointer;transition:var(--trans);padding:0;}
.slider-dot.active{background:var(--orange);transform:scale(1.3);}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:var(--white);width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--trans);backdrop-filter:blur(4px);}
.slider-arrow:hover{background:var(--orange);border-color:var(--orange);}
.slider-arrow.prev{left:28px;}
.slider-arrow.next{right:28px;}
.slider-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--orange);z-index:10;width:0%;transition:width 5s linear;}
/* ── FEATURES STRIP */
.features-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--dark);}
.feat-item{display:flex;align-items:flex-start;gap:18px;padding:32px 28px;border-right:1px solid rgba(255,255,255,.07);transition:var(--trans);}
.feat-item:last-child{border-right:none;}
.feat-item:hover{background:rgba(230,126,21,.06);}
.feat-icon{width:50px;height:50px;border-radius:10px;flex-shrink:0;background:rgba(230,126,21,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--orange);}
.feat-info h3{font-family:var(--fh);font-size:1rem;color:var(--white);margin-bottom:6px;}
.feat-info p{font-size:.84rem;color:#94a3b8;line-height:1.6;}
/* ── SHARED LAYOUT */
section{padding:90px 5%;}
.section-subtitle{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;}
.section-title{font-family:var(--fh);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--dark);line-height:1.15;margin-bottom:20px;}
/* ── SERVICE BLOCKS
FIX 1: padding:0 so rows are edge-to-edge (no section padding gap)
FIX 2: replaced direction:rtl (breaks text/BiDi) with flex order swap */
.svc-blocks{background:#fff;padding:0;}
.svc-row{display:grid;grid-template-columns:1fr 1fr;min-height:460px;}
.svc-row.reverse .svc-img{order:2;}
.svc-row.reverse .svc-text{order:1;}
.svc-img{overflow:hidden;position:relative;}
.svc-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease;display:block;}
.svc-row:hover .svc-img img{transform:scale(1.04);}
.svc-text{display:flex;flex-direction:column;justify-content:center;padding:64px 56px;background:var(--dark);}
.svc-text.light{background:var(--light);}
.svc-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin-bottom:13px;display:block;}
.svc-text h3{font-family:var(--fh);font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:800;line-height:1.2;margin-bottom:14px;color:var(--white);}
.svc-text.light h3{color:var(--dark);}
.svc-text p{font-size:.92rem;line-height:1.8;color:rgba(255,255,255,.72);margin-bottom:28px;}
.svc-text.light p{color:var(--muted);}
.svc-learn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:6px;font-family:var(--fh);font-weight:700;font-size:.84rem;letter-spacing:.3px;width:fit-content;transition:var(--trans);background:linear-gradient(135deg,var(--orange),#c96b0a);color:var(--white);box-shadow:0 4px 14px rgba(230,126,21,.3);}
.svc-learn:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(230,126,21,.5);gap:12px;}
@media(max-width:820px){
.svc-row{grid-template-columns:1fr;min-height:auto;}
/* FIX: reset order on mobile — image always stacks on top */
.svc-row .svc-img,.svc-row.reverse .svc-img{order:0;min-height:260px;}
.svc-row .svc-text,.svc-row.reverse .svc-text{order:1;}
.svc-text{padding:40px 28px;}
}
/* ── ABOUT */
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.about-images{position:relative;padding-bottom:50px;} /* FIX: room for floating box */
.about-img-main{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);}
.about-floating-box{position:absolute;bottom:0;right:0;background:var(--dark);color:var(--white);padding:22px 26px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);border-left:4px solid var(--orange);max-width:220px;}
.about-floating-box .num{font-family:var(--fh);font-size:2.2rem;font-weight:800;color:var(--orange);}
.about-floating-box p{font-size:.82rem;color:#94a3b8;margin-top:4px;line-height:1.5;}
.about-heading p{color:var(--muted);margin-bottom:16px;line-height:1.8;font-size:.95rem;}
.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}
.comp-item{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;color:var(--text);}
.comp-item i{color:var(--orange);}
/* ── SERVICES — FIX: removed redundant inline padding from HTML */
.services-section{background:var(--light);text-align:center;}
.services-tabs-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 40px;}
.tab-btn{padding:9px 22px;border-radius:30px;border:2px solid #e2e8f0;background:transparent;font-family:var(--fb);font-weight:700;font-size:.85rem;color:var(--muted);cursor:pointer;transition:var(--trans);}
.tab-btn:hover,.tab-btn.active{background:var(--orange);border-color:var(--orange);color:var(--white);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;text-align:left;}
.service-card{background:var(--white);border-radius:14px;padding:32px 28px;box-shadow:0 2px 18px rgba(0,0,0,.05);border:1px solid #f1f5f9;transition:var(--trans);}
.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.1);border-color:rgba(230,126,21,.2);}
.srv-icon{width:54px;height:54px;border-radius:12px;background:rgba(230,126,21,.1);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--orange);margin-bottom:18px;}
.service-card h3{font-family:var(--fh);font-size:1.1rem;color:var(--dark);margin-bottom:10px;}
.service-card p{font-size:.88rem;color:var(--muted);line-height:1.7;}
.srv-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-weight:700;font-size:.85rem;color:var(--orange);}
.srv-link:hover{gap:11px;}
/* ── COUNTER */
.counter-section{background:linear-gradient(135deg,var(--orange),#c96b0a);display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:60px 5%;}
.counter-item{text-align:center;color:var(--white);}
.counter-item .number{font-family:var(--fh);font-size:2.8rem;font-weight:800;display:block;}
.counter-item .lbl{font-size:.85rem;opacity:.85;margin-top:4px;display:block;}
/* ── INFO SPLIT */
.info-split-block{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.info-text-side h2{font-family:var(--fh);font-size:2rem;color:var(--dark);margin-bottom:16px;line-height:1.2;}
.info-text-side p{font-size:.93rem;color:var(--muted);margin-bottom:26px;line-height:1.8;}
.doc-list{display:flex;flex-direction:column;gap:12px;}
.doc-list-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text);}
.doc-list-item i{color:var(--orange);}
.info-image-side img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.1);}
/* ── REVIEWS */
.reviews-section{background:var(--light);text-align:center;}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;text-align:left;}
.review-card{background:var(--white);border-radius:14px;padding:28px;box-shadow:0 2px 18px rgba(0,0,0,.05);border:1px solid #f1f5f9;}
.stars{color:var(--yellow);font-size:.95rem;margin-bottom:14px;display:flex;gap:3px;}
.review-card p{font-size:.88rem;color:var(--muted);line-height:1.75;font-style:italic;}
.reviewer{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #f1f5f9;}
.reviewer-info h4{font-weight:700;font-size:.92rem;color:var(--dark);}
.reviewer-info span{font-size:.8rem;color:var(--muted);}
/* ── CONTACT */
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--dark);color:var(--white);}
.contact-details h2{font-family:var(--fh);font-size:2rem;margin-bottom:16px;line-height:1.2;}
.contact-details p{font-size:.9rem;color:#94a3b8;margin-bottom:30px;line-height:1.8;}
.info-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;}
.info-row-icon{width:44px;height:44px;background:rgba(230,126,21,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0;}
.info-row-text h4{font-weight:700;font-size:.9rem;margin-bottom:4px;}
.info-row-text p{font-size:.85rem;color:#94a3b8;}
.form-container{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px;}
.form-container h3{font-family:var(--fh);font-size:1.4rem;margin-bottom:26px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
/* FIX: no double-spacing — grid gap handles spacing; margin-bottom only on standalone form-groups */
.form-grid .form-group{margin-bottom:0;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;}
.form-control{width:100%;padding:12px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--white);font-family:var(--fb);font-size:.9rem;transition:var(--trans);}
.form-control::placeholder{color:#64748b;}
.form-control:focus{border-color:var(--orange);background:rgba(230,126,21,.06);}
.form-control option{background:#1e2736;}
textarea.form-control{resize:vertical;}
.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--orange),#c96b0a);color:var(--white);border:none;border-radius:8px;font-family:var(--fh);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--trans);margin-top:6px;}
.submit-btn:hover{opacity:.9;transform:translateY(-1px);}
/* ── LICENCES */
.licences-section{padding:72px 5%;background:var(--light);overflow:hidden;}
.licences-section h2{font-family:var(--fh);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;color:var(--dark);text-align:center;margin-bottom:10px;}
.licences-section .section-subtitle{display:block;text-align:center;}
.marquee-outer{position:relative;overflow:hidden;margin-top:16px;padding:8px 0;}
.marquee-outer::before,.marquee-outer::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}
.marquee-outer::before{left:0;background:linear-gradient(to right,var(--light),transparent);}
.marquee-outer::after{right:0;background:linear-gradient(to left,var(--light),transparent);}
.marquee-track{display:flex;align-items:center;gap:44px;width:max-content;}
.marquee-track.fwd{animation:mq-fwd 28s linear infinite;}
.marquee-track.rev{animation:mq-rev 34s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes mq-fwd{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes mq-rev{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.lic-logo{height:64px;max-width:160px;object-fit:contain;flex-shrink:0;filter:grayscale(50%);opacity:.75;transition:filter .3s ease,opacity .3s ease;border-radius:6px;}
.lic-logo:hover{filter:grayscale(0%);opacity:1;}
.marquee-outer+.marquee-outer{margin-top:18px;}
/* ── FOOTER */
footer{background:#0c1016;color:#94a3b8;padding:70px 5% 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.07);}
.footer-col h3{font-family:var(--fh);font-size:1rem;color:var(--white);margin-bottom:18px;letter-spacing:.5px;}
/* FIX: footer logo text white, span orange */
.footer-logo-side .logo-text{color:var(--white);}
.footer-logo-side .logo-text span{color:var(--orange);}
.footer-logo-side p{font-size:.85rem;line-height:1.7;margin-top:16px;color:#64748b;}
.footer-links li{margin-bottom:10px;}
.footer-links a{font-size:.88rem;color:#64748b;transition:var(--trans);}
.footer-links a:hover{color:var(--orange);padding-left:5px;}
.newsletter-desc{font-size:.84rem;line-height:1.7;margin-bottom:14px;}
/* FIX: newsletter input expands to fill row */
.newsletter-form{display:flex;gap:8px;}
.newsletter-form .form-control{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--white);border-radius:6px;}
.newsletter-btn{background:var(--orange);color:var(--white);border:none;padding:0 16px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:var(--trans);flex-shrink:0;}
.newsletter-btn:hover{background:#c96b0a;}
.footer-bottom{padding:22px 0;text-align:center;font-size:.82rem;color:#475569;}
/* ── RESPONSIVE */
@media(max-width:991px){
header{height:72px;}
.az-toggle{display:flex;}
/* FIX: z-index added so mobile nav slides above content but below header */
.az-nav{position:fixed;top:72px;left:-100%;width:100%;height:calc(100vh - 72px);background:var(--white);overflow-y:auto;padding:20px 5% 40px;transition:var(--trans);align-items:flex-start;z-index:999;}
.az-nav.active{left:0;}
.az-menu{flex-direction:column;width:100%;height:auto;gap:0;}
.az-menu>li{flex-direction:column;width:100%;height:auto;align-items:flex-start;border-bottom:1px solid #f1f5f9;}
.az-menu>li>a{width:100%;padding:15px 0;justify-content:space-between;}
.dropdown,.mega-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;padding:0 0 15px 15px;display:none;background:#fafbfc;border-radius:4px;}
.dropdown.visible,.mega-menu.visible{display:block;}
.mega-menu{grid-template-columns:1fr;gap:18px;padding-top:10px;}
.az-actions .cta-btn{display:none;}
.features-strip{grid-template-columns:1fr;}
.feat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);}
.about-section,.info-split-block{grid-template-columns:1fr;gap:40px;}
.contact-section{grid-template-columns:1fr;gap:40px;}
.footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
.form-grid{grid-template-columns:1fr;}
/* FIX: restore individual margins when form-grid collapses to 1 col */
.form-grid .form-group{margin-bottom:16px;}
}
@media(max-width:576px){
.hero-slider{height:78vh;}
.slide-content{padding:0 6%;}
.footer-grid{grid-template-columns:1fr;}
.counter-section{flex-direction:column;align-items:center;}
.slide-btns{flex-direction:column;}
.btn-primary,.btn-ghost{text-align:center;}
/* FIX: top bar wraps gracefully on very small screens */
.top-bar{flex-direction:column;gap:6px;text-align:center;}
.top-info span{margin-right:6px;font-size:.76rem;}
}
We Move What Matters Across Nigeria & Beyond
Reliable shipping, transparent progress tracking, and zero-delay logistics coordination. We manage your entire cargo value chain from port to last-mile destination.
Global Freight Solutions, Local Expertise
FCL, LCL, air cargo, and multimodal transport — fully coordinated from origin to Nigerian ports with zero hidden charges and complete documentation support.
Form M, PAAR & Port Clearance — Done Right
Deep regulatory relationships across major Nigerian ports. We audit your documents before cargo moves, eliminating demurrage risk and port bottlenecks entirely.
All-Risk Asset Protection Complete regulatory clearance tracking security protocol for absolute peace of mind.
Timely Doorstep Delivery Pre-planned route mappings designed to meet every delivery timeline effortlessly.
Transparent Status Reports Daily validation updates mapping clear progress checkpoints for every shipment.
Ocean Freight
Sea Freight / Cargo Shipping
FCL, LCL, port handling and global ocean movement. We coordinate your full-container and groupage shipments end-to-end — from origin to Nigerian ports — with zero hidden charges and complete documentation coverage.
Learn More
Air Freight
Air Freight Solutions
Fast and reliable air cargo for urgent shipments. Priority and consolidated air freight with full tracking, proactive status updates, and on-time delivery commitment across all major global lanes.
Learn More
Customs & Compliance
Customs Clearance
Hassle-free clearance at all Nigerian ports. We leverage strong regulatory relationships, proactive PAAR and Form-M management, and clean documentation to eliminate bottlenecks before your cargo moves.
Learn More
15+
Years of Combined Maritime Operational Experience across Nigerian Ports.
Who We Are
Customs Clearance Done Right Without Bottlenecks
Choosing a reliable logistics partner means trusting a team that values your delivery timelines and commercial commitments. At 3sourcelogistic, we approach supply chain management with robust planning, technical insight, and strong regulatory relationships across major shipping channels.
From clearing single-item air freights to organizing complex offshore heavy project cargo pipelines, our framework emphasises route predictability, strict execution tracking, and full transparency.
Core Expertise
End-To-End Supply Chain Management
All Services
Freight Forwarding
Customs & Compliance
Specialized Logistics
Air Freight Solutions
Premium and consolidated global air freight services calibrated for high-priority urgent commercial stock handling.
Book Freight
Sea Freight (FCL / LCL)
Flexible global ocean cargo import and export options covering full container loads and grouped shipping demands.
Book Freight
Shipping Documentation
Early-stage audit, structuring, and management of legal customs paperwork, avoiding unforeseen port demurrage charges.
Consult Expert
Offshore & Vessel Support
Robust transport of provisions, drilling materials, and high-capacity equipment directly to vessel platforms at anchorage.
Inquire Service
Port Boundary Clearance
Streamlined physical representation and regulatory verification processing across major maritime customs sectors.
Consult Expert
Contract 3PL Warehousing
Secure, strategically integrated warehouse hubs optimizing multi-tier inventory storage across major trade hubs.
Request Space
1,480+ Successful Clearances & Deliveries
36 States Covered Nationwide
100% Transparent Progress Documentation
Documentation Standards
We Audit Documents Before Your Cargo Moves
At 3sourcelogistic, clear data logging compliance is the foundation of successful execution. Early structural document review maps absolute cost savings, avoiding administrative delays.
Client Endorsements
Trusted By Enterprise Importers
"3sourcelogistic resolved our Form M compliance discrepancies within 48 hours. Exceptional professional responsiveness and accurate status updates throughout."
Alhaji T. Benson Manufacturing Lead, Lagos
"Their offshore support team understands maritime vessel coordination timelines. Demurrage risks dropped completely since our business signed on."
Engr. Kingsley O. Energy Infrastructure Director
"Last-mile delivery across regional distribution centers can be unpredictable, but their pre-routed mapping models ensure structured timelines stay consistent."
Amara N. Retail Supply Chain Consultant
Regulatory Compliance
Our Licences & Certifications
/* ── NAV */
const trigger = document.getElementById('menu-trigger');
const navWrap = document.getElementById('nav-wrapper');
trigger.addEventListener('click', () => {
trigger.classList.toggle('open');
navWrap.classList.toggle('active');
});
document.querySelectorAll('.az-menu .has-dropdown > a, .az-menu .has-mega > a')
.forEach(link => {
link.addEventListener('click', e => {
if (window.innerWidth <= 991) {
e.preventDefault();
const sub = link.parentElement.querySelector('.dropdown, .mega-menu');
if (sub) sub.classList.toggle('visible');
}
});
});
// FIX: close mobile nav on leaf-link click
document.querySelectorAll('.dropdown a, .mega-menu a')
.forEach(link => {
link.addEventListener('click', () => {
if (window.innerWidth <= 991) {
trigger.classList.remove('open');
navWrap.classList.remove('active');
}
});
});
/* ── HERO SLIDER */
const slides = document.querySelectorAll('.slide');
const dots = document.querySelectorAll('.slider-dot');
const progress = document.getElementById('slider-progress');
let current = 0, timer;
function goTo(idx) {
slides[current].classList.remove('active');
dots[current].classList.remove('active');
current = (idx + slides.length) % slides.length;
slides[current].classList.add('active');
dots[current].classList.add('active');
resetProgress();
}
function resetProgress() {
progress.style.transition = 'none';
progress.style.width = '0%';
requestAnimationFrame(() => requestAnimationFrame(() => {
progress.style.transition = 'width 5s linear';
progress.style.width = '100%';
}));
}
function autoPlay() {
clearInterval(timer);
timer = setInterval(() => goTo(current + 1), 5000);
}
document.getElementById('slider-prev').addEventListener('click', () => { goTo(current - 1); autoPlay(); });
document.getElementById('slider-next').addEventListener('click', () => { goTo(current + 1); autoPlay(); });
dots.forEach(d => d.addEventListener('click', () => { goTo(+d.dataset.index); autoPlay(); }));
resetProgress();
autoPlay();
/* ── SERVICES FILTER */
function filterServices(cat, e) {
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
if (e && e.target) e.target.classList.add('active');
document.querySelectorAll('.service-card').forEach(card => {
if (cat === 'all' || card.dataset.cat === cat) {
card.style.display = 'block';
setTimeout(() => { card.style.opacity = '1'; card.style.transform = 'translateY(0)'; }, 30);
} else {
card.style.opacity = '0';
card.style.transform = 'translateY(10px)';
setTimeout(() => { card.style.display = 'none'; }, 220);
}
});
}
/* ── FORM SUBMIT */
function handleFormSubmission(e) {
e.preventDefault();
alert('Pricing request submitted successfully. An expert will contact you shortly.');
document.getElementById('quoteForm').reset();
}
