{"id":8,"date":"2026-08-25T09:39:48","date_gmt":"2026-08-25T09:39:48","guid":{"rendered":"https:\/\/empireglobalcargo.com\/?page_id=8"},"modified":"2026-08-25T09:52:35","modified_gmt":"2026-08-25T09:52:35","slug":"home","status":"publish","type":"page","link":"https:\/\/empireglobalcargo.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3965c1 e-con e-atomic-element e-flexbox-base e-d5b9026 \" data-id=\"d3965c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d3965c1\">\n    \t\t<div class=\"elementor-element elementor-element-4f76730 elementor-widget elementor-widget-html\" data-id=\"4f76730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Nepal to Worldwide Courier |  Empire Global Cargo<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');\r\n        \r\n        \/* Base Reset *\/\r\n        * { box-sizing: border-box; }\r\n        html, body { margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden !important; }\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #008822; -webkit-font-smoothing: antialiased; }\r\n\r\n        \/* Layout Helpers *\/\r\n        .content-box { max-width: 1300px; margin: 0 auto; width: 100%; padding: 0 2rem; }\r\n        @media (min-width: 768px) { .content-box { padding: 0 1.5rem; } }\r\n\r\n        .force-full-width { \r\n            position: relative; \r\n            width: 100vw !important; \r\n            left: 50% !important; \r\n            right: 50% !important; \r\n            margin-left: -50vw !important; \r\n            margin-right: -50vw !important; \r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            padding-top: 6rem;\r\n            background: linear-gradient(135deg, #121d50 0%, #0a1133 100%);\r\n            overflow: hidden;\r\n        }\r\n\/* --- Desktop Multi-Image Background --- *\/\r\n.bg-accent-2 { \r\n    position: absolute; \r\n    top: 0; \r\n    left: 0; \r\n    width: 75%; \r\n    height: 100%; \r\n    transform: skewX(12deg) translateX(-10rem); \r\n    overflow: hidden; \r\n    pointer-events: none; \r\n    opacity: 0.7; \r\n    z-index: 1;\r\n}\r\n\/* Base style for all rotating slides *\/\r\n.bg-accent-2 .slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 140%; \r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    \/* We move the gradient here and use 'inherit' for the image part *\/\r\n    background-image: linear-gradient(to right, rgba(18, 29, 80, 0.9), rgba(18, 29, 80, 0.2));\r\n    background-blend-mode: multiply;\r\n    transform: skewX(-12deg);\r\n    transform-origin: left;\r\n    opacity: 0;\r\n    animation: crossFade 25s infinite ease-in-out;\r\n}\r\n@media (max-width: 768px) {\r\n    \/* 1. Make the section grow naturally *\/\r\n    .force-full-width {\r\n        padding-top: 5rem;\r\n        min-height: auto;\r\n        display: block;\r\n        background: #121d50; \/* Solid dark base *\/\r\n    }\r\n\r\n    \/* 2. Pin the images ONLY behind the top text area *\/\r\n    .bg-accent-2 { \r\n        width: 100%; \r\n        height: 550px; \/* Adjust this height to end right after 'Home Delivery' *\/\r\n        transform: none; \r\n        left: 0;\r\n        top: 0;\r\n        opacity: 0.6;\r\n        z-index: 1;\r\n        \/* Masking the bottom so it fades into the solid blue background *\/\r\n        -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);\r\n        mask-image: linear-gradient(to bottom, black 80%, transparent 100%);\r\n    }\r\n\r\n    .bg-accent-2 .slide {\r\n        width: 100%;\r\n        background-size: cover;\r\n        transform: none;\r\n        animation: crossFadeMobile 25s infinite ease-in-out;\r\n        \/* Darker gradient at top to keep text readable *\/\r\n        background-image: linear-gradient(to bottom, rgba(18, 29, 80, 0.9) 0%, rgba(18, 29, 80, 0.2) 100%);\r\n    }\r\n\r\n    \/* 3. Ensure the Shipping Card stays on a solid background *\/\r\n    .shipping-card-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        margin-top: -20px; \/* Slight pull up for better flow *\/\r\n        padding-bottom: 4rem;\r\n    }\r\n}\r\n\r\n\r\n\/* --- Animation Timing (5 images = 20% intervals) --- *\/\r\n.slide:nth-child(1) { animation-delay: 0s; }\r\n.slide:nth-child(2) { animation-delay: 5s; }\r\n.slide:nth-child(3) { animation-delay: 10s; }\r\n.slide:nth-child(4) { animation-delay: 15s; }\r\n.slide:nth-child(5) { animation-delay: 20s; }\r\n\r\n\/* --- Modern Cross-Fade Keyframes --- *\/\r\n@keyframes crossFade {\r\n    0% { opacity: 0; transform: skewX(-12deg) scale(1.05); } \/* Subtle zoom-in entry *\/\r\n    5% { opacity: 1; }\r\n    20% { opacity: 1; }\r\n    25% { opacity: 0; transform: skewX(-12deg) scale(1); } \/* Fade out *\/\r\n    100% { opacity: 0; }\r\n}\r\n\r\n@keyframes crossFadeMobile {\r\n    0% { opacity: 0; transform: scale(1.05); }\r\n    5% { opacity: 1; }\r\n    20% { opacity: 1; }\r\n    25% { opacity: 0; transform: scale(1); }\r\n    100% { opacity: 0; }\r\n}\r\n     \r\n     \r\n          \/* Navigation - Fixed for Logo Left \/ Social Right *\/\r\n        nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; background: white; height: 4.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }\r\n        .nav-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; }\r\n        \r\n        .social-icons { display: flex; align-items: center; gap: 1rem; }\r\n        @media (min-width: 768px) { .social-icons { gap: 1.5rem; } }\r\n        .social-icons a { font-size: 1.1rem; transition: transform 0.2s; text-decoration: none; }\r\n        @media (min-width: 768px) { .social-icons a { font-size: 1.25rem; } }\r\n        .social-icons a:hover { transform: scale(1.25); }\r\n\r\n        \/* Hero Content *\/\r\n        .hero-grid { display: grid; gap: 2rem; align-items: center; position: relative; z-index: 10; padding: 2rem 0; }\r\n        @media (min-width: 1024px) { .hero-grid { grid-template-columns: 1fr 1fr; gap: 4rem; text-align: left; } }\r\n        @media (max-width: 1023px) { .hero-text { text-align: center; } }\r\n\r\n        .badge { \r\n            display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 9999px; \r\n            background: #008822; border: 1px solid rgba(255, 255, 255, 0.2); \r\n            margin-bottom:0rem; backdrop-filter: blur(122px); \r\n        }\r\n\/* --- Optimized Animation CSS --- *\/\r\nh1 { \r\n    font-size: 2.2rem; \r\n    font-weight: 900; \r\n    line-height: 1.0; \/* Decreased line-height to pull lines closer *\/\r\n    color: white; \r\n    margin-bottom: 1.5rem; \r\n    text-shadow: 0 4px 20px rgba(0,0,0,0.4); \r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 6px; \r\n}\r\n\r\n@media (min-width: 768px) { \r\n    h1 { font-size: 5rem; justify-content: flex-start; line-height: 1.1; margin-bottom: 2rem;} \r\n}\r\n\r\n.uk-bright { \r\n    color: #ffffff; \r\n    font-weight: 900; \r\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); \r\n    letter-spacing: -0.02em; \r\n}\r\n\r\n.rotate-wrapper { \r\n    display: inline-flex; \r\n    height: 1.4em; \r\n    overflow: hidden;\r\n    position: relative;\r\n    color: #ffffff;\r\n    vertical-align: middle;\r\n  \r\n    padding: 10px 15px;  \r\n    margin: -10px -15px;\r\n}\r\n\r\n#rotateText {\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n   \r\n    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s ease;\r\n}\r\n\r\n\/* Perfecting the Slide States *\/\r\n.slide-out { \r\n    transform: translateY(-100%); \r\n    opacity: 0; \r\n}\r\n\r\n.slide-in-init { \r\n    transform: translateY(100%); \r\n    opacity: 0; \r\n    transition: none !important; \r\n}\r\n\r\n\r\n\/* --- Mobile Specific: Same Line Fix --- *\/\r\n@media (max-width: 767px) {\r\n    h1 {\r\n        display: flex; \r\n        flex-wrap: nowrap; \/\r\n        justify-content: center; \r\n        align-items: center; \r\n        gap: 6px; \r\n        line-height: 1.2;  vertical room *\/\r\n        text-align: center;\r\n        font-size: 1.8rem; \r\n    }\r\n\r\n    .rotate-wrapper {\r\n        height: 1.6em; \r\n        display: inline-flex;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n        margin-top: 0; \r\n        \r\n      \r\n        padding: 20px 15px; \r\n        margin: -20px -15px; \r\n        overflow: hidden;\r\n        \r\n       \r\n        -webkit-mask-image: linear-gradient(to right, black, black);\r\n    }\r\n\r\n    #rotateText {\r\n        display: inline-block;\r\n        white-space: nowrap; \r\n       \r\n        text-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n    }\r\n}\r\n.hero-p { \r\n    font-size: 1rem; \r\n    color: #ffffff; \r\n    margin-top: -1rem; \r\n    margin-bottom: 1rem !important; \r\n    max-width: 36rem; \r\n    line-height: 1.6; \r\n    font-weight: 500; \r\n    margin-left: auto; \r\n    margin-right: auto;\r\n    background: none;\r\n    backdrop-filter: none;\r\n    padding: 0;\r\n    text-shadow: \r\n        0px 1px 2px rgba(0, 0, 0, 0.9), \r\n        0px 2px 10px rgba(0, 0, 0, 0.6), \r\n        0px 4px 20px rgba(0, 0, 0, 0.4); \r\n}\r\n\r\n@media (min-width: 1024px) { \r\n    .hero-p { \r\n        font-size: 1.25rem; \r\n        margin-bottom: 3rem; \r\n        margin-left: 0; \r\n        text-shadow: \r\n            0px 1px 2px rgba(0, 0, 0, 0.9), \r\n            0px 2px 10px rgba(0, 0, 0, 0.6), \r\n            0px 4px 20px rgba(0, 0, 0, 0.4);\r\n    } \r\n}\r\n\/* --- Action Buttons Container --- *\/\r\n.action-buttons-group {\r\n    display: flex;\r\n    flex-wrap: nowrap; \/* Stays on one line always *\/\r\n    gap: 12px;\r\n    margin-top: 2.5rem;\r\n    width: 100%;\r\n}\r\n\r\n\/* Centered on Mobile\/Tab, Left-aligned on Desktop *\/\r\n@media (max-width: 1023px) {\r\n    .action-buttons-group { justify-content: center; }\r\n}\r\n@media (min-width: 1024px) {\r\n    .action-buttons-group { justify-content: flex-start; }\r\n}\r\n\r\n\/* --- Base Button Style --- *\/\r\n.btn-action {\r\n    flex: 1; \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    padding: 0.8rem 1.2rem;\r\n    border-radius: 1.2rem;\r\n    text-decoration: none;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(10px);\r\n    min-width: 0;\r\n    \/* This prevents buttons from becoming huge on Desktop *\/\r\n    max-width: 220px; \r\n}\r\n\r\n.btn-action:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* --- Call Button Specifics --- *\/\r\n.btn-call {\r\n    background: linear-gradient(135deg, #f7242a 0%, #d11218 100%);\r\n    box-shadow: 0 8px 20px rgba(247, 36, 42, 0.3);\r\n}\r\n\r\n.btn-call .icon-box {\r\n    background: rgba(255, 255, 255, 0.2);\r\n    width: 38px;\r\n    height: 38px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    color: white;\r\n    font-size: 1rem;\r\n    animation: phonePulse 2s infinite;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Flip the phone icon *\/\r\n.fa-flip-horizontal {\r\n    transform: scaleX(-1);\r\n}\r\n\r\n\/* --- GMB Button Specifics --- *\/\r\n.btn-gmb {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.btn-gmb .rating-stars {\r\n    color: #ffb400;\r\n    font-size: 0.65rem;\r\n    margin-bottom: 2px;\r\n    display: flex;\r\n    gap: 2px;\r\n}\r\n\r\n.btn-text { display: flex; flex-direction: column; overflow: hidden; }\r\n.btn-label { font-size: 9px; text-transform: none; color: rgba(255,255,255,0.8); font-weight: 700; letter-spacing: 0.5px; }\r\n.btn-title { font-size: 1rem; color: white; font-weight: 800; white-space: nowrap; }\r\n\r\n\/* --- Tablet\/Desktop Specific --- *\/\r\n@media (min-width: 768px) {\r\n    .btn-action {\r\n        padding: 0.8rem 1.5rem; \/* More breathing room on bigger screens *\/\r\n    }\r\n}\r\n\r\n\/* --- Mobile Specific --- *\/\r\n@media (max-width: 480px) {\r\n    .action-buttons-group { gap: 8px;\r\n    margin-bottom:20px;}\r\n    .btn-action { \r\n        padding: 0.7rem 0.5rem; \r\n        max-width: none; \/* Let them fill 50% each on mobile *\/\r\n    }\r\n    .btn-title { font-size: 0.9rem; }\r\n    .btn-call .icon-box { width: 32px; height: 32px; }\r\n}\r\n\r\n@keyframes phonePulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\r\n    70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\r\n}\r\n\r\n\r\n      \/* --- Shipping Card Base --- *\/\r\n.shipping-card { \r\n    width: 100%; \r\n    max-width: 620px; \r\n    margin: 0 auto; \r\n    background: white; \r\n    border-radius: 30px; \r\n    box-shadow: 0 50px 100px -20px rgba(0,0,0,0.7); \r\n    overflow: visible !important;\r\n}\r\n\r\n#courierBtn { background: #1134cb !important; color: white !important; transition: all 0.3s ease; }\r\n#whatsappBtn { background: #25D366 !important; color: white !important; transition: all 0.3s ease; }\r\n#courierBtn:hover, #whatsappBtn:hover { background: #f7242a !important; color: white !important; }\r\n\r\n\/* Error Handling - KEEP THESE *\/\r\n.hidden-view { display: none !important; }\r\n.incomplete-alert { border: 3px solid #ff3131 !important; animation: shake 0.3s ease-in-out; }\r\n@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-8px); } 75% { transform: translateX(8px); } }\r\n#statusMsg { position: absolute; bottom: -1.5rem; left: 1.5rem; font-size: 10px; font-weight: 700; text-transform: uppercase; height: 1.25rem; }\r\n\r\n\/* --- UPDATED GLASSY COUNTERS --- *\/\r\n.counter-grid { \r\n    display: grid; \r\n    grid-template-columns: repeat(3, 1fr); \r\n    gap: 1rem; \r\n    margin-top: 2rem !important; \r\n    padding: 1.2rem;\r\n    background: rgba(255, 255, 255, 0.03); \/* Very light white tint *\/\r\n    backdrop-filter: blur(10px); \/* The \"Glass\" effect *\/\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.8); \/* Subtle edge highlight *\/\r\n    border-radius: 20px;\r\n}\r\n\r\n.counter-item { \r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n\r\n.counter-item:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -0.5rem;\r\n    top: 20%;\r\n    height: 60%;\r\n    width: 1.5px;\r\n    background: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.counter-num { \r\n    display: block; \r\n    font-size: 2rem; \r\n    font-weight: 800; \r\n    color: #ffffff; \/* Changed to white for a cleaner look *\/\r\n    margin-bottom: 0.25rem;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n}\r\n\r\n.counter-label { \r\n    display: block;\r\n    font-size: 10px; \r\n    text-transform: capitalize; \r\n    font-weight: 700; \r\n    color: rgba(255, 255, 255, 0.9); \/* Slightly dimmed white *\/\r\n    letter-spacing: 0.1em; \r\n    line-height: 1.2;\r\n}\r\n\r\n\/* Mobile adjustments for counters *\/\r\n@media (max-width: 480px) {\r\n    .counter-grid { gap: 0.5rem; padding: 1rem 0.5rem; }\r\n    .counter-num { font-size: 1.25rem; }\r\n    .counter-label { font-size: 8px; }\r\n}\r\n\r\n        .tab-nav { display: flex; background: #f3f4f6; margin: 1rem; border-radius: 12px; padding: 4px; gap: 4px; }\r\n       .tab-btn { \r\n    flex: 1; \r\n    border: none; \r\n    padding: 11px; \r\n    border-radius: 8px; \r\n    font-weight: 800; \r\n    font-size: 11px; \r\n    \r\n    cursor: pointer; \r\n    text-transform: none; \r\n    background: transparent; \r\n    color: #6b7280; \r\n    transition: all 0.3s ease; \/* Ensure smooth transition for all properties *\/\r\n}\r\n.tab-btn:hover:not(.active) { \r\n    background: #1134cb; \r\n    color: #ffffff; \r\n}\r\n        .tab-btn.active { background: #f7242a; color: #ffffff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\r\n        .tab-content { display: none; padding: 0 1rem 1rem 1rem; }\r\n        .tab-content.active { display: block; }\r\n        .list-info { list-style: none; padding: 0; margin: 0; }\r\n        .list-info li { padding: 10px; border-bottom: 1px solid #f3f4f6; font-size: 13px; color: #121d50; display: flex; align-items: center; gap: 10px; font-weight: 600; }\r\n        .list-info li i { font-size: 14px; }\r\n        .can-send i { color: #10b981; }\r\n        .cannot-send i { color: #f7242a; }\r\n\r\n\/* Desktop Styles *\/\r\n.sticky-contact-bar {\r\n    position: fixed;\r\n    left: 20px;\r\n    \/* This moves it down. Increase 80px to move it up, decrease to move it down *\/\r\n    bottom: 80px; \r\n    top: auto;\r\n    transform: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    z-index: 9999;\r\n}\r\n\r\n.contact-item {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    font-size: 20px;\r\n}\r\n\r\n\r\n.contact-item:hover {\r\n    transform: scale(1.15); \r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n}\r\n\r\n.bg-call { background: #f7242a; }\r\n.bg-whatsapp { background: #25d366; }\r\n.bg-map { background: #1134cb; }\r\n\r\n\/* Mobile Styles - Remains Horizontal at Bottom *\/\r\n@media (max-width: 768px) {\r\n    .sticky-contact-bar {\r\n        left: 0;\r\n        bottom: 0; \/* Or bottom: -80px if using the scroll script *\/\r\n        top: auto;\r\n        transform: none;\r\n        width: 100%;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 12px 0;\r\n        gap: 30px;\r\n        box-shadow: 0 -5px 20px rgba(0,0,0,0.1);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n    }\r\n    \r\n    .contact-item {\r\n        width: 48px;\r\n        height: 48px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .contact-item:hover {\r\n        transform: none; \/* Disable scale on mobile tap for better feel *\/\r\n    }\r\n    \r\n    body { padding-bottom: 70px; }\r\n}\r\n\r\n\/* Container layout *\/\r\n.hero-slider-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 100vh;\r\n}\r\n\r\n\/* Background Slider Wrapper *\/\r\n.hero-bg-slider {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Individual Slides *\/\r\n.hero-bg-slider .slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    opacity: 0;\r\n    animation: bgFade 16s infinite;\r\n}\r\n\r\n\/* Stagger animation delay across 4 images (16s cycle = 4s per image) *\/\r\n.hero-bg-slider .slide:nth-child(1) { animation-delay: 0s; }\r\n.hero-bg-slider .slide:nth-child(2) { animation-delay: 4s; }\r\n.hero-bg-slider .slide:nth-child(3) { animation-delay: 8s; }\r\n.hero-bg-slider .slide:nth-child(4) { animation-delay: 12s; }\r\n\r\n\/* Smooth Fading Keyframes *\/\r\n@keyframes bgFade {\r\n    0%   { opacity: 0; }\r\n    10%  { opacity: 1; }\r\n    25%  { opacity: 1; }\r\n    35%  { opacity: 0; }\r\n    100% { opacity: 0; }\r\n}\r\n\r\n\/* Darkening Overlay for readability *\/\r\n.hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    z-index: 2;\r\n}\r\n\r\n\/* Ensure foreground text stays above the background *\/\r\n.hero-slider-section .content-box {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <nav>\r\n        <div class=\"content-box\" style=\"height: 100%;\">\r\n            <div class=\"nav-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/empireglobalcargo.com\/wp-content\/uploads\/2026\/08\/empireglobal-cargo.jpg\" style=\"height: 52px; width: auto;\" alt=\"empireglobal-cargo\">\r\n                \r\n                <div class=\"social-icons\">\r\n                    <a href=\"https:\/\/www.facebook.com\/p\/Empire-Global-Cargo-Pvt-Ltd-61556731538182\/\" style=\"color: #1877F2;\"><i class=\"fab fa-facebook\"><\/i><\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/empire_global_cargo_pvt.ltd\" style=\"color: #E4405F;\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                    <a href=\"https:\/\/www.tiktok.com\/@empire.global.car\" style=\"color: #000000;\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n                    <a href=\"mailto:empire.gcargo@gmail.com\" style=\"color: #f7242a;\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n<div class=\"sticky-contact-bar\">\r\n    <a href=\"tel:01-5919871\" class=\"contact-item bg-call\" title=\"Call Us\">\r\n        <i class=\"fas fa-phone-alt\" style=\"transform: scaleX(-1);\"><\/i>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/wa.me\/9779704590930\" class=\"contact-item bg-whatsapp\" title=\"WhatsApp Us\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/maps.app.goo.gl\/UKoz3uG1Lyyf6iHo8\" target=\"_blank\" class=\"contact-item bg-map\" title=\"View Map\">\r\n        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n    <\/a>\r\n<\/div>\r\n    <section class=\"force-full-width hero-slider-section\">\r\n    <!-- 4-Image Background Slider -->\r\n    <div class=\"hero-bg-slider\">\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/empireglobalcargo.com\/wp-content\/uploads\/2026\/08\/1E3A8A.png');\"><\/div>\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/empireglobalcargo.com\/wp-content\/uploads\/2026\/08\/1E3A8A-3.png');\"><\/div>\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/empireglobalcargo.com\/wp-content\/uploads\/2026\/08\/1E3A8A-2.png');\"><\/div>\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/empireglobalcargo.com\/wp-content\/uploads\/2026\/08\/Untitled-design-8.png');\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Background Overlay (Optional: improves text legibility over images) -->\r\n    <div class=\"hero-overlay\"><\/div>\r\n\r\n    <div class=\"content-box\">\r\n        <div class=\"hero-grid\">\r\n            <div class=\"hero-text\">\r\n                <div class=\"badge\">\r\n                    <span class=\"ping-dot\"><\/span>\r\n                    <span style=\"color: white; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3em;\">Welcome to Empire global cargo<\/span>\r\n                <\/div>\r\n                \r\n                <h1>\r\n                    <span>Cargo  <\/span>\r\n                    <span class=\"rotate-wrapper\">\r\n                        <span id=\"rotateText\">Faster.<\/span>\r\n                    <\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"hero-p\">\r\n                    We provide fast, reliable <strong>door-to-door cargo solutions<\/strong> with safe delivery in <strong>4-7 days<\/strong>. \r\n                    Combining global reach with efficient handling, our professional service is designed to exceed \r\n                    expectations and ensure total peace of mind.\r\n                <\/p>\r\n\r\n                <div class=\"counter-grid\">\r\n                    <div class=\"counter-item\">\r\n                        <span class=\"counter-num\">18k +<\/span>\r\n                        <span class=\"counter-label\">Packages Delivered<\/span>\r\n                    <\/div>\r\n                    <div class=\"counter-item\">\r\n                        <span class=\"counter-num\">8+<\/span>\r\n                        <span class=\"counter-label\">Countries Served<\/span>\r\n                    <\/div>\r\n                    <div class=\"counter-item\">\r\n                        <span class=\"counter-num\">12+<\/span>\r\n                        <span class=\"counter-label\">Years Experience<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"action-buttons-group\">\r\n                    <a href=\"tel:+9779704590930\" class=\"btn-action btn-call\">\r\n                        <div class=\"icon-box\">\r\n                            <i class=\"fas fa-phone-alt fa-flip-horizontal\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"btn-text\">\r\n                            <span class=\"btn-label\">For Quick Response<\/span>\r\n                            <span class=\"btn-title\">Call Now<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/share.google\/4CicQH1gzdg1AtWx7\" target=\"_blank\" class=\"btn-action btn-gmb\">\r\n                        <div class=\"icon-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\" alt=\"G\" style=\"width: 20px;\">\r\n                        <\/div>\r\n                        <div class=\"btn-text\">\r\n                            <div class=\"rating-stars\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"btn-title\">Review Us<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n    \r\n    <section class=\"force-full-width\" style=\"min-height: auto; background: #ffffff; padding: 4rem 0; border-top: 1px solid #f3f4f6;\">\r\n    <div class=\"content-box\">\r\n        <div style=\"text-align: center; margin-bottom: 3rem;\">\r\n            <h3 style=\"font-weight: 900; color: #008822; text-transform: none; letter-spacing: 0.15em; font-size: 20px; margin: 0;\">\r\n                Simple 3-Step Delivery\r\n            <\/h3>\r\n            <div style=\"width: 40px; height: 3px; background: #0022C8; margin: 12px auto;\"><\/div>\r\n        <\/div>\r\n\r\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; text-align: center;\">\r\n            \r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #f9fafb; padding: 2rem 1.5rem; border-radius: 1.5rem; border: 1px solid #f3f4f6; transition: 0.3s;\" onmouseover=\"this.style.borderColor='#008822'; this.style.background='#ffffff';\" onmouseout=\"this.style.borderColor='#f3f4f6'; this.style.background='#f9fafb';\">\r\n                <div style=\"background: rgba(40, 167, 69, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-box-open\" style=\"color: #008822; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">1. Pack & Call<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">Prepare your items and call us. We provide free pickup inside Kathmandu valley.<\/p>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #f9fafb; padding: 2rem 1.5rem; border-radius: 1.5rem; border: 1px solid #f3f4f6; transition: 0.3s;\" onmouseover=\"this.style.borderColor='#0022C8'; this.style.background='#ffffff';\" onmouseout=\"this.style.borderColor='#f3f4f6'; this.style.background='#f9fafb';\">\r\n                <div style=\"background: rgba(36, 100, 247, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-file-invoice-dollar\" style=\"color: #0022C8; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">2. Instant Quote<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">We weigh your package and provide the final bill with tracking details.<\/p>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #f9fafb; padding: 2rem 1.5rem; border-radius: 1.5rem; border: 1px solid #f3f4f6; transition: 0.3s;\" onmouseover=\"this.style.borderColor='#008822'; this.style.background='#ffffff';\" onmouseout=\"this.style.borderColor='#f3f4f6'; this.style.background='#f9fafb';\">\r\n                <div style=\"background: rgba(40, 167, 69, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-shipping-fast\" style=\"color: #008822; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">3. Door-Door Delivery<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">Sit back and relax. Your cargo reaches the UK doorstep within 4-7 days.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n    \r\n    <section class=\"force-full-width\" style=\"padding: 4rem 0; background: #f9fafb;\">\r\n    <div class=\"content-box\">\r\n        \r\n        <div style=\"text-align: center; margin-bottom: 3.5rem;\">\r\n            <h3 style=\"font-weight: 900; color: #008822; text-transform: none; letter-spacing: 0.15em; font-size: 20px; margin: 0;\">\r\n                Visit Our Office\r\n            <\/h3>\r\n            <div style=\"width: 40px; height: 3px; background: #0022C8; margin: 12px auto;\"><\/div>\r\n        <\/div>\r\n\r\n        <div style=\"display: flex; flex-wrap: wrap; gap: 0; border-radius: 2rem; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.1); background: #ffffff;\">\r\n            \r\n            <div style=\"flex: 1; min-width: 320px; background: rgba(34, 139, 34, 1); padding: 3.5rem; color: #ffffff;\">\r\n                <h4 style=\"font-weight: 800; font-size: 1.5rem; margin-bottom: 2rem; color: #ffffff;\">Kathmandu Headquarters<\/h4>\r\n                \r\n                <div style=\"display: flex; gap: 15px; margin-bottom: 2rem; align-items: flex-start;\">\r\n                    <i class=\"fas fa-map-marker-alt\" style=\"color: #fff; font-size: 1.2rem; margin-top: 5px;\"><\/i>\r\n                    <div>\r\n                        <p style=\"margin: 0; font-weight: 700; font-size: 0.95rem;\">Location<\/p>\r\n                        <p style=\"margin: 5px 0 0; font-size: 0.85rem; color: rgba(255,255,255,0.7); line-height: 1.6;\">\r\n                            Amrit Marg,, Kathmandu, Nepal\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"display: flex; gap: 15px; margin-bottom: 2rem; align-items: flex-start;\">\r\n                    <i class=\"fas fa-clock\" style=\"color: #fff; font-size: 1.2rem; margin-top: 5px;\"><\/i>\r\n                    <div>\r\n                        <p style=\"margin: 0; font-weight: 700; font-size: 0.95rem;\">Working Hours<\/p>\r\n                        <p style=\"margin: 5px 0 0; font-size: 0.85rem; color: rgba(255,255,255,0.7);\">\r\n                            Sun - Fri: 8:00 AM - 8:00 PM<br>\r\n                            Sat: 12:00 PM - 8:00 PM\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"display: flex; gap: 15px; margin-bottom: 3rem; align-items: flex-start;\">\r\n                    <i class=\"fas fa-phone-alt\" style=\"color: #fff; font-size: 1.2rem; margin-top: 5px;transform: scaleX(-1)\"><\/i>\r\n                    <div>\r\n                        <p style=\"margin: 0; font-weight: 700; font-size: 0.95rem;\">Call Us<\/p>\r\n                        <p style=\"margin: 5px 0 0; font-size: 0.85rem; color: rgba(255,255,255,0.7);\">01-5919871<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/maps.app.goo.gl\/z5CcLzKXXCdEssPT8\" target=\"_blank\" style=\"display: inline-block; background: #0022C8; color: white; padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 800; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;\">\r\n                    Get Directions <i class=\"fas fa-directions\" style=\"margin-left: 8px;\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1.5; min-width: 350px; min-height: 450px; position: relative;\">\r\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3532.0400980966424!2d85.3129711!3d27.716048200000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19001425e3c3%3A0xca9e1ea30109207!2sEmpire%20global%20cargo%20pvt%20ltd!5e0!3m2!1sen!2snp!4v1787643848436!5m2!1sen!2snp\"\r\n                    width=\"100%\" \r\n                    height=\"100%\" \r\n                    style=\"border:0;\" \r\n                    allowfullscreen=\"\" \r\n                    loading=\"lazy\" \r\n                    referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n    \r\n\r\n\r\n<section class=\"force-full-width\" style=\"min-height: auto; padding: 4rem 0; background: #ffffff; border-top: 1px solid #eee;\">\r\n    <div class=\"content-box\">\r\n        \r\n        <div style=\"text-align: center; margin-bottom: 3.5rem;\">\r\n            <div style=\"margin-bottom: 1rem;\">\r\n                <div style=\"width: 60px; height: 60px; background: rgba(40, 167, 69, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n                    <i class=\"fas fa-certificate\" style=\"color: #008822; font-size: 1.8rem; position: relative;\">\r\n                        <i class=\"fas fa-check\" style=\"color: white; font-size: 0.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\"><\/i>\r\n                    <\/i>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 0.5rem;\">\r\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_Color_Icon.svg\" alt=\"Google\" style=\"width: 18px;\">\r\n                <span style=\"font-weight: 800; color: #5f6368; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1.5px;\">Verified GMB Reviews<\/span>\r\n            <\/div>\r\n            \r\n            <h3 style=\"font-weight: 900; color: #121d50; text-transform: none; letter-spacing: 0.15em; font-size: 20px; margin: 0;\">\r\n               Trusted By Nepali Community\r\n            <\/h3>\r\n            <div style=\"width: 40px; height: 3px; background: #f7242a; margin: 12px auto;\"><\/div>\r\n        <\/div>\r\n\r\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem;\">\r\n            \r\n            <div style=\"flex: 1; min-width: 300px; max-width: 340px; background: #ffffff; padding: 1.5rem; border-radius: 1rem; border: 1px solid #e5e7eb; box-shadow: 0 4px 12px rgba(0,0,0,0.03); position: relative;\">\r\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;\">\r\n                    <div style=\"display: flex; gap: 12px; align-items: center;\">\r\n                        <div style=\"width: 42px; height: 42px; background: #008822; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem;\">SK<\/div>\r\n                        <div>\r\n                            <h5 style=\"margin: 0; color: #121d50; font-weight: 800; font-size: 0.9rem;\">Sital KC<\/h5>\r\n                            <div style=\"display: flex; gap: 2px; color: #fbbc05; font-size: 0.7rem; margin-top: 2px;\">\r\n                                <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_Color_Icon.svg\" style=\"width: 16px;\">\r\n                <\/div>\r\n                <p style=\"font-size: 0.85rem; color: #4b5563; line-height: 1.6; margin: 0; font-weight: 400;\">\r\n                    \"Best courier service for UK. They handled my parcel with care and the delivery was faster than expected. Highly professional.\"\r\n                <\/p>\r\n                <p style=\"margin-top: 10px; font-size: 0.7rem; color: #9ca3af; font-weight: 500;\">2 days ago<\/p>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1; min-width: 300px; max-width: 340px; background: #ffffff; padding: 1.5rem; border-radius: 1rem; border: 1px solid #e5e7eb; box-shadow: 0 4px 12px rgba(0,0,0,0.03); position: relative;\">\r\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;\">\r\n                    <div style=\"display: flex; gap: 12px; align-items: center;\">\r\n                        <div style=\"width: 42px; height: 42px; background: #0022C8; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem;\">HA<\/div>\r\n                        <div>\r\n                            <h5 style=\"margin: 0; color: #121d50; font-weight: 800; font-size: 0.9rem;\">Hari Acharya<\/h5>\r\n                            <div style=\"display: flex; gap: 2px; color: #fbbc05; font-size: 0.7rem; margin-top: 2px;\">\r\n                                <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_Color_Icon.svg\" style=\"width: 16px;\">\r\n                <\/div>\r\n                <p style=\"font-size: 0.85rem; color: #4b5563; line-height: 1.6; margin: 0; font-weight: 400;\">\r\n                    \"Process was very easy. The 3-step delivery really works. Highly recommend Empire Global Cargo. Excellent rates.\"\r\n                <\/p>\r\n                <p style=\"margin-top: 10px; font-size: 0.7rem; color: #9ca3af; font-weight: 500;\">1 week ago<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    \r\n    <\/div>\r\n<\/section>\r\n\r\n    \r\n<section class=\"force-full-width\" style=\"min-height: auto; padding: 4rem 0; background: url('https:\/\/pikxeltech.com\/wp-content\/uploads\/2026\/02\/Untitled-design-13.png') no-repeat center center \/ cover; position: relative; overflow: hidden;\">\r\n    \r\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(18, 29, 80, 0.88); z-index: 1;\"><\/div>\r\n\r\n    <div class=\"content-box\" style=\"position: relative; z-index: 2;\">\r\n        <div style=\"text-align: center; margin-bottom: 3rem;\">\r\n            <h3 style=\"font-weight: 900; color: #ffffff; text-transform: none; letter-spacing: 0.15em; font-size: 20px; margin: 0;\">\r\n               More Reasons To Choose Empire Global Cargo?\r\n            <\/h3>\r\n            <div style=\"width: 40px; height: 3px; background: #008822; margin: 12px auto;\"><\/div>\r\n        <\/div>\r\n\r\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; text-align: center;\">\r\n            \r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #ffffff; padding: 2.5rem 1.5rem; border-radius: 1.5rem; border: 2px solid transparent; transition: 0.3s; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\" \r\n                 onmouseover=\"this.style.borderColor='#008822'; this.style.transform='translateY(-5px)';\" \r\n                 onmouseout=\"this.style.borderColor='transparent'; this.style.transform='translateY(0)';\" \r\n                 class=\"feature-card\">\r\n                <div style=\"background: rgba(40, 167, 69, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-shield-alt\" style=\"color: #008822; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">100% Insured<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">Your valuables are safe with us. We provide full insurance coverage for every shipment.<\/p>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #ffffff; padding: 2.5rem 1.5rem; border-radius: 1.5rem; border: 2px solid transparent; transition: 0.3s; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\" \r\n                 onmouseover=\"this.style.borderColor='#1134cb'; this.style.transform='translateY(-5px)';\" \r\n                 onmouseout=\"this.style.borderColor='transparent'; this.style.transform='translateY(0)';\" \r\n                 class=\"feature-card\">\r\n                <div style=\"background: rgba(17, 52, 203, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-map-marker-alt\" style=\"color: #1134cb; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">Real-time Tracking<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">Stay updated at every step. Track your parcel from Kathmandu to the UK in real-time.<\/p>\r\n            <\/div>\r\n\r\n            <div style=\"flex: 1; min-width: 250px; max-width: 320px; background: #ffffff; padding: 2.5rem 1.5rem; border-radius: 1.5rem; border: 2px solid transparent; transition: 0.3s; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\" \r\n                 onmouseover=\"this.style.borderColor='#008822'; this.style.transform='translateY(-5px)';\" \r\n                 onmouseout=\"this.style.borderColor='transparent'; this.style.transform='translateY(0)';\" \r\n                 class=\"feature-card\">\r\n                <div style=\"background: rgba(40, 167, 69, 0.1); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem;\">\r\n                    <i class=\"fas fa-headset\" style=\"color: #008822; font-size: 1.5rem;\"><\/i>\r\n                <\/div>\r\n                <h4 style=\"font-weight: 900; font-size: 1rem; color: #121d50; margin-bottom: 0.75rem; text-transform: none;\">24\/7 Support<\/h4>\r\n                <p style=\"font-size: 0.85rem; color: #6b7280; line-height: 1.6; margin: 0; font-weight: 500;\">Our dedicated team is always ready to help you with any queries regarding your cargo.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>  \r\n\r\n\r\n<section class=\"force-full-width\" style=\"min-height: auto; padding: 4rem 0; background: #ffffff;\">\r\n    <div class=\"content-box\">\r\n        \r\n        <div style=\"text-align: center; margin-bottom: 3.5rem;\">\r\n            <h3 style=\"font-weight: 900; color: #121d50; text-transform: none; letter-spacing: 0.15em; font-size: 20px; margin: 0;\">\r\n                Frequently Asked Questions\r\n            <\/h3>\r\n            <div style=\"width: 40px; height: 3px; background: #008822; margin: 15px auto;\"><\/div>\r\n        <\/div>\r\n\r\n        <div style=\"max-width: 800px; margin: 0 auto;\">\r\n            \r\n            <div style=\"margin-bottom: 1rem; border-bottom: 1px solid #f3f4f6; padding-bottom: 1rem;\">\r\n                <h4 style=\"font-weight: 800; color: #121d50; font-size: 1rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"color: #008822;\">Q.<\/span> How long does delivery to the UK take?\r\n                <\/h4>\r\n                <p style=\"font-size: 0.9rem; color: #6b7280; line-height: 1.6; padding-left: 28px; margin: 0; font-weight: 500;\">\r\n                    Standard delivery typically takes 4-7 business days. We provide real-time tracking so you can monitor your shipment's journey from Kathmandu.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div style=\"margin-bottom: 1rem; border-bottom: 1px solid #f3f4f6; padding-bottom: 1rem;\">\r\n                <h4 style=\"font-weight: 800; color: #121d50; font-size: 1rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"color: #1134cb;\">Q.<\/span> Do you provide pickup services?\r\n                <\/h4>\r\n                <p style=\"font-size: 0.9rem; color: #6b7280; line-height: 1.6; padding-left: 28px; margin: 0; font-weight: 500;\">\r\n                    Yes, we offer free pickup services within the Kathmandu Valley. Just give us a call, and our team will collect your parcel from your doorstep.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div style=\"margin-bottom: 1rem; border-bottom: 1px solid #f3f4f6; padding-bottom: 1rem;\">\r\n                <h4 style=\"font-weight: 800; color: #121d50; font-size: 1rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"color: #008822;\">Q.<\/span> Is my shipment insured?\r\n                <\/h4>\r\n                <p style=\"font-size: 0.9rem; color: #6b7280; line-height: 1.6; padding-left: 28px; margin: 0; font-weight: 500;\">\r\n                    Absolutely. We offer 100% insurance coverage options for your valuables to ensure peace of mind during international transit.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div style=\"margin-bottom: 1rem; padding-bottom: 1rem;\">\r\n                <h4 style=\"font-weight: 800; color: #121d50; font-size: 1rem; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"color: #1134cb;\">Q.<\/span> What items are restricted?\r\n                <\/h4>\r\n                <p style=\"font-size: 0.9rem; color: #6b7280; line-height: 1.6; padding-left: 28px; margin: 0; font-weight: 500;\">\r\n                    Items like flammable liquids, batteries, and certain perishable foods are restricted. Please refer to our \"Restricted Items\" section above for a full list.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n <script>\r\n    \/\/ --- NEW TAB LOGIC ---\r\n    function switchTab(evt, tabName) {\r\n        var i, tabcontent, tablinks;\r\n        tabcontent = document.getElementsByClassName(\"tab-content\");\r\n        for (i = 0; i < tabcontent.length; i++) {\r\n            tabcontent[i].style.display = \"none\";\r\n            tabcontent[i].classList.remove(\"active\");\r\n        }\r\n        tablinks = document.getElementsByClassName(\"tab-btn\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\r\n        }\r\n        document.getElementById(tabName).style.display = \"block\";\r\n        document.getElementById(tabName).classList.add(\"active\");\r\n        evt.currentTarget.className += \" active\";\r\n\r\n        if(tabName !== 'priceListView') {\r\n            document.getElementById('calculatorView').classList.add('hidden-view');\r\n            document.getElementById('priceListView').classList.remove('hidden-view');\r\n        }\r\n    }\r\n\r\n    \/\/ --- ANIMATION LOGIC (Fixed for Smoothness) ---\r\n    const words = [\"Faster.\", \"Securely.\", \"Effortlessly.\", \"Door To Door.\", \"& On Time.\"];\r\n    let wordIndex = 0;\r\n    const rotateText = document.getElementById('rotateText');\r\n\r\n    function animateWords() {\r\n        \/\/ Step 1: Slide current word up and out\r\n        rotateText.classList.add('slide-out');\r\n        \r\n        setTimeout(() => {\r\n            \/\/ Step 2: Change text and move it to the bottom instantly (hidden)\r\n            wordIndex = (wordIndex + 1) % words.length;\r\n            rotateText.innerText = words[wordIndex];\r\n            rotateText.classList.remove('slide-out');\r\n            rotateText.classList.add('slide-in-init');\r\n            \r\n            \/\/ Trigger reflow to apply the 'none' transition\r\n            rotateText.offsetWidth; \r\n            \r\n            \/\/ Step 3: Slide it up into the center\r\n            rotateText.classList.remove('slide-in-init');\r\n        }, 600); \/\/ Matches the CSS transition time\r\n    }\r\n\r\n    setInterval(animateWords, 3500); \r\n\r\n    \/\/ --- CALC LOGIC ---\r\n    function toggleView() {\r\n        const calc = document.getElementById('calculatorView');\r\n        const list = document.getElementById('priceListView');\r\n        const tabs = document.getElementById('tabNavSystem');\r\n\r\n        if (calc.classList.contains('hidden-view')) {\r\n            list.classList.add('hidden-view');\r\n            calc.classList.remove('hidden-view');\r\n            tabs.style.display = \"none\"; \r\n        } else {\r\n            calc.classList.add('hidden-view');\r\n            list.classList.remove('hidden-view');\r\n            tabs.style.display = \"flex\"; \r\n        }\r\n    }\r\n\r\n    function calculate() {\r\n        const weight = document.getElementById('weightInput');\r\n        const box = document.getElementById('inputBox');\r\n        const msg = document.getElementById('statusMsg');\r\n\r\n        \/\/ Detecting if input is empty or invalid\r\n        if (!weight.value || weight.value <= 0) {\r\n            msg.innerText = \"Incomplete: Please enter weight\";\r\n            msg.style.color = \"#f7242a\";\r\n            box.classList.add('incomplete-alert');\r\n        } else {\r\n            msg.innerText = \"Connecting to UK Desk...\";\r\n            msg.style.color = \"#1134cb\";\r\n            setTimeout(() => {\r\n                window.location.href = `https:\/\/wa.me\/9779800000000?text=I want a UK shipping quote for ${weight.value}kg. Please provide live rates.`;\r\n            }, 800);\r\n        }\r\n    }\r\n\r\n    function clearValidation() {\r\n        document.getElementById('inputBox').classList.remove('incomplete-alert');\r\n        document.getElementById('statusMsg').innerText = \"\";\r\n    }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nepal to Worldwide Courier | Empire Global Cargo Welcome to Empire global cargo Cargo Faster. We provide fast, reliable door-to-door cargo solutions with safe delivery in 4-7 days. Combining global reach with efficient handling, our professional service is designed to exceed expectations and ensure total peace of mind. 18k + Packages Delivered 8+ Countries Served [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/empireglobalcargo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}