{"id":13948,"date":"2025-11-26T13:04:45","date_gmt":"2025-11-26T13:04:45","guid":{"rendered":"https:\/\/tendify.net\/?p=13948"},"modified":"2026-07-15T05:34:47","modified_gmt":"2026-07-15T05:34:47","slug":"incoterms-selection-assistant","status":"publish","type":"post","link":"https:\/\/tendify.net\/fa\/incoterms-selection-assistant\/","title":{"rendered":"Free Incoterms Selection Assistant"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13948\" class=\"elementor elementor-13948\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-b78be40 e-flex e-con-boxed e-con e-parent\" data-id=\"b78be40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f790150 elementor-widget elementor-widget-html\" data-id=\"f790150\" 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\r\n    <style>\r\n        :root {\r\n            --primary: #2c3e50;\r\n            --secondary: #3498db;\r\n            --accent: #e74c3c;\r\n            --light: #ecf0f1;\r\n            --dark: #34495e;\r\n            --success: #2ecc71;\r\n            --warning: #f39c12;\r\n            --info: #1abc9c;\r\n            --gradient-start: #3498db;\r\n            --gradient-end: #2c3e50;\r\n            --shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            --transition: all 0.3s ease;\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n        \r\n        \r\n        \r\n        \r\n        \r\n\r\n        \r\n        .subtitle {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 20px;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .logo {\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            color: white;\r\n        }\r\n        \r\n        .stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 30px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .stat {\r\n            background: rgba(255,255,255,0.2);\r\n            padding: 10px 20px;\r\n            border-radius: 50px;\r\n            backdrop-filter: blur(5px);\r\n        }\r\n        \r\n        .progress-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin: 40px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .progress-bar {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 0;\r\n            height: 6px;\r\n            background: var(--secondary);\r\n            width: 0%;\r\n            transition: width 0.5s ease;\r\n            z-index: 1;\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .progress-background {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 0;\r\n            height: 6px;\r\n            background: #ddd;\r\n            width: 100%;\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .progress-step {\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            border: 4px solid #ddd;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            color: #999;\r\n            z-index: 2;\r\n            transition: var(--transition);\r\n            position: relative;\r\n        }\r\n        \r\n        .progress-step.active {\r\n            border-color: var(--secondary);\r\n            background: var(--secondary);\r\n            color: white;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .progress-step.completed {\r\n            border-color: var(--success);\r\n            background: var(--success);\r\n            color: white;\r\n        }\r\n        \r\n        .step-label {\r\n            position: absolute;\r\n            top: 50px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            white-space: nowrap;\r\n            font-size: 0.9rem;\r\n            color: var(--dark);\r\n        }\r\n        \r\n        .card {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 30px;\r\n            margin-bottom: 25px;\r\n            box-shadow: var(--shadow);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .question-card {\r\n            display: none;\r\n        }\r\n        \r\n        .question-card.active {\r\n            display: block;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        h2 {\r\n            color: var(--primary);\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.6rem;\r\n        }\r\n        \r\n        h2 i {\r\n            margin-right: 15px;\r\n            color: var(--secondary);\r\n            background: rgba(52, 152, 219, 0.1);\r\n            width: 50px;\r\n            height: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .question-text {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n            color: var(--dark);\r\n        }\r\n        \r\n        .question-help {\r\n            color: #7f8c8d;\r\n            margin-bottom: 25px;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .options-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .option {\r\n            padding: 25px 20px;\r\n            border: 2px solid #eee;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .option:hover {\r\n            border-color: var(--secondary);\r\n            background: rgba(52, 152, 219, 0.05);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .option.selected {\r\n            border-color: var(--secondary);\r\n            background: rgba(52, 152, 219, 0.1);\r\n            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.2);\r\n        }\r\n        \r\n        .option i {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 15px;\r\n            color: var(--dark);\r\n        }\r\n        \r\n        .option h3 {\r\n            margin-bottom: 10px;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .option p {\r\n            color: #7f8c8d;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .btn-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        button {\r\n            padding: 15px 30px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 1.1rem;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            display: flex;\r\n            align-items: center;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        button i {\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        .btn-prev {\r\n            background: var(--light);\r\n            color: var(--dark);\r\n        }\r\n        \r\n        .btn-prev:hover {\r\n            background: #dde4e6;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .btn-next {\r\n            background: var(--secondary);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-next:hover {\r\n            background: #2980b9;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .btn-restart {\r\n            background: var(--warning);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-restart:hover {\r\n            background: #e67e22;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .btn-download {\r\n            background: var(--info);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-download:hover {\r\n            background: #16a085;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        #result {\r\n            display: none;\r\n        }\r\n        \r\n        .result-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding-bottom: 30px;\r\n            border-bottom: 1px solid #eee;\r\n        }\r\n        \r\n        .incoterm-name {\r\n            font-size: 2.5rem;\r\n            color: var(--primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .incoterm-code {\r\n            display: inline-block;\r\n            background: var(--secondary);\r\n            color: white;\r\n            padding: 8px 25px;\r\n            border-radius: 30px;\r\n            font-weight: bold;\r\n            margin-bottom: 20px;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .incoterm-description {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .details-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 25px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .detail-card {\r\n            background: var(--light);\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            border-left: 5px solid var(--secondary);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .detail-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .detail-card h3 {\r\n            margin-bottom: 15px;\r\n            color: var(--primary);\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .detail-card h3 i {\r\n            margin-right: 12px;\r\n            color: var(--secondary);\r\n        }\r\n        \r\n        .comparison {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: 20px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        th, td {\r\n            padding: 15px 20px;\r\n            text-align: left;\r\n            border-bottom: 1px solid #eee;\r\n        }\r\n        \r\n        th {\r\n            background: var(--primary);\r\n            color: white;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        tr:nth-child(even) {\r\n            background: #f9f9f9;\r\n        }\r\n        \r\n        tr:hover {\r\n            background: #f1f9ff;\r\n        }\r\n        \r\n        .responsibility-yes {\r\n            color: var(--success);\r\n            font-weight: bold;\r\n        }\r\n        \r\n        .responsibility-no {\r\n            color: var(--accent);\r\n            font-weight: bold;\r\n        }\r\n        \r\n        .visual-representation {\r\n            margin: 40px 0;\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            box-shadow: var(--shadow);\r\n        }\r\n        \r\n        .journey-map {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin: 30px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .journey-point {\r\n            text-align: center;\r\n            width: 120px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .journey-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--light);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 15px;\r\n            font-size: 1.5rem;\r\n            color: var(--dark);\r\n            border: 3px solid #ddd;\r\n        }\r\n        \r\n        .journey-point.active .journey-icon {\r\n            background: var(--secondary);\r\n            color: white;\r\n            border-color: var(--secondary);\r\n        }\r\n        \r\n        .journey-line {\r\n            position: absolute;\r\n            top: 30px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: #ddd;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .journey-progress {\r\n            position: absolute;\r\n            top: 30px;\r\n            left: 0;\r\n            height: 4px;\r\n            background: var(--secondary);\r\n            z-index: 1;\r\n            transition: width 0.5s ease;\r\n        }\r\n        \r\n        .alternative-terms {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .alternatives-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .alternative-term {\r\n            background: white;\r\n            border-radius: 10px;\r\n            padding: 20px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            border: 2px solid transparent;\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .alternative-term:hover {\r\n            border-color: var(--info);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .alternative-term h4 {\r\n            color: var(--primary);\r\n            margin-bottom: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .alternative-term h4 i {\r\n            margin-right: 10px;\r\n            color: var(--info);\r\n        }\r\n        \r\n        .disclaimer {\r\n            background: #fff8e1;\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            margin-top: 40px;\r\n            border-left: 5px solid var(--warning);\r\n        }\r\n        \r\n        .tooltip {\r\n            position: relative;\r\n            display: inline-block;\r\n            border-bottom: 1px dotted var(--dark);\r\n            cursor: help;\r\n            margin-left: 5px;\r\n        }\r\n        \r\n        .tooltip .tooltiptext {\r\n            visibility: hidden;\r\n            width: 280px;\r\n            background-color: var(--dark);\r\n            color: white;\r\n            text-align: center;\r\n            border-radius: 8px;\r\n            padding: 12px;\r\n            position: absolute;\r\n            z-index: 100;\r\n            bottom: 125%;\r\n            left: 50%;\r\n            margin-left: -140px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .tooltip:hover .tooltiptext {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n        \r\n        footer {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n            color: var(--dark);\r\n            font-size: 0.9rem;\r\n            padding: 20px;\r\n            border-top: 1px solid #ddd;\r\n        }\r\n        \r\n        .feature-highlights {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin: 40px 0;\r\n        }\r\n        \r\n        .feature {\r\n            text-align: center;\r\n            padding: 25px 15px;\r\n            border-radius: 10px;\r\n            background: white;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .feature:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .feature i {\r\n            font-size: 2.5rem;\r\n            color: var(--secondary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .options-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .details-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .journey-map {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .journey-point {\r\n                width: 100%;\r\n                display: flex;\r\n                align-items: center;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .journey-icon {\r\n                margin: 0 15px 0 0;\r\n                flex-shrink: 0;\r\n            }\r\n            \r\n            .journey-line, .journey-progress {\r\n                display: none;\r\n            }\r\n            \r\n            .stats {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <header>\r\n            <div class=\"header-content\">\r\n                <div class=\"logo\">\r\n                    <i class=\"fas fa-globe-americas\"><\/i>\r\n                <\/div>\r\n                <h1>Incoterms Selection Assistant<\/h1>\r\n                <p class=\"subtitle\">Choose the right Incoterm for your international trade transaction with confidence<\/p>\r\n                \r\n                <div class=\"stats\">\r\n                    <div class=\"stat\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> 95% Accuracy\r\n                    <\/div>\r\n                    <div class=\"stat\">\r\n                        <i class=\"fas fa-users\"><\/i> 10,000+ Users\r\n                    <\/div>\r\n                    <div class=\"stat\">\r\n                        <i class=\"fas fa-clock\"><\/i> Under 2 Minutes\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n        \r\n        <div class=\"feature-highlights\">\r\n            <div class=\"feature\">\r\n                <i class=\"fas fa-bolt\"><\/i>\r\n                <h3>Quick Selection<\/h3>\r\n                <p>Answer a few simple questions to get your ideal Incoterm<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <i class=\"fas fa-chart-line\"><\/i>\r\n                <h3>Risk Reduction<\/h3>\r\n                <p>Avoid costly mistakes in international shipping<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <i class=\"fas fa-graduation-cap\"><\/i>\r\n                <h3>Educational<\/h3>\r\n                <p>Learn about responsibilities and costs for each term<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <i class=\"fas fa-file-contract\"><\/i>\r\n                <h3>Export Ready<\/h3>\r\n                <p>Generate a summary for your contracts and documents<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"progress-container\">\r\n            <div class=\"progress-background\"><\/div>\r\n            <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n            <div class=\"progress-step completed\" id=\"step1\">\r\n                1\r\n                <div class=\"step-label\">Transport<\/div>\r\n            <\/div>\r\n            <div class=\"progress-step active\" id=\"step2\">\r\n                2\r\n                <div class=\"step-label\">Insurance<\/div>\r\n            <\/div>\r\n            <div class=\"progress-step\" id=\"step3\">\r\n                3\r\n                <div class=\"step-label\">Delivery<\/div>\r\n            <\/div>\r\n            <div class=\"progress-step\" id=\"step4\">\r\n                4\r\n                <div class=\"step-label\">Formalities<\/div>\r\n            <\/div>\r\n            <div class=\"progress-step\" id=\"step5\">\r\n                5\r\n                <div class=\"step-label\">Review<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card question-card active\" id=\"question1\">\r\n            <h2><i class=\"fas fa-shipping-fast\"><\/i> Transportation Responsibility<\/h2>\r\n            <p class=\"question-text\">Who is responsible for the main transportation of goods?<\/p>\r\n            <p class=\"question-help\">This refers to who arranges and pays for the main international carriage of goods.<\/p>\r\n            <div class=\"options-container\">\r\n                <div class=\"option\" data-value=\"seller\">\r\n                    <i class=\"fas fa-user-tie\"><\/i>\r\n                    <h3>Seller<\/h3>\r\n                    <p>The seller arranges and pays for main transportation<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"buyer\">\r\n                    <i class=\"fas fa-user\"><\/i>\r\n                    <h3>Buyer<\/h3>\r\n                    <p>The buyer arranges and pays for main transportation<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"depends\">\r\n                    <i class=\"fas fa-balance-scale\"><\/i>\r\n                    <h3>Depends on the stage<\/h3>\r\n                    <p>Responsibility changes at different points in the journey<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-prev\" disabled><i class=\"fas fa-arrow-left\"><\/i> Previous<\/button>\r\n                <button class=\"btn-next\"><i class=\"fas fa-arrow-right\"><\/i> Next<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card question-card\" id=\"question2\">\r\n            <h2><i class=\"fas fa-shield-alt\"><\/i> Insurance Responsibility<\/h2>\r\n            <p class=\"question-text\">Is the seller responsible for cargo insurance during transit?<\/p>\r\n            <p class=\"question-help\">Marine cargo insurance protects against loss or damage during transportation.<\/p>\r\n            <div class=\"options-container\">\r\n                <div class=\"option\" data-value=\"yes\">\r\n                    <i class=\"fas fa-check-circle\"><\/i>\r\n                    <h3>Yes<\/h3>\r\n                    <p>Seller provides and pays for insurance<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"no\">\r\n                    <i class=\"fas fa-times-circle\"><\/i>\r\n                    <h3>No<\/h3>\r\n                    <p>Buyer arranges insurance or bears the risk<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"optional\">\r\n                    <i class=\"fas fa-question-circle\"><\/i>\r\n                    <h3>Optional<\/h3>\r\n                    <p>Insurance is not mandatory but recommended<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-prev\"><i class=\"fas fa-arrow-left\"><\/i> Previous<\/button>\r\n                <button class=\"btn-next\"><i class=\"fas fa-arrow-right\"><\/i> Next<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card question-card\" id=\"question3\">\r\n            <h2><i class=\"fas fa-map-marker-alt\"><\/i> Delivery Point<\/h2>\r\n            <p class=\"question-text\">Where does the delivery of goods take place?<\/p>\r\n            <p class=\"question-help\">This is the point where risk transfers from seller to buyer.<\/p>\r\n            <div class=\"options-container\">\r\n                <div class=\"option\" data-value=\"seller-factory\">\r\n                    <i class=\"fas fa-industry\"><\/i>\r\n                    <h3>Seller's Premises<\/h3>\r\n                    <p>Goods are available at seller's factory\/warehouse<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"transport-terminal\">\r\n                    <i class=\"fas fa-shipping-fast\"><\/i>\r\n                    <h3>Transport Terminal<\/h3>\r\n                    <p>Goods delivered to carrier at named place<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"destination-port\">\r\n                    <i class=\"fas fa-anchor\"><\/i>\r\n                    <h3>Destination Port<\/h3>\r\n                    <p>Goods arrive at port of destination<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"buyer-premises\">\r\n                    <i class=\"fas fa-warehouse\"><\/i>\r\n                    <h3>Buyer's Premises<\/h3>\r\n                    <p>Goods delivered to buyer's location<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-prev\"><i class=\"fas fa-arrow-left\"><\/i> Previous<\/button>\r\n                <button class=\"btn-next\"><i class=\"fas fa-arrow-right\"><\/i> Next<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card question-card\" id=\"question4\">\r\n            <h2><i class=\"fas fa-tasks\"><\/i> Additional Responsibilities<\/h2>\r\n            <p class=\"question-text\">Who handles export\/import formalities and costs?<\/p>\r\n            <p class=\"question-help\">This includes customs clearance, duties, taxes, and other official requirements.<\/p>\r\n            <div class=\"options-container\">\r\n                <div class=\"option\" data-value=\"seller-handles\">\r\n                    <i class=\"fas fa-user-tie\"><\/i>\r\n                    <h3>Seller Handles<\/h3>\r\n                    <p>Seller manages export and import procedures<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"buyer-handles\">\r\n                    <i class=\"fas fa-user\"><\/i>\r\n                    <h3>Buyer Handles<\/h3>\r\n                    <p>Buyer manages export and import procedures<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"split-responsibility\">\r\n                    <i class=\"fas fa-handshake\"><\/i>\r\n                    <h3>Split Responsibility<\/h3>\r\n                    <p>Seller handles export, buyer handles import<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-prev\"><i class=\"fas fa-arrow-left\"><\/i> Previous<\/button>\r\n                <button class=\"btn-next\"><i class=\"fas fa-arrow-right\"><\/i> Next<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card question-card\" id=\"question5\">\r\n            <h2><i class=\"fas fa-clipboard-check\"><\/i> Mode of Transport<\/h2>\r\n            <p class=\"question-text\">What is the primary mode of transport for your shipment?<\/p>\r\n            <p class=\"question-help\">Some Incoterms are better suited for specific transport modes.<\/p>\r\n            <div class=\"options-container\">\r\n                <div class=\"option\" data-value=\"sea\">\r\n                    <i class=\"fas fa-ship\"><\/i>\r\n                    <h3>Sea Transport<\/h3>\r\n                    <p>Goods shipped via container or bulk vessel<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"air\">\r\n                    <i class=\"fas fa-plane\"><\/i>\r\n                    <h3>Air Transport<\/h3>\r\n                    <p>Goods shipped via air cargo<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"land\">\r\n                    <i class=\"fas fa-truck\"><\/i>\r\n                    <h3>Land Transport<\/h3>\r\n                    <p>Goods shipped via road or rail<\/p>\r\n                <\/div>\r\n                <div class=\"option\" data-value=\"multimodal\">\r\n                    <i class=\"fas fa-exchange-alt\"><\/i>\r\n                    <h3>Multimodal<\/h3>\r\n                    <p>Combination of different transport modes<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-prev\"><i class=\"fas fa-arrow-left\"><\/i> Previous<\/button>\r\n                <button class=\"btn-next\" id=\"get-recommendation\"><i class=\"fas fa-check\"><\/i> Get Recommendation<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card\" id=\"result\">\r\n            <div class=\"result-header\">\r\n                <div class=\"incoterm-name\" id=\"incoterm-name\">EXW (Ex Works)<\/div>\r\n                <div class=\"incoterm-code\" id=\"incoterm-code\">EXW<\/div>\r\n                <p class=\"incoterm-description\" id=\"incoterm-description\">The seller makes the goods available at their premises. The buyer is responsible for all costs and risks involved in taking the goods from the seller's premises to the desired destination.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"details-grid\">\r\n                <div class=\"detail-card\">\r\n                    <h3><i class=\"fas fa-check-circle\"><\/i> Best For<\/h3>\r\n                    <p id=\"best-for\">Experienced buyers who want maximum control over shipping<\/p>\r\n                <\/div>\r\n                <div class=\"detail-card\">\r\n                    <h3><i class=\"fas fa-exclamation-circle\"><\/i> Risk Transfer<\/h3>\r\n                    <p id=\"risk-transfer\">When goods are made available at seller's premises<\/p>\r\n                <\/div>\r\n                <div class=\"detail-card\">\r\n                    <h3><i class=\"fas fa-file-contract\"><\/i> Documentation<\/h3>\r\n                    <p id=\"documentation\">Minimal seller documentation required<\/p>\r\n                <\/div>\r\n                <div class=\"detail-card\">\r\n                    <h3><i class=\"fas fa-dollar-sign\"><\/i> Cost Efficiency<\/h3>\r\n                    <p id=\"cost-efficiency\">Lowest cost for seller, highest for buyer<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"visual-representation\">\r\n                <h2><i class=\"fas fa-route\"><\/i> Shipping Journey<\/h2>\r\n                <p>Visual representation of risk and cost transfer points<\/p>\r\n                \r\n                <div class=\"journey-map\">\r\n                    <div class=\"journey-line\"><\/div>\r\n                    <div class=\"journey-progress\" id=\"journey-progress\" style=\"width: 30%;\"><\/div>\r\n                    \r\n                    <div class=\"journey-point active\">\r\n                        <div class=\"journey-icon\">\r\n                            <i class=\"fas fa-industry\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"journey-label\">Seller's Premises<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"journey-point\">\r\n                        <div class=\"journey-icon\">\r\n                            <i class=\"fas fa-truck-loading\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"journey-label\">Loading<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"journey-point\">\r\n                        <div class=\"journey-icon\">\r\n                            <i class=\"fas fa-shipping-fast\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"journey-label\">Main Carriage<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"journey-point\">\r\n                        <div class=\"journey-icon\">\r\n                            <i class=\"fas fa-truck\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"journey-label\">Unloading<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"journey-point\">\r\n                        <div class=\"journey-icon\">\r\n                            <i class=\"fas fa-warehouse\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"journey-label\">Buyer's Premises<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"comparison\">\r\n                <h2><i class=\"fas fa-balance-scale\"><\/i> Responsibility Comparison<\/h2>\r\n                <table id=\"responsibility-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Responsibility<\/th>\r\n                            <th>Seller<\/th>\r\n                            <th>Buyer<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <!-- Will be populated by JavaScript -->\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            \r\n            <div class=\"alternative-terms\">\r\n                <h2><i class=\"fas fa-random\"><\/i> Alternative Incoterms<\/h2>\r\n                <p>Consider these other options that might also suit your needs:<\/p>\r\n                \r\n                <div class=\"alternatives-container\" id=\"alternatives-container\">\r\n                    <!-- Will be populated by JavaScript -->\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"btn-container\">\r\n                <button class=\"btn-restart\" id=\"restart-btn\"><i class=\"fas fa-redo\"><\/i> Start Over<\/button>\r\n                <button class=\"btn-download\" id=\"download-btn\"><i class=\"fas fa-file-pdf\"><\/i> Download Summary<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"disclaimer\">\r\n                <h3><i class=\"fas fa-exclamation-triangle\"><\/i> Disclaimer<\/h3>\r\n                <p>This tool provides general guidance only and should not be considered legal advice. Incoterms rules are complex and can vary based on specific circumstances. Always consult with a qualified international trade professional when making decisions about shipping terms. The recommendations are based on standard Incoterms 2020 rules published by the International Chamber of Commerce.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <footer>\r\n            <p>Incoterms Selection Assistant &copy; 2023 | For educational purposes | Based on ICC Incoterms 2020<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Current question tracker\r\n        let currentQuestion = 1;\r\n        const totalQuestions = 5;\r\n        \r\n        \/\/ User selections\r\n        const userSelections = {\r\n            responsibility: '',\r\n            insurance: '',\r\n            delivery: '',\r\n            additional: '',\r\n            transport: ''\r\n        };\r\n        \r\n        \/\/ DOM elements\r\n        const progressBar = document.getElementById('progress-bar');\r\n        const questionCards = document.querySelectorAll('.question-card');\r\n        const options = document.querySelectorAll('.option');\r\n        const nextButtons = document.querySelectorAll('.btn-next');\r\n        const prevButtons = document.querySelectorAll('.btn-prev');\r\n        const getRecommendationBtn = document.getElementById('get-recommendation');\r\n        const restartBtn = document.getElementById('restart-btn');\r\n        const downloadBtn = document.getElementById('download-btn');\r\n        const resultDiv = document.getElementById('result');\r\n        const journeyProgress = document.getElementById('journey-progress');\r\n        \r\n        \/\/ Initialize progress bar\r\n        updateProgressBar();\r\n        \r\n        \/\/ Option selection\r\n        options.forEach(option => {\r\n            option.addEventListener('click', function() {\r\n                \/\/ Remove selected class from siblings\r\n                const siblings = this.parentElement.children;\r\n                for (let sibling of siblings) {\r\n                    sibling.classList.remove('selected');\r\n                }\r\n                \r\n                \/\/ Add selected class to clicked option\r\n                this.classList.add('selected');\r\n                \r\n                \/\/ Store the selection\r\n                const questionId = this.closest('.question-card').id;\r\n                const value = this.getAttribute('data-value');\r\n                \r\n                if (questionId === 'question1') userSelections.responsibility = value;\r\n                if (questionId === 'question2') userSelections.insurance = value;\r\n                if (questionId === 'question3') userSelections.delivery = value;\r\n                if (questionId === 'question4') userSelections.additional = value;\r\n                if (questionId === 'question5') userSelections.transport = value;\r\n            });\r\n        });\r\n        \r\n        \/\/ Next button functionality\r\n        nextButtons.forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                \/\/ Validate selection\r\n                const currentCard = document.getElementById(`question${currentQuestion}`);\r\n                const selectedOption = currentCard.querySelector('.option.selected');\r\n                \r\n                if (!selectedOption && currentQuestion !== totalQuestions) {\r\n                    alert('Please select an option to continue.');\r\n                    return;\r\n                }\r\n                \r\n                if (currentQuestion < totalQuestions) {\r\n                    \/\/ Move to next question\r\n                    document.getElementById(`question${currentQuestion}`).classList.remove('active');\r\n                    currentQuestion++;\r\n                    document.getElementById(`question${currentQuestion}`).classList.add('active');\r\n                    \r\n                    \/\/ Update progress\r\n                    updateProgressBar();\r\n                } else if (currentQuestion === totalQuestions && this.id === 'get-recommendation') {\r\n                    \/\/ Show results\r\n                    document.getElementById(`question${currentQuestion}`).classList.remove('active');\r\n                    resultDiv.style.display = 'block';\r\n                    showResult();\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Previous button functionality\r\n        prevButtons.forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                if (currentQuestion > 1) {\r\n                    document.getElementById(`question${currentQuestion}`).classList.remove('active');\r\n                    currentQuestion--;\r\n                    document.getElementById(`question${currentQuestion}`).classList.add('active');\r\n                    \r\n                    \/\/ Update progress\r\n                    updateProgressBar();\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Restart button\r\n        restartBtn.addEventListener('click', function() {\r\n            currentQuestion = 1;\r\n            userSelections.responsibility = '';\r\n            userSelections.insurance = '';\r\n            userSelections.delivery = '';\r\n            userSelections.additional = '';\r\n            userSelections.transport = '';\r\n            \r\n            \/\/ Reset UI\r\n            resultDiv.style.display = 'none';\r\n            questionCards.forEach(card => card.classList.remove('active'));\r\n            document.getElementById('question1').classList.add('active');\r\n            \r\n            \/\/ Clear selections\r\n            options.forEach(option => option.classList.remove('selected'));\r\n            \r\n            \/\/ Reset progress\r\n            updateProgressBar();\r\n        });\r\n        \r\n        \/\/ Download button\r\n        downloadBtn.addEventListener('click', function() {\r\n            alert('In a real application, this would generate a PDF summary of your Incoterm recommendation.');\r\n            \/\/ In a real app, you would implement PDF generation here\r\n        });\r\n        \r\n        \/\/ Update progress bar\r\n        function updateProgressBar() {\r\n            const progressPercentage = ((currentQuestion - 1) \/ totalQuestions) * 100;\r\n            progressBar.style.width = `${progressPercentage}%`;\r\n            \r\n            \/\/ Update step indicators\r\n            for (let i = 1; i <= totalQuestions; i++) {\r\n                const step = document.getElementById(`step${i}`);\r\n                if (i < currentQuestion) {\r\n                    step.classList.remove('active');\r\n                    step.classList.add('completed');\r\n                } else if (i === currentQuestion) {\r\n                    step.classList.add('active');\r\n                    step.classList.remove('completed');\r\n                } else {\r\n                    step.classList.remove('active', 'completed');\r\n                }\r\n            }\r\n        }\r\n        \r\n        \/\/ Show result based on selections\r\n        function showResult() {\r\n            const result = recommendIncoterm(\r\n                userSelections.responsibility,\r\n                userSelections.insurance,\r\n                userSelections.delivery,\r\n                userSelections.additional,\r\n                userSelections.transport\r\n            );\r\n            \r\n            \/\/ Update UI with result\r\n            document.getElementById('incoterm-name').textContent = result.name;\r\n            document.getElementById('incoterm-code').textContent = result.code;\r\n            document.getElementById('incoterm-description').textContent = result.description;\r\n            document.getElementById('best-for').textContent = result.bestFor;\r\n            document.getElementById('risk-transfer').textContent = result.riskTransfer;\r\n            document.getElementById('documentation').textContent = result.documentation;\r\n            document.getElementById('cost-efficiency').textContent = result.costEfficiency;\r\n            \r\n            \/\/ Update journey visualization\r\n            updateJourneyVisualization(result.riskPoint);\r\n            \r\n            \/\/ Update responsibility table\r\n            const tableBody = document.querySelector('#responsibility-table tbody');\r\n            tableBody.innerHTML = '';\r\n            \r\n            result.responsibilities.forEach(item => {\r\n                const row = document.createElement('tr');\r\n                row.innerHTML = `\r\n                    <td>${item.responsibility}<\/td>\r\n                    <td class=\"${item.seller ? 'responsibility-yes' : 'responsibility-no'}\">${item.seller ? 'Yes' : 'No'}<\/td>\r\n                    <td class=\"${item.buyer ? 'responsibility-yes' : 'responsibility-no'}\">${item.buyer ? 'Yes' : 'No'}<\/td>\r\n                `;\r\n                tableBody.appendChild(row);\r\n            });\r\n            \r\n            \/\/ Update alternative terms\r\n            const alternativesContainer = document.getElementById('alternatives-container');\r\n            alternativesContainer.innerHTML = '';\r\n            \r\n            result.alternatives.forEach(alt => {\r\n                const altElement = document.createElement('div');\r\n                altElement.className = 'alternative-term';\r\n                altElement.innerHTML = `\r\n                    <h4><i class=\"fas fa-exchange-alt\"><\/i> ${alt.code}<\/h4>\r\n                    <p>${alt.description}<\/p>\r\n                    <p><strong>Best when:<\/strong> ${alt.bestWhen}<\/p>\r\n                `;\r\n                alternativesContainer.appendChild(altElement);\r\n            });\r\n        }\r\n        \r\n        \/\/ Update journey visualization based on risk transfer point\r\n        function updateJourneyVisualization(riskPoint) {\r\n            let progressWidth = 0;\r\n            const journeyPoints = document.querySelectorAll('.journey-point');\r\n            \r\n            \/\/ Reset all points\r\n            journeyPoints.forEach(point => {\r\n                point.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Activate points based on risk transfer\r\n            switch(riskPoint) {\r\n                case 0: \/\/ EXW - at seller's premises\r\n                    progressWidth = 0;\r\n                    journeyPoints[0].classList.add('active');\r\n                    break;\r\n                case 1: \/\/ FCA, FOB - at loading point\r\n                    progressWidth = 25;\r\n                    journeyPoints[0].classList.add('active');\r\n                    journeyPoints[1].classList.add('active');\r\n                    break;\r\n                case 2: \/\/ CPT, CIP - during main carriage\r\n                    progressWidth = 50;\r\n                    journeyPoints[0].classList.add('active');\r\n                    journeyPoints[1].classList.add('active');\r\n                    journeyPoints[2].classList.add('active');\r\n                    break;\r\n                case 3: \/\/ DAT, DAP - at unloading\r\n                    progressWidth = 75;\r\n                    journeyPoints[0].classList.add('active');\r\n                    journeyPoints[1].classList.add('active');\r\n                    journeyPoints[2].classList.add('active');\r\n                    journeyPoints[3].classList.add('active');\r\n                    break;\r\n                case 4: \/\/ DDP - at buyer's premises\r\n                    progressWidth = 100;\r\n                    journeyPoints.forEach(point => {\r\n                        point.classList.add('active');\r\n                    });\r\n                    break;\r\n            }\r\n            \r\n            journeyProgress.style.width = `${progressWidth}%`;\r\n        }\r\n        \r\n        \/\/ Incoterm recommendation logic\r\n        function recommendIncoterm(responsibility, insurance, delivery, additional, transport) {\r\n            \/\/ This is a simplified logic - real implementation would be more complex\r\n            if (responsibility === 'buyer' && delivery === 'seller-factory') {\r\n                return {\r\n                    name: \"EXW (Ex Works)\",\r\n                    code: \"EXW\",\r\n                    description: \"The seller makes the goods available at their premises. The buyer is responsible for all costs and risks involved in taking the goods from the seller's premises to the desired destination.\",\r\n                    bestFor: \"Experienced importers who want maximum control over shipping and logistics.\",\r\n                    riskTransfer: \"When goods are made available at seller's premises.\",\r\n                    documentation: \"Commercial invoice and packing list. Export formalities typically handled by buyer.\",\r\n                    costEfficiency: \"Lowest cost option for seller, highest for buyer.\",\r\n                    riskPoint: 0, \/\/ 0 = seller's premises\r\n                    responsibilities: [\r\n                        { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                        { responsibility: \"Loading at origin\", seller: false, buyer: true },\r\n                        { responsibility: \"Main carriage\", seller: false, buyer: true },\r\n                        { responsibility: \"Insurance\", seller: false, buyer: true },\r\n                        { responsibility: \"Unloading at destination\", seller: false, buyer: true },\r\n                        { responsibility: \"Export formalities\", seller: false, buyer: true },\r\n                        { responsibility: \"Import formalities\", seller: false, buyer: true }\r\n                    ],\r\n                    alternatives: [\r\n                        {\r\n                            code: \"FCA\",\r\n                            description: \"Seller delivers goods to carrier nominated by buyer.\",\r\n                            bestWhen: \"You want the seller to handle export formalities.\"\r\n                        },\r\n                        {\r\n                            code: \"FOB\",\r\n                            description: \"Seller delivers goods on board the vessel nominated by buyer.\",\r\n                            bestWhen: \"Shipping via sea and you want seller to handle loading.\"\r\n                        }\r\n                    ]\r\n                };\r\n            }\r\n            \r\n            if (responsibility === 'seller' && delivery === 'transport-terminal' && insurance === 'no') {\r\n                return {\r\n                    name: \"FCA (Free Carrier)\",\r\n                    code: \"FCA\",\r\n                    description: \"The seller delivers the goods to the carrier or another person nominated by the buyer at the seller's premises or another named place. The risk transfers when the goods are handed over to the carrier.\",\r\n                    bestFor: \"All modes of transport, especially containerized and multimodal shipments.\",\r\n                    riskTransfer: \"When goods are delivered to the carrier at named place.\",\r\n                    documentation: \"Commercial invoice, transport document, export license if required.\",\r\n                    costEfficiency: \"Balanced costs between seller and buyer.\",\r\n                    riskPoint: 1, \/\/ 1 = loading point\r\n                    responsibilities: [\r\n                        { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                        { responsibility: \"Loading at origin\", seller: true, buyer: false },\r\n                        { responsibility: \"Main carriage\", seller: false, buyer: true },\r\n                        { responsibility: \"Insurance\", seller: false, buyer: true },\r\n                        { responsibility: \"Unloading at destination\", seller: false, buyer: true },\r\n                        { responsibility: \"Export formalities\", seller: true, buyer: false },\r\n                        { responsibility: \"Import formalities\", seller: false, buyer: true }\r\n                    ],\r\n                    alternatives: [\r\n                        {\r\n                            code: \"EXW\",\r\n                            description: \"Seller makes goods available at their premises.\",\r\n                            bestWhen: \"You want the buyer to handle all transport and formalities.\"\r\n                        },\r\n                        {\r\n                            code: \"CPT\",\r\n                            description: \"Seller pays freight to named destination.\",\r\n                            bestWhen: \"You want the seller to arrange main carriage.\"\r\n                        }\r\n                    ]\r\n                };\r\n            }\r\n            \r\n            if (responsibility === 'seller' && delivery === 'destination-port' && insurance === 'no') {\r\n                return {\r\n                    name: \"FOB (Free On Board)\",\r\n                    code: \"FOB\",\r\n                    description: \"The seller delivers the goods on board the vessel nominated by the buyer at the named port of shipment. The risk transfers when the goods are on board the vessel.\",\r\n                    bestFor: \"Sea and inland waterway transport of bulk cargo.\",\r\n                    riskTransfer: \"When goods pass the ship's rail at port of shipment.\",\r\n                    documentation: \"Commercial invoice, bill of lading, export license if required.\",\r\n                    costEfficiency: \"Seller pays for loading and export, buyer pays main carriage.\",\r\n                    riskPoint: 1, \/\/ 1 = loading point\r\n                    responsibilities: [\r\n                        { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                        { responsibility: \"Loading at origin\", seller: true, buyer: false },\r\n                        { responsibility: \"Main carriage\", seller: false, buyer: true },\r\n                        { responsibility: \"Insurance\", seller: false, buyer: true },\r\n                        { responsibility: \"Unloading at destination\", seller: false, buyer: true },\r\n                        { responsibility: \"Export formalities\", seller: true, buyer: false },\r\n                        { responsibility: \"Import formalities\", seller: false, buyer: true }\r\n                    ],\r\n                    alternatives: [\r\n                        {\r\n                            code: \"FCA\",\r\n                            description: \"Seller delivers goods to carrier at named place.\",\r\n                            bestWhen: \"Using containerized or multimodal transport.\"\r\n                        },\r\n                        {\r\n                            code: \"CFR\",\r\n                            description: \"Seller pays cost and freight to destination port.\",\r\n                            bestWhen: \"You want seller to arrange main carriage.\"\r\n                        }\r\n                    ]\r\n                };\r\n            }\r\n            \r\n            if (responsibility === 'seller' && delivery === 'destination-port' && insurance === 'yes') {\r\n                return {\r\n                    name: \"CIF (Cost, Insurance and Freight)\",\r\n                    code: \"CIF\",\r\n                    description: \"The seller delivers the goods on board the vessel and pays the cost and freight necessary to bring the goods to the named port of destination. The seller also contracts for insurance.\",\r\n                    bestFor: \"Sea transport when buyer wants predictable total cost.\",\r\n                    riskTransfer: \"When goods pass the ship's rail at port of shipment.\",\r\n                    documentation: \"Commercial invoice, bill of lading, insurance policy, export license.\",\r\n                    costEfficiency: \"Predictable costs for buyer, higher costs for seller.\",\r\n                    riskPoint: 1, \/\/ 1 = loading point\r\n                    responsibilities: [\r\n                        { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                        { responsibility: \"Loading at origin\", seller: true, buyer: false },\r\n                        { responsibility: \"Main carriage\", seller: true, buyer: false },\r\n                        { responsibility: \"Insurance\", seller: true, buyer: false },\r\n                        { responsibility: \"Unloading at destination\", seller: false, buyer: true },\r\n                        { responsibility: \"Export formalities\", seller: true, buyer: false },\r\n                        { responsibility: \"Import formalities\", seller: false, buyer: true }\r\n                    ],\r\n                    alternatives: [\r\n                        {\r\n                            code: \"CFR\",\r\n                            description: \"Seller pays cost and freight but not insurance.\",\r\n                            bestWhen: \"Buyer wants to arrange their own insurance.\"\r\n                        },\r\n                        {\r\n                            code: \"FOB\",\r\n                            description: \"Seller delivers goods on board vessel at origin.\",\r\n                            bestWhen: \"Buyer wants to arrange main carriage and insurance.\"\r\n                        }\r\n                    ]\r\n                };\r\n            }\r\n            \r\n            if (responsibility === 'seller' && delivery === 'buyer-premises' && insurance === 'yes') {\r\n                return {\r\n                    name: \"DDP (Delivered Duty Paid)\",\r\n                    code: \"DDP\",\r\n                    description: \"The seller delivers the goods to the buyer at the named place of destination, with all costs and risks borne by the seller including duties and taxes.\",\r\n                    bestFor: \"Sellers who want to offer maximum convenience to buyers.\",\r\n                    riskTransfer: \"When goods are available to buyer at named place of destination.\",\r\n                    documentation: \"Commercial invoice, transport document, import license, duty payment proof.\",\r\n                    costEfficiency: \"Highest cost for seller, most convenient for buyer.\",\r\n                    riskPoint: 4, \/\/ 4 = buyer's premises\r\n                    responsibilities: [\r\n                        { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                        { responsibility: \"Loading at origin\", seller: true, buyer: false },\r\n                        { responsibility: \"Main carriage\", seller: true, buyer: false },\r\n                        { responsibility: \"Insurance\", seller: true, buyer: false },\r\n                        { responsibility: \"Unloading at destination\", seller: true, buyer: false },\r\n                        { responsibility: \"Export formalities\", seller: true, buyer: false },\r\n                        { responsibility: \"Import formalities\", seller: true, buyer: false }\r\n                    ],\r\n                    alternatives: [\r\n                        {\r\n                            code: \"DAP\",\r\n                            description: \"Seller delivers to named place but doesn't pay import duties.\",\r\n                            bestWhen: \"Buyer wants to handle import formalities and duties.\"\r\n                        },\r\n                        {\r\n                            code: \"DAT\",\r\n                            description: \"Seller delivers and unloads at terminal.\",\r\n                            bestWhen: \"Goods are delivered to a terminal rather than buyer's premises.\"\r\n                        }\r\n                    ]\r\n                };\r\n            }\r\n            \r\n            \/\/ Default recommendation\r\n            return {\r\n                name: \"CPT (Carriage Paid To)\",\r\n                code: \"CPT\",\r\n                description: \"The seller pays the freight for the carriage of the goods to the named destination. The risk transfers to the buyer when the goods have been delivered to the first carrier.\",\r\n                bestFor: \"All modes of transport when seller arranges main carriage.\",\r\n                riskTransfer: \"When goods are delivered to the first carrier.\",\r\n                documentation: \"Commercial invoice, transport document, export license if required.\",\r\n                costEfficiency: \"Seller pays main carriage, buyer handles insurance and destination costs.\",\r\n                riskPoint: 2, \/\/ 2 = during main carriage\r\n                responsibilities: [\r\n                    { responsibility: \"Packaging\", seller: true, buyer: false },\r\n                    { responsibility: \"Loading at origin\", seller: true, buyer: false },\r\n                    { responsibility: \"Main carriage\", seller: true, buyer: false },\r\n                    { responsibility: \"Insurance\", seller: false, buyer: true },\r\n                    { responsibility: \"Unloading at destination\", seller: false, buyer: true },\r\n                    { responsibility: \"Export formalities\", seller: true, buyer: false },\r\n                    { responsibility: \"Import formalities\", seller: false, buyer: true }\r\n                ],\r\n                alternatives: [\r\n                    {\r\n                        code: \"CIP\",\r\n                        description: \"Seller pays carriage and insurance to named destination.\",\r\n                        bestWhen: \"You want the seller to arrange insurance as well.\"\r\n                    },\r\n                    {\r\n                        code: \"FCA\",\r\n                        description: \"Seller delivers goods to carrier at named place.\",\r\n                        bestWhen: \"You want the buyer to arrange main carriage.\"\r\n                    }\r\n                ]\r\n            };\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0ed0399 e-flex e-con-boxed e-con e-parent\" data-id=\"0ed0399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bca6a0 elementor-widget elementor-widget-wd_text_block\" data-id=\"8bca6a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-left\">\n\t\t\t\n\t\t\t<div class=\"section-title\"><h2>How Our Incoterms Selection Assistant Works<\/h2><p class=\"section-subtitle\">Our intelligent tool guides you through a simple process to recommend the optimal Incoterm for your specific situation<\/p><\/div><div class=\"steps\"><div class=\"step\"><div class=\"step-number\">1.Answer Simple Questions<\/div><p>Our tool asks you key questions about your transaction - who handles transportation, insurance, where delivery occurs, and more.<\/p><\/div><div class=\"step\"><div class=\"step-number\">2.Get Expert Recommendation<\/div><p>Based on your answers, our algorithm recommends the most suitable Incoterm along with detailed explanations.<\/p><\/div><div class=\"step\"><div class=\"step-number\">3.Understand Responsibilities<\/div><p>See a clear breakdown of buyer and seller responsibilities for costs, risks, and documentation requirements.<\/p><\/div><div class=\"step\"><div class=\"step-number\">4.Make Confident Decisions<\/div><p>Use your customized recommendation to negotiate better deals and avoid costly misunderstandings.<\/p><\/div><\/div><h3>What Are Incoterms?<\/h3><p>Incoterms (International Commercial Terms) are a set of predefined commercial terms published by the International Chamber of Commerce (ICC) that define the responsibilities of buyers and sellers in international trade.<\/p><p>These standardized terms clarify tasks, costs, and risks associated with the transportation and delivery of goods, helping prevent misunderstandings and disputes between business partners across borders.<\/p><p>Choosing the wrong Incoterm is one of the most common and costly mistakes in international trade, potentially leading to unexpected expenses, delays, and legal complications.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646\u060c \u0627\u06cc\u0646\u06a9\u0648\u062a\u0631\u0645\u0632 \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u062e\u0648\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>","protected":false},"author":15,"featured_media":13950,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[767],"tags":[],"class_list":["post-13948","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools"],"_links":{"self":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/13948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/comments?post=13948"}],"version-history":[{"count":1,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/13948\/revisions"}],"predecessor-version":[{"id":18843,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/13948\/revisions\/18843"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media\/13950"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media?parent=13948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/categories?post=13948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/tags?post=13948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}