{"id":464,"date":"2026-08-25T21:09:47","date_gmt":"2026-08-25T21:09:47","guid":{"rendered":"https:\/\/nscontinent.com\/?page_id=464"},"modified":"2026-08-29T08:13:45","modified_gmt":"2026-08-29T08:13:45","slug":"cbm-calculator","status":"publish","type":"page","link":"https:\/\/nscontinent.com\/id\/cbm-calculator\/","title":{"rendered":"Cbm Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"464\" class=\"elementor elementor-464\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5ae47c e-con e-atomic-element e-flexbox-base e-default-div e-70f037b \" data-id=\"b5ae47c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b5ae47c\">\n    \t\t<div class=\"elementor-element elementor-element-0d9aca8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0d9aca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     NS CONTINENT\r\n     CBM CALCULATOR\r\n     BODY ONLY\r\n     \r\n     BASELINE:\r\n     - NO WEBSITE HEADER\r\n     - NO NAVIGATION\r\n     - NO WEBSITE FOOTER\r\n     - FULL WIDTH INSIDE ELEMENTOR FLEXBOX\r\n     - NO HORIZONTAL BREAKOUT\r\n     - SINGLE INSTANCE HARD LOCK\r\n     - CALCULATION LOGIC PRESERVED\r\n========================================================= -->\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT VARIABLES\r\n========================================================= *\/\r\n\r\n.nsc-cbm-single-instance {\r\n\r\n    --nsc-navy:\r\n        #012d5a;\r\n\r\n    --nsc-navy-dark:\r\n        #001b35;\r\n\r\n    --nsc-navy-deep:\r\n        #001326;\r\n\r\n    --nsc-blue:\r\n        #0b4f8a;\r\n\r\n    --nsc-blue-light:\r\n        #eef5fb;\r\n\r\n    --nsc-gold:\r\n        #c9a227;\r\n\r\n    --nsc-gold-light:\r\n        #e3c65b;\r\n\r\n    --nsc-text:\r\n        #172b3a;\r\n\r\n    --nsc-muted:\r\n        #687989;\r\n\r\n    --nsc-white:\r\n        #ffffff;\r\n\r\n    --nsc-light:\r\n        #f5f8fb;\r\n\r\n    --nsc-border:\r\n        #dce5ed;\r\n\r\n    --nsc-green:\r\n        #16855b;\r\n\r\n    --nsc-green-light:\r\n        #edf8f3;\r\n\r\n    --nsc-ui-line:\r\n        #e1e8ef;\r\n\r\n    --nsc-ui-bg:\r\n        #eef3f7;\r\n\r\n    --nsc-frame:\r\n        1400px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SINGLE INSTANCE ROOT\r\n   FLEXBOX SAFE\r\n   FULL WIDTH\r\n========================================================= *\/\r\n\r\n.nsc-cbm-single-instance {\r\n\r\n    display:\r\n        block !important;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0 !important;\r\n\r\n    min-inline-size:\r\n        0 !important;\r\n\r\n    inline-size:\r\n        100% !important;\r\n\r\n    max-inline-size:\r\n        100% !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    flex:\r\n        0 1 auto !important;\r\n\r\n    align-self:\r\n        stretch !important;\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow-x:\r\n        hidden !important;\r\n\r\n    overflow-y:\r\n        visible;\r\n\r\n    background:\r\n        var(--nsc-white);\r\n\r\n    color:\r\n        var(--nsc-text);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHILD OUTER BAND SAFETY\r\n========================================================= *\/\r\n\r\n.nsc-cbm-single-instance > * {\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0 !important;\r\n\r\n    min-inline-size:\r\n        0 !important;\r\n\r\n    margin-left:\r\n        0 !important;\r\n\r\n    margin-right:\r\n        0 !important;\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTERNAL RESET\r\n========================================================= *\/\r\n\r\n.nsc-cbm-single-instance *,\r\n.nsc-cbm-single-instance *::before,\r\n.nsc-cbm-single-instance *::after {\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-single-instance a {\r\n\r\n    color:\r\n        inherit;\r\n\r\n    text-decoration:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-single-instance button,\r\n.nsc-cbm-single-instance input {\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-single-instance button {\r\n\r\n    border:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-single-instance img {\r\n\r\n    display:\r\n        block;\r\n\r\n    max-width:\r\n        100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HARD DUPLICATE VISUAL LOCK\r\n========================================================= *\/\r\n\r\n.nsc-cbm-single-instance\r\n~\r\n.nsc-cbm-single-instance {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-single-instance.nsc-cbm-duplicate-instance {\r\n\r\n    display:\r\n        none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHARED INNER FRAME\r\n========================================================= *\/\r\n\r\n.nsc-cbm-inner {\r\n\r\n    width:\r\n        min(\r\n            var(--nsc-frame),\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        var(--nsc-frame);\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin-left:\r\n        auto;\r\n\r\n    margin-right:\r\n        auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATOR HERO\r\n   FULL WIDTH OUTER BAND\r\n========================================================= *\/\r\n\r\n.nsc-cbm-hero {\r\n\r\n    position:\r\n        relative;\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    min-height:\r\n        165px;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        34px 0;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 86% 18%,\r\n            rgba(200,164,93,.24),\r\n            transparent 24%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #012d5a 0%,\r\n            #001f3d 100%\r\n        );\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    right:\r\n        -90px;\r\n\r\n    bottom:\r\n        -120px;\r\n\r\n    width:\r\n        360px;\r\n\r\n    height:\r\n        360px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    box-shadow:\r\n        0 0 0 35px\r\n        rgba(255,255,255,.035),\r\n\r\n        0 0 0 70px\r\n        rgba(255,255,255,.025);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero-inner {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero-copy {\r\n\r\n    min-width:\r\n        0;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero-kicker {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        8px;\r\n\r\n    margin-bottom:\r\n        9px;\r\n\r\n    color:\r\n        #e8d7b2;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero-kicker::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    width:\r\n        22px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--nsc-gold);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero h1 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        clamp(\r\n            28px,\r\n            4vw,\r\n            38px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n    letter-spacing:\r\n        -.5px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero p {\r\n\r\n    max-width:\r\n        850px;\r\n\r\n    margin:\r\n        10px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.80);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-hero-chip {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    flex:\r\n        0 0 auto;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    padding:\r\n        10px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-pulse {\r\n\r\n    width:\r\n        8px;\r\n\r\n    height:\r\n        8px;\r\n\r\n    flex:\r\n        0 0 8px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        #61d39a;\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(97,211,154,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATOR APP BAND\r\n========================================================= *\/\r\n\r\n.nsc-cbm-app {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOL STRIP\r\n========================================================= *\/\r\n\r\n.nsc-cbm-tool-strip {\r\n\r\n    width:\r\n        100%;\r\n\r\n    max-width:\r\n        100%;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    padding:\r\n        15px max(\r\n            30px,\r\n            calc(\r\n                (100% - var(--nsc-frame)) \/ 2\r\n            )\r\n        );\r\n\r\n    background:\r\n        #f8fafc;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--nsc-ui-line);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-tool-strip-label {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        1.3px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-tool-strip-label::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    width:\r\n        7px;\r\n\r\n    height:\r\n        7px;\r\n\r\n    flex:\r\n        0 0 7px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        var(--nsc-gold);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-tool-strip-description {\r\n\r\n    color:\r\n        #7d8d9c;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATOR CONTENT\r\n========================================================= *\/\r\n\r\n.nsc-cbm-calculator-body {\r\n\r\n    width:\r\n        min(\r\n            var(--nsc-frame),\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        var(--nsc-frame);\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        38px 0 45px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORKSPACE NOTE\r\n========================================================= *\/\r\n\r\n.nsc-cbm-workspace-note {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    margin:\r\n        0 0 24px;\r\n\r\n    padding:\r\n        12px 14px;\r\n\r\n    border:\r\n        1px solid\r\n        #e4eaf0;\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        #fbfcfe;\r\n\r\n    color:\r\n        #68798b;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        1.65;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-workspace-note strong {\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-note-dot {\r\n\r\n    width:\r\n        7px;\r\n\r\n    height:\r\n        7px;\r\n\r\n    flex:\r\n        0 0 7px;\r\n\r\n    margin-top:\r\n        6px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        var(--nsc-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATOR HEADING\r\n========================================================= *\/\r\n\r\n.nsc-cbm-calc-heading {\r\n\r\n    position:\r\n        relative;\r\n\r\n    padding:\r\n        0 0 24px;\r\n\r\n    margin:\r\n        0 0 28px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        #e7edf3;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-calc-heading::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    left:\r\n        0;\r\n\r\n    bottom:\r\n        -1px;\r\n\r\n    width:\r\n        62px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--nsc-gold);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-calc-heading h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            42px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n    letter-spacing:\r\n        -.5px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-calc-heading p {\r\n\r\n    max-width:\r\n        900px;\r\n\r\n    margin:\r\n        11px 0 0;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CALCULATOR GRID\r\n========================================================= *\/\r\n\r\n.nsc-cbm-calc-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(0,1fr);\r\n\r\n    gap:\r\n        28px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input-panel,\r\n.nsc-cbm-result-panel {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    padding:\r\n        26px;\r\n\r\n    border:\r\n        1px solid\r\n        #e1e8ef;\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 8px 24px\r\n        rgba(1,45,90,.045);\r\n\r\n    transition:\r\n        box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input-panel:hover,\r\n.nsc-cbm-result-panel:hover {\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(1,45,90,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL TITLE\r\n========================================================= *\/\r\n\r\n.nsc-cbm-panel-title {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    margin-bottom:\r\n        21px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        16px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-panel-title::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    width:\r\n        5px;\r\n\r\n    height:\r\n        21px;\r\n\r\n    flex:\r\n        0 0 5px;\r\n\r\n    border-radius:\r\n        4px;\r\n\r\n    background:\r\n        var(--nsc-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM ROW\r\n========================================================= *\/\r\n\r\n.nsc-cbm-form-row-three {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM GROUP\r\n========================================================= *\/\r\n\r\n.nsc-cbm-form-group {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin-bottom:\r\n        17px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-form-group label {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        7px;\r\n\r\n    color:\r\n        var(--nsc-text);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT\r\n========================================================= *\/\r\n\r\n.nsc-cbm-input {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    height:\r\n        50px;\r\n\r\n    min-height:\r\n        50px;\r\n\r\n    max-height:\r\n        50px;\r\n\r\n    padding:\r\n        0 13px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    outline:\r\n        none;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--nsc-text);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    transition:\r\n        border-color .18s ease,\r\n        box-shadow .18s ease,\r\n        background .18s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input:hover {\r\n\r\n    border-color:\r\n        #c7d7e5;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input:focus {\r\n\r\n    border-color:\r\n        #6e9bc0;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(11,79,138,.09);\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input::placeholder {\r\n\r\n    color:\r\n        #b4bfca;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input[type=\"number\"]::-webkit-inner-spin-button,\r\n.nsc-cbm-input[type=\"number\"]::-webkit-outer-spin-button {\r\n\r\n    margin:\r\n        0;\r\n\r\n    appearance:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-input[type=\"number\"] {\r\n\r\n    appearance:\r\n        textfield;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT HELPER\r\n========================================================= *\/\r\n\r\n.nsc-cbm-input-helper {\r\n\r\n    margin-top:\r\n        6px;\r\n\r\n    color:\r\n        #8795a3;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.nsc-cbm-button-row {\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button {\r\n\r\n    min-height:\r\n        46px;\r\n\r\n    padding:\r\n        0 19px;\r\n\r\n    border:\r\n        none;\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        var(--nsc-navy);\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    box-shadow:\r\n        0 5px 14px\r\n        rgba(1,45,90,.08);\r\n\r\n    transition:\r\n        transform .16s ease,\r\n        box-shadow .16s ease,\r\n        filter .16s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button:hover {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    box-shadow:\r\n        0 8px 18px\r\n        rgba(1,45,90,.13);\r\n\r\n    filter:\r\n        brightness(1.02);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button:active {\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button:disabled {\r\n\r\n    opacity:\r\n        .65;\r\n\r\n    cursor:\r\n        wait;\r\n\r\n    transform:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button-green {\r\n\r\n    background:\r\n        var(--nsc-green);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-button-secondary {\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    border:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT\r\n========================================================= *\/\r\n\r\n.nsc-cbm-result-item {\r\n\r\n    padding:\r\n        18px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-result-item:last-of-type {\r\n\r\n    border-bottom:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-result-label {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-result-value {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        23px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        -.3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT STATUS\r\n========================================================= *\/\r\n\r\n.nsc-cbm-result-status {\r\n\r\n    margin-top:\r\n        15px;\r\n\r\n    padding:\r\n        10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        #d6eee2;\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        var(--nsc-green-light);\r\n\r\n    color:\r\n        #346d56;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMARK\r\n========================================================= *\/\r\n\r\n.nsc-cbm-remark {\r\n\r\n    margin-top:\r\n        28px;\r\n\r\n    padding:\r\n        20px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        #d8e8f5;\r\n\r\n    border-radius:\r\n        11px;\r\n\r\n    background:\r\n        var(--nsc-blue-light);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-remark-title {\r\n\r\n    margin-bottom:\r\n        9px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-remark p {\r\n\r\n    margin:\r\n        6px 0;\r\n\r\n    color:\r\n        #43576a;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-remark strong {\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ASSISTANCE\r\n========================================================= *\/\r\n\r\n.nsc-cbm-assistance {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    gap:\r\n        20px;\r\n\r\n    margin-top:\r\n        30px;\r\n\r\n    padding:\r\n        27px;\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--nsc-navy),\r\n            var(--nsc-navy-dark)\r\n        );\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-assistance h3 {\r\n\r\n    margin:\r\n        0 0 7px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        19px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-assistance p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        rgba(255,255,255,.82);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-assistance-button {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    min-height:\r\n        44px;\r\n\r\n    padding:\r\n        10px 18px;\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-assistance-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KNOWLEDGE SECTION\r\n   FULL WIDTH OUTER BAND\r\n========================================================= *\/\r\n\r\n.nsc-cbm-knowledge-section {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        75px 0;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-container {\r\n\r\n    width:\r\n        min(\r\n            1200px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        1200px;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-label {\r\n\r\n    margin-bottom:\r\n        10px;\r\n\r\n    color:\r\n        var(--nsc-blue);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-container h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            46px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-intro {\r\n\r\n    max-width:\r\n        900px;\r\n\r\n    margin:\r\n        15px 0 35px;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        16px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-card {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    padding:\r\n        25px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-card h3 {\r\n\r\n    margin:\r\n        0 0 9px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        17px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-knowledge-card p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORMULA\r\n========================================================= *\/\r\n\r\n.nsc-cbm-formula-box {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n    padding:\r\n        28px;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        var(--nsc-navy);\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-formula-box h3 {\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        18px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-formula-box p {\r\n\r\n    margin:\r\n        6px 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-formula {\r\n\r\n    margin:\r\n        17px 0;\r\n\r\n    padding:\r\n        14px;\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    text-align:\r\n        center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRACTICAL EXAMPLE\r\n========================================================= *\/\r\n\r\n.nsc-cbm-example-section {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        70px 0;\r\n\r\n    background:\r\n        var(--nsc-light);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-container {\r\n\r\n    width:\r\n        min(\r\n            1200px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        1200px;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-title {\r\n\r\n    margin:\r\n        0 0 30px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            46px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            2,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    padding:\r\n        28px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark {\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--nsc-navy),\r\n            var(--nsc-blue)\r\n        );\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    border:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card h3 {\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        25px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark h3 {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark p {\r\n\r\n    color:\r\n        rgba(255,255,255,.70);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-lines {\r\n\r\n    margin-top:\r\n        20px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-line {\r\n\r\n    display:\r\n        flex;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    padding:\r\n        11px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark\r\n.nsc-cbm-example-line {\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-line:last-child {\r\n\r\n    border-bottom:\r\n        none;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-label {\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark\r\n.nsc-cbm-example-label {\r\n\r\n    color:\r\n        rgba(255,255,255,.58);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-value {\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    text-align:\r\n        right;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-example-card-dark\r\n.nsc-cbm-example-value {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.nsc-cbm-faq-section {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        70px 0;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-container {\r\n\r\n    width:\r\n        min(\r\n            1100px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        1100px;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-header {\r\n\r\n    max-width:\r\n        850px;\r\n\r\n    margin-bottom:\r\n        30px;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-header h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            44px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-item {\r\n\r\n    padding:\r\n        20px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--nsc-border);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-item h3 {\r\n\r\n    margin:\r\n        0 0 8px;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        16px;\r\n\r\n    line-height:\r\n        1.45;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-faq-item p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--nsc-muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.nsc-cbm-final-cta {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    max-width:\r\n        100% !important;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        70px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #012d5a,\r\n            #001f3d\r\n        );\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    text-align:\r\n        center;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-final-cta-inner {\r\n\r\n    width:\r\n        min(\r\n            900px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    max-width:\r\n        900px;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-final-cta\r\n.nsc-cbm-knowledge-label {\r\n\r\n    color:\r\n        var(--nsc-gold-light);\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-final-cta h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            46px\r\n        );\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-final-cta p {\r\n\r\n    max-width:\r\n        750px;\r\n\r\n    margin:\r\n        15px auto 25px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n}\r\n\r\n\r\n.nsc-cbm-final-cta a {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    min-height:\r\n        46px;\r\n\r\n    padding:\r\n        0 22px;\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--nsc-navy);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1180px) {\r\n\r\n    .nsc-cbm-inner {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calculator-body {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-container,\r\n    .nsc-cbm-example-container,\r\n    .nsc-cbm-faq-container {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE 900\r\n========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n    .nsc-cbm-hero-inner {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero-chip {\r\n\r\n        align-self:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calc-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-example-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE 700\r\n========================================================= *\/\r\n\r\n@media (max-width:700px) {\r\n\r\n    .nsc-cbm-inner {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero {\r\n\r\n        padding:\r\n            27px 0;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero h1 {\r\n\r\n        font-size:\r\n            29px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero p {\r\n\r\n        font-size:\r\n            13px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-tool-strip {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        padding:\r\n            14px 16px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calculator-body {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n        padding:\r\n            27px 0 34px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-form-row-three {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-input-panel,\r\n    .nsc-cbm-result-panel {\r\n\r\n        padding:\r\n            22px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-assistance {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-assistance-button {\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-section,\r\n    .nsc-cbm-example-section,\r\n    .nsc-cbm-faq-section,\r\n    .nsc-cbm-final-cta {\r\n\r\n        padding:\r\n            55px 0;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-container,\r\n    .nsc-cbm-example-container,\r\n    .nsc-cbm-faq-container {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:520px) {\r\n\r\n    .nsc-cbm-inner {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero {\r\n\r\n        padding:\r\n            24px 0;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-hero h1 {\r\n\r\n        font-size:\r\n            27px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calculator-body {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n        padding:\r\n            24px 0 30px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-input-panel,\r\n    .nsc-cbm-result-panel {\r\n\r\n        padding:\r\n            20px;\r\n\r\n        border-radius:\r\n            11px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calc-heading {\r\n\r\n        padding-bottom:\r\n            20px;\r\n\r\n        margin-bottom:\r\n            24px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-calc-heading h2 {\r\n\r\n        font-size:\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-result-value {\r\n\r\n        font-size:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-button-row {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-button {\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-assistance {\r\n\r\n        padding:\r\n            23px 20px;\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-knowledge-container,\r\n    .nsc-cbm-example-container,\r\n    .nsc-cbm-faq-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n    }\r\n\r\n\r\n    .nsc-cbm-final-cta-inner {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     SINGLE CBM INSTANCE\r\n========================================================= -->\r\n\r\n<div\r\n    class=\"nsc-cbm-single-instance\"\r\n    data-nsc-cbm-root=\"true\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\n     CALCULATOR HERO\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-hero\">\r\n\r\n<div class=\"nsc-cbm-inner nsc-cbm-hero-inner\">\r\n\r\n\r\n<div class=\"nsc-cbm-hero-copy\">\r\n\r\n<div class=\"nsc-cbm-hero-kicker\">\r\nNS Continent \u00b7 Logistics Tools\r\n<\/div>\r\n\r\n\r\n<h1>\r\nCBM Calculator for LCL &amp; Cargo Volume\r\n<\/h1>\r\n\r\n\r\n<p>\r\nCalculate cargo volume in cubic meters (CBM), volume per package\r\nand total gross weight from package dimensions and quantity.\r\nUseful for LCL cargo planning, shipment preparation and initial\r\nfreight-space estimation.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-hero-chip\">\r\n\r\n<span class=\"nsc-cbm-pulse\"><\/span>\r\n\r\nCBM calculation ready\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     CALCULATOR APPLICATION\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-app\">\r\n\r\n\r\n<div class=\"nsc-cbm-tool-strip\">\r\n\r\n<div class=\"nsc-cbm-tool-strip-label\">\r\n\r\nCBM Calculator\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-tool-strip-description\">\r\n\r\nLength \u00b7 width \u00b7 height \u00b7 quantity \u00b7 weight\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<main>\r\n\r\n<div class=\"nsc-cbm-calculator-body\">\r\n\r\n\r\n<!-- =====================================================\r\n     WORKSPACE NOTE\r\n====================================================== -->\r\n\r\n<div class=\"nsc-cbm-workspace-note\">\r\n\r\n<span class=\"nsc-cbm-note-dot\"><\/span>\r\n\r\n\r\n<span>\r\n\r\n<strong>\r\nPlanning note.\r\n<\/strong>\r\n\r\nEnter the dimensions of one package, quantity and optional gross\r\nweight per package. The calculator estimates total CBM and total\r\ngross weight for initial cargo-planning purposes.\r\n\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     CALCULATOR HEADING\r\n====================================================== -->\r\n\r\n<div class=\"nsc-cbm-calc-heading\">\r\n\r\n<h2>\r\nCalculate Your Cargo CBM\r\n<\/h2>\r\n\r\n\r\n<p>\r\nFor rectangular cargo measured in centimeters, multiply length,\r\nwidth and height to calculate package volume in cubic meters.\r\nThen multiply the result by quantity to obtain total CBM.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     CALCULATOR GRID\r\n====================================================== -->\r\n\r\n<div class=\"nsc-cbm-calc-grid\">\r\n\r\n\r\n<!-- INPUT PANEL -->\r\n\r\n<div class=\"nsc-cbm-input-panel\">\r\n\r\n\r\n<div class=\"nsc-cbm-panel-title\">\r\nCargo Details\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-form-row-three\">\r\n\r\n\r\n<div class=\"nsc-cbm-form-group\">\r\n\r\n<label for=\"nsc-cbm-l\">\r\nLength (cm)\r\n<\/label>\r\n\r\n\r\n<input\r\n    id=\"nsc-cbm-l\"\r\n    class=\"nsc-cbm-input\"\r\n    type=\"number\"\r\n    min=\"0.01\"\r\n    step=\"0.01\"\r\n    inputmode=\"decimal\"\r\n    autocomplete=\"off\"\r\n    placeholder=\"e.g. 120\"\r\n>\r\n\r\n\r\n<div class=\"nsc-cbm-input-helper\">\r\nMeasure the package length.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-form-group\">\r\n\r\n<label for=\"nsc-cbm-w\">\r\nWidth (cm)\r\n<\/label>\r\n\r\n\r\n<input\r\n    id=\"nsc-cbm-w\"\r\n    class=\"nsc-cbm-input\"\r\n    type=\"number\"\r\n    min=\"0.01\"\r\n    step=\"0.01\"\r\n    inputmode=\"decimal\"\r\n    autocomplete=\"off\"\r\n    placeholder=\"e.g. 80\"\r\n>\r\n\r\n\r\n<div class=\"nsc-cbm-input-helper\">\r\nMeasure the package width.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-form-group\">\r\n\r\n<label for=\"nsc-cbm-h\">\r\nHeight (cm)\r\n<\/label>\r\n\r\n\r\n<input\r\n    id=\"nsc-cbm-h\"\r\n    class=\"nsc-cbm-input\"\r\n    type=\"number\"\r\n    min=\"0.01\"\r\n    step=\"0.01\"\r\n    inputmode=\"decimal\"\r\n    autocomplete=\"off\"\r\n    placeholder=\"e.g. 100\"\r\n>\r\n\r\n\r\n<div class=\"nsc-cbm-input-helper\">\r\nMeasure the package height.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-form-group\">\r\n\r\n<label for=\"nsc-cbm-qty\">\r\nQuantity\r\n<\/label>\r\n\r\n\r\n<input\r\n    id=\"nsc-cbm-qty\"\r\n    class=\"nsc-cbm-input\"\r\n    type=\"number\"\r\n    min=\"1\"\r\n    step=\"1\"\r\n    inputmode=\"numeric\"\r\n    autocomplete=\"off\"\r\n    placeholder=\"e.g. 10\"\r\n>\r\n\r\n\r\n<div class=\"nsc-cbm-input-helper\">\r\nNumber of packages with the same dimensions.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-form-group\">\r\n\r\n<label for=\"nsc-cbm-weight\">\r\nGross Weight \/ Package (kg)\r\n<\/label>\r\n\r\n\r\n<input\r\n    id=\"nsc-cbm-weight\"\r\n    class=\"nsc-cbm-input\"\r\n    type=\"number\"\r\n    min=\"0\"\r\n    step=\"0.01\"\r\n    inputmode=\"decimal\"\r\n    autocomplete=\"off\"\r\n    placeholder=\"e.g. 25\"\r\n>\r\n\r\n\r\n<div class=\"nsc-cbm-input-helper\">\r\nOptional. Used to calculate total gross weight.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-button-row\">\r\n\r\n\r\n<button\r\n    id=\"nsc-cbm-calculate\"\r\n    class=\"nsc-cbm-button nsc-cbm-button-green\"\r\n    type=\"button\"\r\n>\r\nCalculate CBM\r\n<\/button>\r\n\r\n\r\n<button\r\n    id=\"nsc-cbm-reset\"\r\n    class=\"nsc-cbm-button nsc-cbm-button-secondary\"\r\n    type=\"button\"\r\n>\r\nReset\r\n<\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- RESULT PANEL -->\r\n\r\n<div class=\"nsc-cbm-result-panel\">\r\n\r\n\r\n<div class=\"nsc-cbm-panel-title\">\r\nCalculation Result\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-result-item\">\r\n\r\n<span class=\"nsc-cbm-result-label\">\r\nTotal CBM\r\n<\/span>\r\n\r\n\r\n<span\r\n    class=\"nsc-cbm-result-value\"\r\n    id=\"nsc-cbm-result\"\r\n    aria-live=\"polite\"\r\n>\r\n\u2014\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-result-item\">\r\n\r\n<span class=\"nsc-cbm-result-label\">\r\nTotal Gross Weight\r\n<\/span>\r\n\r\n\r\n<span\r\n    class=\"nsc-cbm-result-value\"\r\n    id=\"nsc-cbm-weight-result\"\r\n    aria-live=\"polite\"\r\n>\r\n\u2014\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-result-item\">\r\n\r\n<span class=\"nsc-cbm-result-label\">\r\nVolume \/ Package\r\n<\/span>\r\n\r\n\r\n<span\r\n    class=\"nsc-cbm-result-value\"\r\n    id=\"nsc-cbm-per-package\"\r\n    aria-live=\"polite\"\r\n>\r\n\u2014\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\n    class=\"nsc-cbm-result-status\"\r\n    id=\"nsc-cbm-status\"\r\n    aria-live=\"polite\"\r\n>\r\n\r\nEnter your cargo details and select Calculate CBM.\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     REMARK\r\n====================================================== -->\r\n\r\n<div class=\"nsc-cbm-remark\">\r\n\r\n\r\n<div class=\"nsc-cbm-remark-title\">\r\nCalculation Method\r\n<\/div>\r\n\r\n\r\n<p>\r\n\r\n<strong>\r\nCBM per package:\r\n<\/strong>\r\n\r\nLength \u00d7 Width \u00d7 Height \u00f7 1,000,000\r\n\r\n<\/p>\r\n\r\n\r\n<p>\r\n\r\n<strong>\r\nTotal CBM:\r\n<\/strong>\r\n\r\nCBM per Package \u00d7 Quantity\r\n\r\n<\/p>\r\n\r\n\r\n<p>\r\n\r\n<strong>\r\nTotal Gross Weight:\r\n<\/strong>\r\n\r\nGross Weight per Package \u00d7 Quantity\r\n\r\n<\/p>\r\n\r\n\r\n<p>\r\n\r\n<strong>\r\nImportant:\r\n<\/strong>\r\n\r\nCBM measures cargo volume. It does not by itself determine\r\nthe final LCL freight charge. Carrier or consolidator terms,\r\nminimum chargeable volume, measurement rules, warehouse\r\nhandling and other shipment-specific charges may apply.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     ASSISTANCE\r\n====================================================== -->\r\n\r\n<div class=\"nsc-cbm-assistance\">\r\n\r\n\r\n<div>\r\n\r\n<h3>\r\nNeed help arranging your shipment?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nShare your cargo dimensions, quantity, weight, origin and\r\ndestination with our logistics team.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<a\r\n    href=\"https:\/\/nscontinent.com\/contact\/\"\r\n    class=\"nsc-cbm-assistance-button\"\r\n>\r\nRequest Assistance\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/main>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     KNOWLEDGE CONTENT\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-knowledge-section\">\r\n\r\n<div class=\"nsc-cbm-knowledge-container\">\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-label\">\r\nCARGO VOLUME KNOWLEDGE\r\n<\/div>\r\n\r\n\r\n<h2>\r\nWhat Is CBM in Shipping?\r\n<\/h2>\r\n\r\n\r\n<p class=\"nsc-cbm-knowledge-intro\">\r\n\r\nCBM stands for <strong>cubic meter<\/strong> and is a standard unit\r\nused to describe the physical volume of cargo. In international\r\nshipping, CBM helps importers, exporters, freight forwarders and\r\nlogistics teams estimate how much cargo space a shipment may require.\r\n\r\nFor <strong>LCL (Less-than-Container Load)<\/strong> shipments,\r\ncargo volume is especially important because multiple shipments\r\nshare container space. CBM can also support initial FCL, warehouse,\r\ntrucking and general cargo planning, although actual loading and\r\ntransportation decisions must also consider dimensions, weight,\r\nstacking, equipment limitations and cargo characteristics.\r\n\r\n<\/p>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-grid\">\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nCBM for LCL\r\n<\/h3>\r\n\r\n\r\n<p>\r\nLCL cargo is consolidated with other shipments, so cargo volume is\r\nan important planning measurement. Actual LCL billing remains\r\nsubject to the applicable carrier or consolidator tariff, minimum\r\nchargeable volume and shipment terms.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nCBM for FCL Planning\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCBM can help estimate how much physical volume cargo represents\r\ninside a container. Actual stuffing also depends on package\r\ndimensions, stacking, door clearance, weight distribution and\r\ncargo characteristics.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nCBM and Gross Weight\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCBM describes volume while gross weight describes mass. Both\r\nmeasurements are useful when reviewing container selection,\r\ntrucking, handling, warehouse requirements and transportation\r\nplanning.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nCBM for Freight Planning\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCargo dimensions and quantity can influence freight planning,\r\nespecially for LCL shipments where physical volume is a core\r\nplanning factor. The final quotation still depends on the applicable\r\ncommercial and operational terms.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nCBM for Cartons and Pallets\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCBM can be calculated for cartons, pallets, crates and other\r\nrectangular shipping units by using their relevant outer dimensions\r\nand quantity.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-card\">\r\n\r\n<h3>\r\nWhy Accurate Dimensions Matter\r\n<\/h3>\r\n\r\n\r\n<p>\r\nAccurate package dimensions help improve cargo-volume calculations,\r\nshipping quotations, equipment planning and communication between\r\nshippers, forwarders, carriers and warehouse teams.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-formula-box\">\r\n\r\n\r\n<h3>\r\nCBM Formula\r\n<\/h3>\r\n\r\n\r\n<p>\r\nWhen cargo dimensions are measured in centimeters:\r\n<\/p>\r\n\r\n\r\n<div class=\"nsc-cbm-formula\">\r\nCBM = Length \u00d7 Width \u00d7 Height \u00f7 1,000,000\r\n<\/div>\r\n\r\n\r\n<p>\r\nFor identical packages:\r\n<\/p>\r\n\r\n\r\n<div class=\"nsc-cbm-formula\">\r\nTotal CBM = CBM per Package \u00d7 Quantity\r\n<\/div>\r\n\r\n\r\n<p>\r\nFor multiple cargo types, calculate the CBM of each package type\r\nseparately and then add the individual totals together.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     PRACTICAL EXAMPLE\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-example-section\">\r\n\r\n<div class=\"nsc-cbm-example-container\">\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-label\">\r\nPRACTICAL EXAMPLE\r\n<\/div>\r\n\r\n\r\n<h2 class=\"nsc-cbm-example-title\">\r\nHow CBM Is Calculated\r\n<\/h2>\r\n\r\n\r\n<div class=\"nsc-cbm-example-grid\">\r\n\r\n\r\n<div class=\"nsc-cbm-example-card\">\r\n\r\n\r\n<h3>\r\nShipment Details\r\n<\/h3>\r\n\r\n\r\n<p>\r\nAssume an LCL shipment contains 10 cartons. Each carton\r\nmeasures 120 cm \u00d7 80 cm \u00d7 100 cm and weighs 25 kg.\r\n<\/p>\r\n\r\n\r\n<div class=\"nsc-cbm-example-lines\">\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nLength\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n120 cm\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nWidth\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n80 cm\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nHeight\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n100 cm\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nQuantity\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n10 cartons\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nGross Weight \/ Package\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n25 kg\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-card nsc-cbm-example-card-dark\">\r\n\r\n\r\n<h3>\r\nCalculated Result\r\n<\/h3>\r\n\r\n\r\n<p>\r\nThe dimensions produce the following initial cargo-planning\r\nestimate.\r\n<\/p>\r\n\r\n\r\n<div class=\"nsc-cbm-example-lines\">\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nCBM \/ Package\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n0.9600 CBM\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nTotal CBM\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n9.600 CBM\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-example-line\">\r\n\r\n<span class=\"nsc-cbm-example-label\">\r\nTotal Gross Weight\r\n<\/span>\r\n\r\n<span class=\"nsc-cbm-example-value\">\r\n250 kg\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<p style=\"margin-top:20px;\">\r\nThis is a planning calculation. Final LCL charges can depend\r\non the applicable carrier or consolidator tariff and other\r\nshipment-specific conditions.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     FAQ\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-faq-section\">\r\n\r\n<div class=\"nsc-cbm-faq-container\">\r\n\r\n\r\n<div class=\"nsc-cbm-faq-header\">\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-label\">\r\nFREQUENTLY ASKED QUESTIONS\r\n<\/div>\r\n\r\n\r\n<h2>\r\nCommon CBM Calculator Questions\r\n<\/h2>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq\">\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nWhat is CBM in shipping?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCBM means cubic meter and is a unit used to express cargo\r\nvolume. It is commonly used for cargo-space planning,\r\nespecially for LCL shipments.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nHow do you calculate CBM?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nFor rectangular cargo measured in centimeters, multiply length\r\nby width by height and divide by 1,000,000. Multiply the result\r\nby quantity to calculate total CBM.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nCan this CBM calculator be used for LCL shipments?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nYes. It is designed for cargo volume planning and is\r\nparticularly useful for estimating CBM for Less-than-Container\r\nLoad shipments.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nCan CBM be used for FCL planning?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nYes. CBM can provide an initial estimate of cargo volume, but\r\ncontainer planning should also consider actual dimensions,\r\nstacking, door clearance, cargo weight and weight distribution.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nDoes CBM determine the final LCL freight charge?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nNo. CBM measures cargo volume. Actual LCL billing can depend\r\non the applicable carrier or consolidator tariff, minimum\r\nchargeable volume, measurement rules and other shipment\r\nconditions.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nWhy are accurate cargo dimensions important?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nAccurate dimensions help improve cargo-volume calculations,\r\ntransportation planning, container selection and quotation\r\npreparation.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nDoes cargo weight affect the CBM calculation?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nWeight does not change the mathematical CBM calculation, but\r\ngross weight remains important for transportation, container,\r\ntrucking and handling planning.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nCan I calculate CBM for cartons, pallets and crates?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nYes. Measure the relevant outer package dimensions and use\r\nthose dimensions for the calculation. Irregular cargo should\r\nbe measured according to the actual loading or shipping package.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nWhat is the difference between CBM and gross weight?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nCBM measures physical volume while gross weight measures the\r\nmass of the shipment. A shipment can have high volume with\r\nrelatively low weight or high weight with relatively low volume,\r\nso both measurements should be reviewed during logistics planning.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"nsc-cbm-faq-item\">\r\n\r\n<h3>\r\nIs CBM the same as chargeable weight?\r\n<\/h3>\r\n\r\n\r\n<p>\r\nNo. CBM is a volume measurement used for cargo-space planning.\r\nChargeable weight is commonly used in air freight and is based\r\non the applicable comparison between actual and volumetric weight.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     FINAL CTA\r\n========================================================= -->\r\n\r\n<section class=\"nsc-cbm-final-cta\">\r\n\r\n<div class=\"nsc-cbm-final-cta-inner\">\r\n\r\n\r\n<div class=\"nsc-cbm-knowledge-label\">\r\nCARGO &amp; LCL GUIDANCE\r\n<\/div>\r\n\r\n\r\n<h2>\r\nNeed Help Planning Your Cargo?\r\n<\/h2>\r\n\r\n\r\n<p>\r\nShare your cargo dimensions, quantity, weight, origin and\r\ndestination with NS Continent. We can help you understand cargo\r\nvolume, LCL planning and the logistics requirements before\r\narranging transportation.\r\n<\/p>\r\n\r\n\r\n<a\r\n    href=\"https:\/\/nscontinent.com\/contact\/\"\r\n>\r\nRequest Logistics Guidance\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     JAVASCRIPT\r\n     ORIGINAL CALCULATION LOGIC PRESERVED\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       GLOBAL SINGLETON KEY\r\n    ====================================================== *\/\r\n\r\n    const GLOBAL_KEY =\r\n        \"__NSC_CBM_SINGLETON_V4__\";\r\n\r\n\r\n    const ROOT_SELECTOR =\r\n        \".nsc-cbm-single-instance[data-nsc-cbm-root='true']\";\r\n\r\n\r\n    if (\r\n        window[GLOBAL_KEY]\r\n    ) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    window[GLOBAL_KEY] =\r\n        true;\r\n\r\n\r\n    \/* =====================================================\r\n       DUPLICATE ROOT CLEANUP\r\n    ====================================================== *\/\r\n\r\n    function removeDuplicateRoots() {\r\n\r\n        const roots =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    ROOT_SELECTOR\r\n                )\r\n            );\r\n\r\n\r\n        if (\r\n            roots.length <= 1\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        roots.forEach(\r\n            function (\r\n                root,\r\n                index\r\n            ) {\r\n\r\n                if (\r\n                    index === 0\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                root.classList.add(\r\n                    \"nsc-cbm-duplicate-instance\"\r\n                );\r\n\r\n\r\n                root.remove();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LEGACY CALCULATOR CLEANUP\r\n    ====================================================== *\/\r\n\r\n    function removeLegacyDuplicateCalculators() {\r\n\r\n        const currentRoot =\r\n            document.querySelector(\r\n                ROOT_SELECTOR\r\n            );\r\n\r\n\r\n        if (\r\n            !currentRoot\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const currentCalculator =\r\n            currentRoot.querySelector(\r\n                \"[data-nsc-cbm-calculator='primary']\"\r\n            );\r\n\r\n\r\n        const legacyCalculators =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    \".calculator-wrapper, [data-nsc-cbm-calculator]\"\r\n                )\r\n            );\r\n\r\n\r\n        legacyCalculators.forEach(\r\n            function (\r\n                calculator\r\n            ) {\r\n\r\n                if (\r\n                    currentCalculator &&\r\n                    calculator ===\r\n                    currentCalculator\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    currentCalculator &&\r\n                    currentCalculator.contains(\r\n                        calculator\r\n                    )\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                calculator.remove();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CLEAN DUPLICATES\r\n    ====================================================== *\/\r\n\r\n    function cleanDuplicates() {\r\n\r\n        removeDuplicateRoots();\r\n\r\n        removeLegacyDuplicateCalculators();\r\n\r\n    }\r\n\r\n\r\n    cleanDuplicates();\r\n\r\n\r\n    \/* =====================================================\r\n       CALCULATOR\r\n       ORIGINAL LOGIC PRESERVED\r\n    ====================================================== *\/\r\n\r\n    function initialiseCalculator() {\r\n\r\n        const root =\r\n            document.querySelector(\r\n                ROOT_SELECTOR\r\n            );\r\n\r\n\r\n        if (\r\n            !root\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const calculator =\r\n            root.querySelector(\r\n                \".nsc-cbm-app\"\r\n            );\r\n\r\n\r\n        if (\r\n            !calculator\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            calculator.dataset.initialized ===\r\n            \"true\"\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        calculator.dataset.initialized =\r\n            \"true\";\r\n\r\n\r\n        const lengthInput =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-l\"\r\n            );\r\n\r\n\r\n        const widthInput =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-w\"\r\n            );\r\n\r\n\r\n        const heightInput =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-h\"\r\n            );\r\n\r\n\r\n        const quantityInput =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-qty\"\r\n            );\r\n\r\n\r\n        const weightInput =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-weight\"\r\n            );\r\n\r\n\r\n        const calculateButton =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-calculate\"\r\n            );\r\n\r\n\r\n        const resetButton =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-reset\"\r\n            );\r\n\r\n\r\n        const resultElement =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-result\"\r\n            );\r\n\r\n\r\n        const weightResultElement =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-weight-result\"\r\n            );\r\n\r\n\r\n        const perPackageElement =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-per-package\"\r\n            );\r\n\r\n\r\n        const statusElement =\r\n            calculator.querySelector(\r\n                \"#nsc-cbm-status\"\r\n            );\r\n\r\n\r\n        \/* =================================================\r\n           NUMBER PARSER\r\n        ================================================== *\/\r\n\r\n        function getNumber(\r\n            element\r\n        ) {\r\n\r\n            if (\r\n                !element\r\n            ) {\r\n\r\n                return NaN;\r\n\r\n            }\r\n\r\n\r\n            const value =\r\n                String(\r\n                    element.value || \"\"\r\n                ).trim();\r\n\r\n\r\n            if (\r\n                value === \"\"\r\n            ) {\r\n\r\n                return NaN;\r\n\r\n            }\r\n\r\n\r\n            const number =\r\n                parseFloat(\r\n                    value\r\n                );\r\n\r\n\r\n            return Number.isFinite(\r\n                number\r\n            )\r\n                ? number\r\n                : NaN;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           NUMBER FORMAT\r\n        ================================================== *\/\r\n\r\n        function formatNumber(\r\n            value,\r\n            decimals\r\n        ) {\r\n\r\n            return Number(\r\n                value\r\n            ).toLocaleString(\r\n                \"en-US\",\r\n                {\r\n                    minimumFractionDigits:\r\n                        decimals,\r\n\r\n                    maximumFractionDigits:\r\n                        decimals\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           STATUS\r\n        ================================================== *\/\r\n\r\n        function setStatus(\r\n            message,\r\n            mode\r\n        ) {\r\n\r\n            if (\r\n                !statusElement\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            statusElement.textContent =\r\n                message;\r\n\r\n\r\n            if (\r\n                mode ===\r\n                \"error\"\r\n            ) {\r\n\r\n                statusElement.style.background =\r\n                    \"#fff7e8\";\r\n\r\n                statusElement.style.borderColor =\r\n                    \"#f0dfb6\";\r\n\r\n                statusElement.style.color =\r\n                    \"#80652b\";\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            statusElement.style.background =\r\n                \"var(--nsc-green-light)\";\r\n\r\n            statusElement.style.borderColor =\r\n                \"#d6eee2\";\r\n\r\n            statusElement.style.color =\r\n                \"#346d56\";\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           RESET RESULTS\r\n        ================================================== *\/\r\n\r\n        function resetResults() {\r\n\r\n            if (\r\n                resultElement\r\n            ) {\r\n\r\n                resultElement.textContent =\r\n                    \"\u2014\";\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                weightResultElement\r\n            ) {\r\n\r\n                weightResultElement.textContent =\r\n                    \"\u2014\";\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                perPackageElement\r\n            ) {\r\n\r\n                perPackageElement.textContent =\r\n                    \"\u2014\";\r\n\r\n            }\r\n\r\n\r\n            setStatus(\r\n                \"Enter your cargo details and select Calculate CBM.\",\r\n                \"default\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           CALCULATE\r\n           SAME FORMULA \/ SAME LOGIC\r\n        ================================================== *\/\r\n\r\n        function calculateCBM() {\r\n\r\n            const length =\r\n                getNumber(\r\n                    lengthInput\r\n                );\r\n\r\n\r\n            const width =\r\n                getNumber(\r\n                    widthInput\r\n                );\r\n\r\n\r\n            const height =\r\n                getNumber(\r\n                    heightInput\r\n                );\r\n\r\n\r\n            const quantity =\r\n                getNumber(\r\n                    quantityInput\r\n                );\r\n\r\n\r\n            const weight =\r\n                getNumber(\r\n                    weightInput\r\n                );\r\n\r\n\r\n            if (\r\n                !Number.isFinite(length) ||\r\n                length <= 0\r\n            ) {\r\n\r\n                setStatus(\r\n                    \"Please enter a valid Length greater than 0.\",\r\n                    \"error\"\r\n                );\r\n\r\n\r\n                if (\r\n                    lengthInput\r\n                ) {\r\n\r\n                    lengthInput.focus();\r\n\r\n                }\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                !Number.isFinite(width) ||\r\n                width <= 0\r\n            ) {\r\n\r\n                setStatus(\r\n                    \"Please enter a valid Width greater than 0.\",\r\n                    \"error\"\r\n                );\r\n\r\n\r\n                if (\r\n                    widthInput\r\n                ) {\r\n\r\n                    widthInput.focus();\r\n\r\n                }\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                !Number.isFinite(height) ||\r\n                height <= 0\r\n            ) {\r\n\r\n                setStatus(\r\n                    \"Please enter a valid Height greater than 0.\",\r\n                    \"error\"\r\n                );\r\n\r\n\r\n                if (\r\n                    heightInput\r\n                ) {\r\n\r\n                    heightInput.focus();\r\n\r\n                }\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                !Number.isFinite(quantity) ||\r\n                quantity <= 0\r\n            ) {\r\n\r\n                setStatus(\r\n                    \"Please enter a valid Quantity greater than 0.\",\r\n                    \"error\"\r\n                );\r\n\r\n\r\n                if (\r\n                    quantityInput\r\n                ) {\r\n\r\n                    quantityInput.focus();\r\n\r\n                }\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            const cbmPerPackage =\r\n                (\r\n                    length *\r\n                    width *\r\n                    height\r\n                )\r\n                \/\r\n                1000000;\r\n\r\n\r\n            const totalCBM =\r\n                cbmPerPackage *\r\n                quantity;\r\n\r\n\r\n            if (\r\n                perPackageElement\r\n            ) {\r\n\r\n                perPackageElement.textContent =\r\n                    formatNumber(\r\n                        cbmPerPackage,\r\n                        4\r\n                    )\r\n                    +\r\n                    \" CBM\";\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                resultElement\r\n            ) {\r\n\r\n                resultElement.textContent =\r\n                    formatNumber(\r\n                        totalCBM,\r\n                        3\r\n                    )\r\n                    +\r\n                    \" CBM\";\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                Number.isFinite(weight) &&\r\n                weight > 0\r\n            ) {\r\n\r\n                const totalWeight =\r\n                    weight *\r\n                    quantity;\r\n\r\n\r\n                if (\r\n                    weightResultElement\r\n                ) {\r\n\r\n                    weightResultElement.textContent =\r\n                        formatNumber(\r\n                            totalWeight,\r\n                            2\r\n                        )\r\n                        +\r\n                        \" kg\";\r\n\r\n                }\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                if (\r\n                    weightResultElement\r\n                ) {\r\n\r\n                    weightResultElement.textContent =\r\n                        \"\u2014\";\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            setStatus(\r\n                \"Calculation completed. Use the result as an initial cargo-planning estimate.\",\r\n                \"success\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           RESET\r\n        ================================================== *\/\r\n\r\n        function resetCBM() {\r\n\r\n            const fields = [\r\n\r\n                lengthInput,\r\n                widthInput,\r\n                heightInput,\r\n                quantityInput,\r\n                weightInput\r\n\r\n            ];\r\n\r\n\r\n            fields.forEach(\r\n                function (\r\n                    field\r\n                ) {\r\n\r\n                    if (\r\n                        field\r\n                    ) {\r\n\r\n                        field.value =\r\n                            \"\";\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            resetResults();\r\n\r\n\r\n            if (\r\n                lengthInput\r\n            ) {\r\n\r\n                lengthInput.focus();\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           BUTTON EVENTS\r\n        ================================================== *\/\r\n\r\n        if (\r\n            calculateButton\r\n        ) {\r\n\r\n            calculateButton.addEventListener(\r\n                \"click\",\r\n                calculateCBM\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            resetButton\r\n        ) {\r\n\r\n            resetButton.addEventListener(\r\n                \"click\",\r\n                resetCBM\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           ENTER KEY\r\n        ================================================== *\/\r\n\r\n        [\r\n            lengthInput,\r\n            widthInput,\r\n            heightInput,\r\n            quantityInput,\r\n            weightInput\r\n        ]\r\n        .forEach(\r\n            function (\r\n                input\r\n            ) {\r\n\r\n                if (\r\n                    !input\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                input.addEventListener(\r\n                    \"keydown\",\r\n                    function (\r\n                        event\r\n                    ) {\r\n\r\n                        if (\r\n                            event.key ===\r\n                            \"Enter\"\r\n                        ) {\r\n\r\n                            event.preventDefault();\r\n\r\n                            calculateCBM();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       STARTUP\r\n    ====================================================== *\/\r\n\r\n    function initialiseAll() {\r\n\r\n        cleanDuplicates();\r\n\r\n        initialiseCalculator();\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initialiseAll,\r\n            {\r\n                once:\r\n                    true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initialiseAll();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MUTATION OBSERVER\r\n       WORDPRESS \/ ELEMENTOR DUPLICATE PROTECTION\r\n    ====================================================== *\/\r\n\r\n    let cleaning =\r\n        false;\r\n\r\n\r\n    if (\r\n        typeof MutationObserver ===\r\n        \"undefined\"\r\n    ) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const observer =\r\n        new MutationObserver(\r\n            function () {\r\n\r\n                if (\r\n                    cleaning\r\n                ) {\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                cleaning =\r\n                    true;\r\n\r\n\r\n                window.requestAnimationFrame(\r\n                    function () {\r\n\r\n                        cleanDuplicates();\r\n\r\n\r\n                        cleaning =\r\n                            false;\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    if (\r\n        document.documentElement\r\n    ) {\r\n\r\n        observer.observe(\r\n            document.documentElement,\r\n            {\r\n                childList:\r\n                    true,\r\n\r\n                subtree:\r\n                    true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SECONDARY CHECKS\r\n    ====================================================== *\/\r\n\r\n    window.setTimeout(\r\n        cleanDuplicates,\r\n        100\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        cleanDuplicates,\r\n        500\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        cleanDuplicates,\r\n        1500\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        cleanDuplicates,\r\n        3000\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>   \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NS Continent \u00b7 Logistics Tools CBM Calculator for LCL &amp; Cargo Volume Calculate cargo volume in cubic meters (CBM), volume per package and total gross weight from package dimensions and quantity. Useful for LCL cargo planning, shipment preparation and initial freight-space estimation. CBM calculation ready CBM Calculator Length \u00b7 width \u00b7 height \u00b7 quantity \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/comments?post=464"}],"version-history":[{"count":6,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/464\/revisions"}],"predecessor-version":[{"id":1047,"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/pages\/464\/revisions\/1047"}],"wp:attachment":[{"href":"https:\/\/nscontinent.com\/id\/wp-json\/wp\/v2\/media?parent=464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}