/* Go4GlobalTrade portal look for vendor catalogue sites. Load AFTER style.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
.gx,.gx *{box-sizing:border-box}
.gx{font-family:Poppins,system-ui,sans-serif;color:#1c2340;line-height:1.6;--navy:#0b1f6b;--navy2:#142a85;--blue:#2457e6;--orange:#f7941d;--ink:#1c2340;--muted:#64708f;--line:#e4e8f3;--soft:#f5f7fd}
.gx a{text-decoration:none;color:inherit}
.gx h1,.gx h2,.gx h3,.gx h4{font-family:Poppins,sans-serif;color:var(--navy);margin:0;line-height:1.25;text-transform:none}
.gx p{margin:0;color:#47516f}
.gx ul{list-style:none;margin:0;padding:0}
.gx img{max-width:100%;display:block}
.gx-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.gx-btn{display:inline-block;border:0;cursor:pointer;font:600 14px Poppins,sans-serif;padding:11px 22px;border-radius:6px;background:var(--orange);color:#fff!important;transition:background .2s}
.gx-btn:hover{background:#e0820f}
.gx-btn.blue{background:var(--blue)}.gx-btn.blue:hover{background:#1b46c4}
.gx-btn.ghost{background:transparent;border:1.5px solid #fff}
.gx-btn.ghost:hover{background:rgba(255,255,255,.12)}

/* header */
.gx-top{background:var(--navy);color:#cdd6ff;font-size:13px}
.gx-top .gx-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.gx-top b,.gx-top a{color:#fff;font-weight:500}
.gx-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.gx-head .gx-wrap{display:flex;align-items:center;justify-content:space-between; gap:24px;min-height:78px}
.gx-logo img{width:auto;max-height:56px;max-width:160px}
.gx-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-weight:500;font-size:15px}
.gx-nav>li{position:relative}
.gx-nav>li>a{display:block;padding:26px 0;color:var(--ink)}
.gx-nav>li>a:hover{color:var(--blue)}
.gx-sub{display:none;position:absolute;top:100%;left:-10px;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(20,42,133,.15);padding:8px;max-height:420px;overflow-y:auto}
.gx-nav li:hover>.gx-sub{display:block}
.gx-sub a{display:block;padding:8px 12px;border-radius:6px;font-size:14px}
.gx-sub a:hover{background:var(--soft);color:var(--blue)}
.gx-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:6px;width:42px;height:38px;font-size:18px;color:var(--navy);cursor:pointer}

/* hero */
.gx-hero{background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 60%,var(--blue) 100%)}
.gx-hero .gx-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;padding-top:56px;padding-bottom:56px}
.gx-chip{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;margin-bottom:16px}
.gx-hero h1{color:#fff;font-size:38px;margin-bottom:14px}
.gx-hero p{color:#d6defc;max-width:540px;margin-bottom:26px}
.gx-cta{display:flex;gap:12px;flex-wrap:wrap}
.gx-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gx-hero-grid .gx-ph:nth-child(n+5){display:none}
.gx-hero-grid .gx-ph:only-child{grid-column:1/-1}
.gx-ph{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#e8ecfb}
.gx-ph img{width:100%;height:100%;object-fit:cover}
.gx-ph h3{position:absolute;left:0;bottom:0;margin:0;background:var(--blue);padding:6px 16px;font-size:14px;font-weight:600;border-top-right-radius:10px}
.gx-ph h3 a{color:#fff}

/* trust strip */
.gx-trust{background:var(--soft);border-bottom:1px solid var(--line)}
.gx-trust .gx-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:22px;padding-bottom:22px}
.gx-trust .it{display:flex;gap:12px;align-items:center}
.gx-trust h4{font-size:14px}
.gx-trust p{font-size:13px;color:var(--muted)}
.gx-ico{flex:none;width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);font-size:18px}

/* sections */
.gx-sec{padding:64px 0}
.gx-sec.alt{background:var(--soft)}
.gx-title{margin-bottom:30px}
.gx-title h2{font-size:28px}
.gx-title p{color:var(--muted);margin-top:4px}
.gx-about{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.gx-about p{margin-bottom:16px;white-space:pre-line}
.gx-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gx-stat{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px}
.gx-stat .gx-ico{margin-bottom:10px}
.gx-stat h4{font-size:13px;color:var(--muted);font-weight:500}
.gx-stat p{font-size:17px;font-weight:600;color:var(--navy)}
.gx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gx-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.gx-card:hover{box-shadow:0 10px 30px rgba(20,42,133,.12)}
.gx-card .gx-ph{aspect-ratio:4/3;border-radius:0}
.gx-card .bd{padding:18px}
.gx-card h3{font-size:18px;margin-bottom:6px}
.gx-card h3 a{color:var(--navy)}
.gx-card h3 a:hover{color:var(--blue)}
.gx-card p{font-size:14px;color:var(--muted);margin-bottom:14px}
.gx-card .row{display:flex;gap:8px}
.gx-card .row .gx-btn{flex:1;text-align:center;padding:9px 10px;font-size:13px}

/* CTA band */
.gx-band{background:linear-gradient(120deg,var(--navy),var(--navy2));padding:42px 0}
.gx-band .gx-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.gx-band h2{color:#fff;font-size:24px}
.gx-band p{color:#cdd6ff}

/* page banner */
.gx-pb{background:linear-gradient(120deg,var(--navy),var(--navy2));padding:40px 0}
.gx-pb h1{color:#fff;font-size:30px}
.gx-pb .crumb{color:#cdd6ff;font-size:14px;margin-top:4px}
.gx-pb .crumb a{color:#fff}

/* contact */
.gx-contact{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.gx-info{background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:14px;padding:32px;color:#fff}
.gx-info h2{color:#fff;font-size:24px;margin-bottom:10px}
.gx-info p{color:#cdd6ff;margin-bottom:22px}
.gx-info li{display:flex;gap:12px;margin-bottom:14px;color:#fff}
.gx-info li i{margin-top:5px;color:var(--orange)}
.gx-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 10px 30px rgba(20,42,133,.08)}
.gx-form h3{font-size:20px;margin-bottom:16px}
.gx-form input,.gx-form select,.gx-form textarea{display:block;width:100%;margin-bottom:12px;padding:11px 14px;border:1px solid var(--line);border-radius:6px;font:400 14px Poppins,sans-serif;background:#fff;color:var(--ink);height:auto}
.gx-form textarea{min-height:110px}
.gx-form input:focus,.gx-form select:focus,.gx-form textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.gx-form .terms{font-size:13px;margin-bottom:14px}
.gx-form button{width:100%;margin:0}

/* footer */
.gx-foot{background:#0a1550;color:#aeb9e6;font-size:14px}
.gx-foot .gx-wrap.cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.5fr;gap:32px;padding-top:50px;padding-bottom:36px}
.gx-foot h4{color:#fff;font-size:16px;margin-bottom:14px}
.gx-foot li{margin-bottom:8px}
.gx-foot a{color:#aeb9e6}
.gx-foot a:hover{color:#fff}
.gx-foot i{color:var(--orange);margin-right:6px}
.gx-foot .gx-logo img{background:#fff;border-radius:8px;padding:6px}
.gx-copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px 20px;font-size:13px}
.gx-copy p{color:#aeb9e6}
.gx-copy a{color:var(--orange)}

@media(max-width:991px){
 .gx-burger{display:block}
 .gx-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px}
 .gx-nav.open{display:flex}
 .gx-nav>li>a{padding:12px 0}
 .gx-sub{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 12px;max-height:none}
 .gx-hero .gx-wrap,.gx-about,.gx-contact{grid-template-columns:1fr}
 .gx-hero h1{font-size:30px}
 .gx-trust .gx-wrap,.gx-grid{grid-template-columns:1fr 1fr}
 .gx-foot .gx-wrap.cols{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){.gx-trust .gx-wrap,.gx-grid,.gx-foot .gx-wrap.cols,.gx-stats{grid-template-columns:1fr}}