{"id":4924,"date":"2025-03-30T13:49:53","date_gmt":"2025-03-30T10:19:53","guid":{"rendered":"https:\/\/speedexco.com\/speedex-shipping-calculator\/"},"modified":"2025-05-20T19:37:58","modified_gmt":"2025-05-20T16:07:58","slug":"speedex-shipping-calculator","status":"publish","type":"page","link":"https:\/\/speedexco.com\/en\/speedex-shipping-calculator\/","title":{"rendered":"Speedex Shipping Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4924\" class=\"elementor elementor-4924\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44001bd e-flex e-con-boxed e-con e-parent\" data-id=\"44001bd\" 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-a185f78 elementor-widget elementor-widget-text-editor\" data-id=\"a185f78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\n<!-- Enhanced Speedex Calculator - Professional UI -->\n<div id=\"speedex-calculator-6af8a1f3bf1f3\" class=\"spx-calc-wrapper spx-theme-default\">\n    \n    <!-- Background Animation Elements -->\n    <div class=\"spx-bg-elements\">\n        <div class=\"spx-bg-circle spx-bg-circle-1\"><\/div>\n        <div class=\"spx-bg-circle spx-bg-circle-2\"><\/div>\n        <div class=\"spx-bg-circle spx-bg-circle-3\"><\/div>\n    <\/div>\n    \n    <!-- Main Calculator Container -->\n    <div class=\"spx-calc-container\">\n        \n        <!-- Header Section -->\n        <div class=\"spx-calc-header\">\n            \n            <!-- Language Switcher -->\n            <div class=\"spx-lang-switcher\">\n                <div class=\"spx-lang-toggle\">\n                    <a href=\"\/en\/wp-json\/wp\/v2\/pages\/4924?lang=en\" \n                       class=\"spx-lang-btn spx-active\"\n                       data-lang=\"en\">\n                        <span class=\"spx-lang-icon\">\ud83c\uddfa\ud83c\uddf8<\/span>\n                        <span class=\"spx-lang-text\">EN<\/span>\n                    <\/a>\n                    <a href=\"\/en\/wp-json\/wp\/v2\/pages\/4924?lang=fa\" \n                       class=\"spx-lang-btn \"\n                       data-lang=\"fa\">\n                        <span class=\"spx-lang-icon\">\ud83c\uddee\ud83c\uddf7<\/span>\n                        <span class=\"spx-lang-text\">\u0641\u0627<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Calculator Title with Animation -->\n                                            <div class=\"spx-title-section\">\n                    <h1 class=\"spx-main-title\">\n                        <span class=\"spx-title-icon\">\ud83d\udce6<\/span>\n                        Shipping Cost Calculator                    <\/h1>\n                    <p class=\"spx-title-subtitle\">\n                        Fast, accurate shipping quotes in seconds                    <\/p>\n                <\/div>\n                        \n        <\/div>\n\n        <!-- Origin & Route Selection Card -->\n        <div class=\"spx-origin-card\">\n            <div class=\"spx-card-header\">\n                <h3 class=\"spx-card-title\">\n                    <span class=\"spx-icon\">\ud83c\udf0d<\/span>\n                    Shipping Route                <\/h3>\n            <\/div>\n            \n            <div class=\"spx-origin-content\">\n                <!-- Base Location Display -->\n                <div class=\"spx-base-location\">\n                    <div class=\"spx-location-label\">Base Location:<\/div>\n                    <div class=\"spx-location-value\">\n                        <span class=\"spx-location-icon\">\ud83d\udccd<\/span>\n                        Tehran                    <\/div>\n                <\/div>\n                \n                <!-- Route Direction Selection -->\n                <div class=\"spx-route-selector\" class=\"spx-select spx-destination-select\">\n                    <label for=\"speedex-calculator-6af8a1f3bf1f3-route-type\" class=\"spx-field-label\">\n                        <span class=\"spx-label-text\">Shipping Direction<\/span>\n                        <span class=\"spx-required\">*<\/span>\n                    <\/label>\n                    <div class=\"spx-select-wrapper\">\n                        <select id=\"speedex-calculator-6af8a1f3bf1f3-route-type\" \n                                name=\"route_type\" \n                                class=\"spx-select spx-route-select\">\n                            <option value=\"from_origin\">\n                                \ud83d\ude80 From Base (Export)                            <\/option>\n                            <option value=\"to_origin\">\n                                \ud83d\udce5 To Base (Import)                            <\/option>\n                        <\/select>\n                        <div class=\"spx-select-arrow\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                                <path d=\"M7 10l5 5 5-5z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Main Calculator Form -->\n        <form id=\"speedex-calculator-6af8a1f3bf1f3-form\" class=\"spx-calc-form\">\n            \n            <!-- Package Type Selection Card -->\n            <div class=\"spx-form-card\">\n                <div class=\"spx-card-header\">\n                    <h3 class=\"spx-card-title\">\n                        <span class=\"spx-icon\">\ud83d\udccb<\/span>\n                        Package Type                        <span class=\"spx-required\">*<\/span>\n                    <\/h3>\n                    <p class=\"spx-card-desc\">Select the type of shipment<\/p>\n                <\/div>\n                \n                <!-- Package Grid - Fixed to display in one row -->\n                <div class=\"spx-package-grid spx-package-row\">\n                    <!-- Document Package Option -->\n                    <div class=\"spx-package-card speedex-package-option\" data-type=\"document\">\n                        <div class=\"spx-package-icon\">\n                            <svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\">\n                                <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"spx-package-info\">\n                            <h4 class=\"spx-package-name\">Document<\/h4>\n                            <p class=\"spx-package-desc\">Letters, papers, certificates<\/p>\n                        <\/div>\n                        <div class=\"spx-package-badge\">\n                            <span class=\"spx-badge-text\">Fast<\/span>\n                        <\/div>\n                    <\/div>\n                    \n\t\t\t\t\t<!-- Parcel Package Option -->\n\t\t\t\t\t<div class=\"spx-package-card speedex-package-option\" data-type=\"parcel\">\n\t\t\t\t\t\t<div class=\"spx-package-icon\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\">\n\t\t\t\t\t\t\t\t<path d=\"M12,1L21,5V9L12,13L3,9V5L12,1M12,3.18L6.24,5.5L12,7.82L17.76,5.5L12,3.18M5,7.82L11,10.5V17L5,14.32V7.82M13,17V10.5L19,7.82V14.32L13,17Z\" fill=\"currentColor\"\/>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"spx-package-info\">\n\t\t\t\t\t\t\t<h4 class=\"spx-package-name\">Parcel<\/h4>\n\t\t\t\t\t\t\t<p class=\"spx-package-desc\">Boxes, products, gifts<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"spx-package-badge spx-badge-popular\">\n\t\t\t\t\t\t\t<span class=\"spx-badge-text\">Popular<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n                    \n                    <!-- Freight Package Option -->\n                    <div class=\"spx-package-card speedex-package-option\" data-type=\"freight\">\n                        <div class=\"spx-package-icon\">\n                            <svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\">\n                                <path d=\"M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H2.5A3,3 0 0,0 4.5,14A3,3 0 0,0 7.5,17H16.5A3,3 0 0,0 19.5,14A3,3 0 0,0 22.5,17H24V12L20,8Z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"spx-package-info\">\n                            <h4 class=\"spx-package-name\">Freight<\/h4>\n                            <p class=\"spx-package-desc\">Large, heavy cargo<\/p>\n                        <\/div>\n                        <div class=\"spx-package-badge spx-badge-custom\">\n                            <span class=\"spx-badge-text\">Custom<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Hidden Input to Store Selected Package Type -->\n                <input type=\"hidden\" \n                       id=\"speedex-calculator-6af8a1f3bf1f3-package-type\" \n                       name=\"package_type\" \n                       value=\"document\">\n            <\/div>\n\n            <!-- Destination Selection Card -->\n            <div class=\"spx-form-card\">\n                <div class=\"spx-card-header\">\n                    <h3 class=\"spx-card-title\">\n                        <span class=\"spx-icon\">\ud83c\udfaf<\/span>\n                        <span id=\"speedex-calculator-6af8a1f3bf1f3-destination-label\">\n                            Destination                        <\/span>\n                        <span class=\"spx-required\">*<\/span>\n                    <\/h3>\n\t\t\t\t<p class=\"spx-card-desc\" id=\"speedex-calculator-6af8a1f3bf1f3-shipping-direction-text\">\n\t\t\t\t\tWhere are you shipping to?\t\t\t\t<\/p>\n                <\/div>\n                \n                <div class=\"spx-destination-wrapper\">\n                    <div class=\"spx-select-wrapper\">\n                        <select id=\"speedex-calculator-6af8a1f3bf1f3-destination\" \n                                name=\"destination\" \n                                class=\"spx-select spx-destination-select\">\n                            <option value=\"\" id=\"speedex-calculator-6af8a1f3bf1f3-destination-placeholder\">\n                                Select destination country                            <\/option>\n                        <\/select>\n                        <div class=\"spx-select-arrow\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                                <path d=\"M7 10l5 5 5-5z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <!-- Loading Spinner -->\n                    <div class=\"spx-destination-loading speedex-destination-loader\" style=\"display: none;\">\n                        <div class=\"spx-spinner\"><\/div>\n                        <span class=\"spx-loading-text\">Loading&#8230;<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Weight Selection Card -->\n            <div class=\"spx-form-card\">\n                <div class=\"spx-card-header\">\n                    <h3 class=\"spx-card-title\">\n                        <span class=\"spx-icon\">\u2696\ufe0f<\/span>\n                        Weight                        <span class=\"spx-required\">*<\/span>\n                    <\/h3>\n                    <p class=\"spx-card-desc\">Specify the weight of your shipment<\/p>\n                <\/div>\n                \n                <div class=\"spx-weight-section\">\n                    <!-- Weight Slider Container -->\n                    <div class=\"spx-weight-slider-container\">\n                        <div class=\"spx-slider-wrapper\">\n                            <input type=\"range\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-weight-slider\" \n                                   min=\"0.5\" \n                                   max=\"30\" \n                                   step=\"0.5\" \n                                   value=\"1\" \n                                   class=\"spx-weight-slider\">\n                            <div class=\"spx-slider-track\"><\/div>\n                            <div class=\"spx-slider-progress\"><\/div>\n                        <\/div>\n                        <!-- Weight Value Display -->\n                        <div class=\"spx-weight-display\">\n                            <div class=\"spx-weight-input-wrapper\">\n                                <input type=\"number\" \n                                       id=\"speedex-calculator-6af8a1f3bf1f3-weight\" \n                                       name=\"weight\" \n                                       min=\"0.5\" \n                                       step=\"0.5\" \n                                       value=\"1\" \n                                       class=\"spx-weight-input\">\n                                <span class=\"spx-weight-unit\">kg<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Weight Quick Selectors -->\n                    <div class=\"spx-weight-presets\">\n                        <button type=\"button\" class=\"spx-preset-btn\" data-weight=\"0.5\">0.5kg<\/button>\n                        <button type=\"button\" class=\"spx-preset-btn\" data-weight=\"1\">1kg<\/button>\n                        <button type=\"button\" class=\"spx-preset-btn\" data-weight=\"2\">2kg<\/button>\n                        <button type=\"button\" class=\"spx-preset-btn\" data-weight=\"5\">5kg<\/button>\n                        <button type=\"button\" class=\"spx-preset-btn\" data-weight=\"10\">10kg<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Dimensions Card (Hidden by Default, Shown for Parcel\/Freight) -->\n            <div id=\"speedex-calculator-6af8a1f3bf1f3-dimensions-container\" \n                 class=\"spx-form-card spx-dimensions-card speedex-dimensions-container\" \n                 style=\"display: none;\">\n                <div class=\"spx-card-header\">\n                    <h3 class=\"spx-card-title\">\n                        <span class=\"spx-icon\">\ud83d\udccf<\/span>\n                        Dimensions                        <span class=\"spx-required\">*<\/span>\n                    <\/h3>\n                    <p class=\"spx-card-desc\">Package dimensions in centimeters<\/p>\n                <\/div>\n                \n                <div class=\"spx-dimensions-grid\">\n                    <!-- Length Input -->\n                    <div class=\"spx-dimension-field\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-length\" class=\"spx-dim-label\">\n                            Length                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"number\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-length\" \n                                   name=\"length\" \n                                   min=\"1\" \n                                   value=\"\" \n                                   class=\"spx-input spx-dim-input\"\n                                   placeholder=\"0\">\n                            <span class=\"spx-input-suffix\">cm<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Width Input -->\n                    <div class=\"spx-dimension-field\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-width\" class=\"spx-dim-label\">\n                            Width                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"number\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-width\" \n                                   name=\"width\" \n                                   min=\"1\" \n                                   value=\"\" \n                                   class=\"spx-input spx-dim-input\"\n                                   placeholder=\"0\">\n                            <span class=\"spx-input-suffix\">cm<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Height Input -->\n                    <div class=\"spx-dimension-field\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-height\" class=\"spx-dim-label\">\n                            Height                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"number\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-height\" \n                                   name=\"height\" \n                                   min=\"1\" \n                                   value=\"\" \n                                   class=\"spx-input spx-dim-input\"\n                                   placeholder=\"0\">\n                            <span class=\"spx-input-suffix\">cm<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Volumetric Weight Info -->\n                <div class=\"spx-volumetric-info\">\n                    <div class=\"spx-info-icon\">\ud83d\udca1<\/div>\n                    <div class=\"spx-info-text\">\n                        <strong>Volumetric Weight<\/strong>\n                        <br>\n                        For parcels, we calculate both actual and volumetric weight and use the higher value.                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Freight Contact Information Card (Hidden by Default, Shown for Freight) -->\n            <div id=\"speedex-calculator-6af8a1f3bf1f3-freight-info\" \n                 class=\"spx-form-card spx-freight-card speedex-freight-container\" \n                 style=\"display: none;\">\n                <div class=\"spx-card-header\">\n                    <h3 class=\"spx-card-title\">\n                        <span class=\"spx-icon\">\ud83d\udc64<\/span>\n                        Contact Information                        <span class=\"spx-required\">*<\/span>\n                    <\/h3>\n                    <p class=\"spx-card-desc\">We&#8217;ll contact you with a custom freight quote<\/p>\n                <\/div>\n                \n                <!-- Freight Information Message -->\n                <div class=\"spx-freight-notice\">\n                    <div class=\"spx-notice-icon\">\ud83d\ude9b<\/div>\n                    <div class=\"spx-notice-content\">\n                        <h4>Custom Freight Quote<\/h4>\n                        <p>Freight shipments require individual assessment. Our team will contact you within 24 hours with a personalized quote.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Contact Fields Grid -->\n                <div class=\"spx-contact-grid\">\n                    <!-- Full Name Field -->\n                    <div class=\"spx-field-group\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-name\" class=\"spx-field-label\">\n                            <span class=\"spx-label-text\">Full Name<\/span>\n                            <span class=\"spx-required\">*<\/span>\n                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"text\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-name\" \n                                   name=\"name\" \n                                   class=\"spx-input\"\n                                   placeholder=\"Enter your full name\">\n                            <div class=\"spx-input-icon\">\ud83d\udc64<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Email Field -->\n                    <div class=\"spx-field-group\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-email\" class=\"spx-field-label\">\n                            <span class=\"spx-label-text\">Email Address<\/span>\n                            <span class=\"spx-required\">*<\/span>\n                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"email\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-email\" \n                                   name=\"email\" \n                                   class=\"spx-input\"\n                                   placeholder=\"your@email.com\">\n                            <div class=\"spx-input-icon\">\ud83d\udce7<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Phone Field -->\n                    <div class=\"spx-field-group\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-phone\" class=\"spx-field-label\">\n                            <span class=\"spx-label-text\">Phone Number<\/span>\n                            <span class=\"spx-required\">*<\/span>\n                        <\/label>\n                        <div class=\"spx-input-wrapper\">\n                            <input type=\"tel\" \n                                   id=\"speedex-calculator-6af8a1f3bf1f3-phone\" \n                                   name=\"phone\" \n                                   class=\"spx-input\"\n                                   placeholder=\"+971 50 123 4567\">\n                            <div class=\"spx-input-icon\">\ud83d\udcde<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Additional Notes Field -->\n                    <div class=\"spx-field-group spx-field-full\">\n                        <label for=\"speedex-calculator-6af8a1f3bf1f3-notes\" class=\"spx-field-label\">\n                            <span class=\"spx-label-text\">Additional Notes<\/span>\n                        <\/label>\n                        <div class=\"spx-textarea-wrapper\">\n                            <textarea id=\"speedex-calculator-6af8a1f3bf1f3-notes\" \n                                      name=\"notes\" \n                                      class=\"spx-textarea\"\n                                      placeholder=\"Describe your shipment, special requirements, pickup location, etc.\"><\/textarea>\n                            <div class=\"spx-textarea-icon\">\ud83d\udcdd<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Action Button Section -->\n            <div class=\"spx-action-section\">\n                <button type=\"submit\" \n                        id=\"speedex-calculator-6af8a1f3bf1f3-calculate-button\" \n                        class=\"spx-calc-button speedex-calculate-button\">\n                    <span class=\"spx-btn-icon\">\ud83d\ude80<\/span>\n                    <span class=\"spx-btn-text\">Calculate Shipping Cost<\/span>\n                    <div class=\"spx-btn-loader\" style=\"display: none;\">\n                        <div class=\"spx-btn-spinner\"><\/div>\n                    <\/div>\n                <\/button>\n                \n                <!-- Progress Indicator -->\n                <div class=\"spx-progress-indicator\" style=\"display: none;\">\n                    <div class=\"spx-progress-bar\">\n                        <div class=\"spx-progress-fill\"><\/div>\n                    <\/div>\n                    <span class=\"spx-progress-text\">Calculating your quote&#8230;<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Freight Success Message -->\n            <div id=\"speedex-calculator-6af8a1f3bf1f3-freight-success\" \n                 class=\"spx-success-card speedex-freight-success\" \n                 style=\"display: none;\">\n                <div class=\"spx-success-content\">\n                    <div class=\"spx-success-icon\">\n                        <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\">\n                            <path d=\"M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"spx-success-title\">Request Submitted!<\/h3>\n                    <p class=\"spx-success-message\">\n                        Thank you! Your freight quote request has been submitted successfully. Our team will contact you within 24 hours with a personalized quote.                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Error Message Display -->\n            <div id=\"speedex-calculator-6af8a1f3bf1f3-error-message\" \n                 class=\"spx-error-card speedex-error-message\" \n                 style=\"display: none;\">\n                <div class=\"spx-error-content\">\n                    <div class=\"spx-error-icon\">\u26a0\ufe0f<\/div>\n                    <div class=\"spx-error-text\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Loading Overlay -->\n            <div class=\"spx-loading-overlay speedex-loading-overlay\" style=\"display: none;\">\n                <div class=\"spx-loading-content\">\n                    <div class=\"spx-loading-animation\">\n                        <div class=\"spx-loading-plane\">\u2708\ufe0f<\/div>\n                        <div class=\"spx-loading-path\"><\/div>\n                    <\/div>\n                    <h3 class=\"spx-loading-title\">Calculating&#8230;<\/h3>\n                    <p class=\"spx-loading-desc\">Finding the best rates for your shipment<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Hidden Fields -->\n            <input type=\"hidden\" \n                   id=\"speedex-calculator-6af8a1f3bf1f3-route-direction\" \n                   name=\"route_direction\" \n                   value=\"from_origin\">\n        <\/form>\n        \n    <\/div> <!-- End of spx-calc-container -->\n    \n<\/div> <!-- End of spx-calc-wrapper -->\n\n<!-- Enhanced Booking Modal -->\n<div id=\"speedex-calculator-6af8a1f3bf1f3-booking-modal\" class=\"spx-modal speedex-modal\">\n    <div class=\"spx-modal-overlay\"><\/div>\n    <div class=\"spx-modal-container\">\n        <div class=\"spx-modal-content\">\n            \n            <!-- Modal Header -->\n            <div class=\"spx-modal-header\">\n                <div class=\"spx-modal-title-section\">\n                    <h2 class=\"spx-modal-title\">\n                        <span class=\"spx-modal-icon\">\ud83d\udcb0<\/span>\n                        Shipping Quote                    <\/h2>\n                    <p class=\"spx-modal-subtitle\">Your shipping cost calculation<\/p>\n                <\/div>\n\t\t\t\t<button class=\"spx-modal-close speedex-modal-close\" type=\"button\">\n\t\t\t\t<\/button>\n            <\/div>\n            \n            <!-- Results Display -->\n            <div id=\"speedex-calculator-6af8a1f3bf1f3-results\" class=\"spx-results-section speedex-results-container\">\n                \n                <!-- Main Cost Display -->\n                <div class=\"spx-cost-display\">\n                    <div class=\"spx-cost-label\">Shipping Cost<\/div>\n                    <div class=\"spx-cost-value\">\n                        <span class=\"spx-cost-amount\" id=\"speedex-calculator-6af8a1f3bf1f3-modal-shipping-cost\">0.00<\/span>\n                        <span class=\"spx-cost-currency\">USD<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- Weight Information -->\n                <div class=\"spx-weight-breakdown\">\n                    <div id=\"speedex-calculator-6af8a1f3bf1f3-volumetric-info\" class=\"spx-weight-item speedex-volumetric-info\" style=\"display: none;\">\n                        <span class=\"spx-weight-label\">Actual Weight:<\/span>\n                        <span class=\"spx-weight-value\">\n                            <span id=\"speedex-calculator-6af8a1f3bf1f3-actual-weight\">0<\/span> kg                        <\/span>\n                    <\/div>\n                    <div id=\"speedex-calculator-6af8a1f3bf1f3-volumetric-weight-row\" class=\"spx-weight-item speedex-volumetric-weight-row\" style=\"display: none;\">\n                        <span class=\"spx-weight-label\">Volumetric Weight:<\/span>\n                        <span class=\"spx-weight-value\">\n                            <span id=\"speedex-calculator-6af8a1f3bf1f3-volumetric-weight\">0<\/span> kg                        <\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- Disclaimer -->\n                <div class=\"spx-disclaimer\">\n                    <div class=\"spx-disclaimer-icon\">\u2139\ufe0f<\/div>\n                    <p>Price excludes customs duties and taxes. Final cost may vary based on actual dimensions and weight.<\/p>\n                <\/div>\n                \n            <\/div>\n            \n            <!-- Booking Form Section -->\n            <div class=\"spx-modal-body\">\n                <div class=\"spx-booking-intro\">\n                    <h3>Complete Your Booking<\/h3>\n                    <p>Fill in your details to confirm this shipment<\/p>\n                <\/div>\n                \n                <!-- Booking Form -->\n                <form id=\"speedex-calculator-6af8a1f3bf1f3-booking-form\" class=\"spx-booking-form speedex-booking-form\">\n                    \n                    <div class=\"spx-booking-grid\">\n                        <!-- Customer Name -->\n                        <div class=\"spx-booking-field\">\n                            <label for=\"speedex-calculator-6af8a1f3bf1f3-booking-name\" class=\"spx-booking-label\">\n                                Full Name <span class=\"spx-required\">*<\/span>\n                            <\/label>\n                            <div class=\"spx-booking-input-wrapper\">\n                                <input type=\"text\" \n                                       id=\"speedex-calculator-6af8a1f3bf1f3-booking-name\" \n                                       name=\"booking_name\" \n                                       class=\"spx-booking-input\" \n                                       placeholder=\"Your full name\"\n                                       required>\n                                <div class=\"spx-booking-icon\">\ud83d\udc64<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Customer Email -->\n                        <div class=\"spx-booking-field\">\n                            <label for=\"speedex-calculator-6af8a1f3bf1f3-booking-email\" class=\"spx-booking-label\">\n                                Email Address <span class=\"spx-required\">*<\/span>\n                            <\/label>\n                            <div class=\"spx-booking-input-wrapper\">\n                                <input type=\"email\" \n                                       id=\"speedex-calculator-6af8a1f3bf1f3-booking-email\" \n                                       name=\"booking_email\" \n                                       class=\"spx-booking-input\" \n                                       placeholder=\"your@email.com\"\n                                       required>\n                                <div class=\"spx-booking-icon\">\ud83d\udce7<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Customer Phone -->\n                        <div class=\"spx-booking-field spx-field-full\">\n                            <label for=\"speedex-calculator-6af8a1f3bf1f3-booking-phone\" class=\"spx-booking-label\">\n                                Phone Number <span class=\"spx-required\">*<\/span>\n                            <\/label>\n                            <div class=\"spx-booking-input-wrapper\">\n                                <input type=\"tel\" \n                                       id=\"speedex-calculator-6af8a1f3bf1f3-booking-phone\" \n                                       name=\"booking_phone\" \n                                       class=\"spx-booking-input\" \n                                       placeholder=\"+971 50 123 4567\"\n                                       required>\n                                <div class=\"spx-booking-icon\">\ud83d\udcde<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Additional Notes -->\n                        <div class=\"spx-booking-field spx-field-full\">\n                            <label for=\"speedex-calculator-6af8a1f3bf1f3-booking-notes\" class=\"spx-booking-label\">\n                                Additional Notes                            <\/label>\n                            <div class=\"spx-booking-textarea-wrapper\">\n                                <textarea id=\"speedex-calculator-6af8a1f3bf1f3-booking-notes\" \n                                          name=\"booking_notes\" \n                                          class=\"spx-booking-textarea\"\n                                          placeholder=\"Any special instructions or requirements...\"><\/textarea>\n                                <div class=\"spx-booking-icon\">\ud83d\udcdd<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Submit Button -->\n                    <div class=\"spx-booking-actions\">\n                        <button type=\"submit\" class=\"spx-booking-submit\">\n                            <span class=\"spx-btn-icon\">\ud83d\ude80<\/span>\n                            <span class=\"spx-btn-text\">Confirm Booking<\/span>\n                            <div class=\"spx-btn-loader\" style=\"display: none;\">\n                                <div class=\"spx-btn-spinner\"><\/div>\n                            <\/div>\n                        <\/button>\n                    <\/div>\n                    \n                    <!-- Error Message -->\n                    <div id=\"speedex-calculator-6af8a1f3bf1f3-booking-error\" \n                         class=\"spx-booking-error speedex-booking-error\" \n                         style=\"display: none;\"><\/div>\n                    \n                <\/form>\n                \n                <!-- Booking Success Message -->\n                <div id=\"speedex-calculator-6af8a1f3bf1f3-booking-success\" \n                     class=\"spx-booking-success speedex-booking-success\" \n                     style=\"display: none;\">\n                    <div class=\"spx-success-animation\">\n                        <div class=\"spx-success-checkmark\">\n                            <svg viewBox=\"0 0 24 24\" width=\"64\" height=\"64\">\n                                <path d=\"M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"spx-success-title\">Booking Confirmed!<\/h3>\n                    <div class=\"spx-success-message\">\n                        Thank you! Your booking has been confirmed. You will receive a confirmation email shortly.                    <\/div>\n                <\/div>\n                \n                <!-- Loading Overlay for Modal -->\n                <div class=\"spx-booking-loading speedex-booking-loading\" style=\"display: none;\">\n                    <div class=\"spx-loading-content\">\n                        <div class=\"spx-loading-animation\">\n                            <div class=\"spx-loading-dots\">\n                                <div class=\"spx-dot\"><\/div>\n                                <div class=\"spx-dot\"><\/div>\n                                <div class=\"spx-dot\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <p class=\"spx-loading-text\">Processing your booking&#8230;<\/p>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n\n<!-- Calculator Initialization Script -->\n<script type=\"text\/javascript\">\njQuery(document).ready(function($) {\n    \/\/ Initialize Calculator Instance\n    if (typeof SpeedexCalculator !== 'undefined') {\n        \/\/ Create new calculator instance\n        var calculator = new SpeedexCalculator('speedex-calculator-6af8a1f3bf1f3');\n        \n        \/\/ Add weight preset functionality\n        $('.spx-preset-btn').on('click', function(e) {\n            e.preventDefault();\n            var weight = $(this).data('weight');\n            $('#speedex-calculator-6af8a1f3bf1f3-weight').val(weight);\n            $('#speedex-calculator-6af8a1f3bf1f3-weight-slider').val(weight);\n        });\n        \n    } else {\n        console.error('SpeedexCalculator class not found. Make sure calculator.js is loaded.');\n    }\n});\n<\/script><\/p>\t\t\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":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_top_nav_excluded":false,"_cms_nav_minihome":false,"_cms_nav_section":"","_cms_nav_offsite_url":"","footnotes":""},"class_list":["post-4924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/pages\/4924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/comments?post=4924"}],"version-history":[{"count":0,"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/pages\/4924\/revisions"}],"wp:attachment":[{"href":"https:\/\/speedexco.com\/en\/wp-json\/wp\/v2\/media?parent=4924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}