\r\n \t\t
\n\t\t\t\t\t\n\n\n\n\n
White Sand Muthapt Application Calculator<\/title>\n<style>\n:root{\n --ws-red:#ed1c24;\n --ws-red-dark:#c9141b;\n --ws-ink:#171b2a;\n --ws-text:#59606d;\n --ws-muted:#7b8492;\n --ws-bg:#f6f7f8;\n --ws-soft:#fafbfc;\n --ws-white:#ffffff;\n --ws-border:#e4e7eb;\n --ws-radius:25px;\n --ws-radius-inner:18px;\n --ws-shadow:0 14px 40px rgba(23,27,42,.07);\n --ws-shadow-soft:0 7px 22px rgba(23,27,42,.055);\n}\n\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n margin:0;\n color:var(--ws-ink);\n background:linear-gradient(180deg,#fff 0%,#f8f9fa 55%,#fff 100%);\n font-family:Arial,Helvetica,sans-serif;\n}\nbutton,input,select{font:inherit}\nbutton{cursor:pointer}\n\n#wsMuthaptCalculator{\n width:min(1320px,calc(100% - 40px));\n margin:36px auto 70px;\n}\n\n\/* HERO *\/\n.ws-hero{\n position:relative;\n overflow:hidden;\n padding:38px 42px 34px;\n text-align:center;\n background:linear-gradient(145deg,#fff 0%,#f7f8f9 100%);\n border:1px solid var(--ws-border);\n border-top:5px solid var(--ws-red);\n border-radius:var(--ws-radius);\n box-shadow:var(--ws-shadow);\n}\n.ws-hero::after{\n content:\"\";\n position:absolute;\n width:230px;\n height:230px;\n top:-105px;\n right:-70px;\n border:34px solid rgba(237,28,36,.035);\n border-radius:50%;\n pointer-events:none;\n}\n.ws-badge{\n position:relative;\n z-index:1;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n margin-bottom:15px;\n padding:8px 16px;\n color:#fff;\n background:var(--ws-red);\n border-radius:999px;\n font-size:11px;\n font-weight:800;\n letter-spacing:1px;\n}\n.ws-hero h1{\n position:relative;\n z-index:1;\n margin:0;\n font-size:clamp(34px,4vw,50px);\n line-height:1.12;\n font-weight:800;\n letter-spacing:-.7px;\n}\n.ws-hero p{\n position:relative;\n z-index:1;\n max-width:820px;\n margin:14px auto 0;\n color:var(--ws-text);\n font-size:15px;\n line-height:1.8;\n}\n.ws-hero-line{\n position:relative;\n z-index:1;\n width:76px;\n height:4px;\n margin:20px auto 0;\n background:var(--ws-red);\n border-radius:999px;\n}\n\n\/* MAIN SHELL *\/\n.ws-shell{\n display:grid;\n grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\n gap:22px;\n margin-top:22px;\n padding:22px;\n background:var(--ws-bg);\n border:1px solid var(--ws-border);\n border-radius:var(--ws-radius);\n box-shadow:var(--ws-shadow-soft);\n}\n.ws-card{\n position:relative;\n min-width:0;\n padding:28px;\n background:#fff;\n border:1px solid var(--ws-border);\n border-radius:20px;\n box-shadow:var(--ws-shadow-soft);\n}\n.ws-card::before{\n content:\"\";\n position:absolute;\n top:0;\n left:28px;\n width:68px;\n height:4px;\n background:var(--ws-red);\n border-radius:0 0 6px 6px;\n}\n.ws-card-head{\n display:flex;\n align-items:flex-start;\n justify-content:space-between;\n gap:16px;\n padding-bottom:18px;\n margin-bottom:22px;\n border-bottom:1px solid var(--ws-border);\n}\n.ws-eyebrow{\n display:block;\n margin-bottom:6px;\n color:var(--ws-red);\n font-size:11px;\n font-weight:800;\n letter-spacing:.9px;\n text-transform:uppercase;\n}\n.ws-card h2{\n margin:0;\n font-size:27px;\n line-height:1.2;\n font-weight:800;\n}\n.ws-step{\n flex:none;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-width:44px;\n height:44px;\n padding:0 11px;\n color:var(--ws-red);\n background:rgba(237,28,36,.07);\n border:1px solid rgba(237,28,36,.12);\n border-radius:14px;\n font-size:13px;\n font-weight:800;\n}\n\n\/* FORM *\/\n.ws-form{display:grid;gap:18px}\n.ws-field label{\n display:block;\n margin-bottom:8px;\n color:#4f5a6b;\n font-size:11px;\n font-weight:800;\n letter-spacing:.65px;\n text-transform:uppercase;\n}\n.ws-select-wrap,.ws-input-wrap{position:relative}\n.ws-select-wrap select,\n.ws-input-wrap input{\n width:100%;\n height:56px;\n padding:0 16px;\n color:var(--ws-ink);\n background:#fff;\n border:1px solid #d9dee5;\n border-radius:14px;\n outline:none;\n font-size:14px;\n font-weight:600;\n transition:.2s ease;\n}\n.ws-select-wrap select{\n appearance:none;\n padding-right:46px;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2378808d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 14px center;\n}\n.ws-select-wrap select:focus,\n.ws-input-wrap input:focus{\n border-color:var(--ws-red);\n box-shadow:0 0 0 4px rgba(237,28,36,.08);\n}\n.ws-input-wrap input{padding-right:72px}\n.ws-unit{\n position:absolute;\n top:1px;\n right:1px;\n bottom:1px;\n display:flex;\n align-items:center;\n justify-content:center;\n min-width:58px;\n padding:0 14px;\n color:var(--ws-muted);\n background:#f7f8f9;\n border-left:1px solid var(--ws-border);\n border-radius:0 13px 13px 0;\n font-size:12px;\n font-weight:800;\n}\n.ws-calc{\n width:100%;\n min-height:54px;\n margin-top:3px;\n padding:12px 18px;\n color:#fff;\n background:var(--ws-red);\n border:1px solid var(--ws-red);\n border-radius:14px;\n box-shadow:0 9px 22px rgba(237,28,36,.18);\n font-size:13px;\n font-weight:800;\n letter-spacing:.4px;\n text-transform:uppercase;\n transition:.2s ease;\n}\n.ws-calc:hover{background:var(--ws-ink);border-color:var(--ws-ink);transform:translateY(-1px)}\n.ws-calc:disabled{cursor:not-allowed;background:#e7e9ed;border-color:#e7e9ed;color:#9ba2ad;box-shadow:none;transform:none}\n\n\/* INFO STRIP *\/\n.ws-tips{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n margin-top:20px;\n}\n.ws-tip{\n padding:12px 13px;\n background:#f8f9fa;\n border:1px solid var(--ws-border);\n border-radius:13px;\n}\n.ws-tip strong{display:block;margin-bottom:3px;font-size:11px;color:var(--ws-ink)}\n.ws-tip span{display:block;color:var(--ws-text);font-size:11px;line-height:1.5}\n\n\/* RESULT PLACEHOLDER *\/\n.ws-placeholder{\n min-height:460px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:34px 20px;\n background:linear-gradient(145deg,#fafbfc,#f4f6f8);\n border:1px dashed #d9dde3;\n border-radius:16px;\n}\n.ws-placeholder-icon{\n width:68px;\n height:68px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:18px;\n color:var(--ws-red);\n background:#fff;\n border:1px solid var(--ws-border);\n border-radius:20px;\n box-shadow:0 8px 20px rgba(23,27,42,.07);\n}\n.ws-placeholder-icon svg{width:30px;height:30px}\n.ws-placeholder h3{margin:0 0 8px;font-size:22px;font-weight:800}\n.ws-placeholder p{max-width:330px;margin:0;color:var(--ws-muted);font-size:13px;line-height:1.7}\n\n\/* RESULTS *\/\n.ws-results{display:none}\n.ws-results.is-visible{display:block;animation:wsFade .35s ease both}\n@keyframes wsFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.ws-summary{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:10px;\n}\n.ws-result-card{\n display:flex;\n align-items:flex-start;\n gap:12px;\n min-width:0;\n padding:15px;\n background:#fff;\n border:1px solid var(--ws-border);\n border-radius:14px;\n}\n.ws-result-card.ws-wide{grid-column:1\/-1}\n.ws-result-icon{\n flex:none;\n width:40px;\n height:40px;\n display:flex;\n align-items:center;\n justify-content:center;\n color:var(--ws-red);\n background:rgba(237,28,36,.065);\n border-radius:11px;\n}\n.ws-result-icon svg{width:19px;height:19px}\n.ws-result-label{\n display:block;\n margin-bottom:4px;\n color:var(--ws-muted);\n font-size:9px;\n font-weight:800;\n letter-spacing:.7px;\n text-transform:uppercase;\n}\n.ws-result-value{\n display:block;\n color:var(--ws-ink);\n font-size:15px;\n font-weight:800;\n line-height:1.35;\n overflow-wrap:anywhere;\n}\n\n\/* TOTAL *\/\n.ws-total{\n margin-top:12px;\n padding:20px;\n color:#fff;\n background:linear-gradient(135deg,var(--ws-red),var(--ws-red-dark));\n border-radius:16px;\n box-shadow:0 12px 26px rgba(237,28,36,.18);\n}\n.ws-total-label{display:block;margin-bottom:5px;font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;opacity:.85}\n.ws-total-value{display:block;font-size:32px;font-weight:800;line-height:1.1}\n.ws-total-sub{display:block;margin-top:7px;font-size:11px;line-height:1.55;opacity:.9}\n\n\/* TECHNICAL NOTE *\/\n.ws-note{\n margin-top:12px;\n padding:16px;\n background:#f8f9fa;\n border:1px solid var(--ws-border);\n border-left:4px solid var(--ws-red);\n border-radius:14px;\n}\n.ws-note-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--ws-ink);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}\n.ws-note-title svg{width:17px;height:17px;color:var(--ws-red)}\n.ws-note p{margin:0;color:var(--ws-text);font-size:12px;line-height:1.7}\n\n.ws-disclaimer{\n margin-top:14px;\n padding:13px 14px;\n color:var(--ws-muted);\n background:#fff;\n border:1px solid var(--ws-border);\n border-radius:12px;\n font-size:10.5px;\n line-height:1.6;\n}\n\n\/* TABLET *\/\n@media(max-width:1050px){\n .ws-shell{grid-template-columns:1fr}\n .ws-placeholder{min-height:300px}\n}\n\n\/* MOBILE *\/\n@media(max-width:767px){\n html,body{overflow-x:hidden}\n #wsMuthaptCalculator{\n width:100vw;\n margin:0 0 34px;\n padding:0 10px;\n position:relative;\n left:50%;\n right:50%;\n margin-left:-50vw;\n margin-right:-50vw;\n }\n .ws-hero{\n margin:10px 0 12px;\n padding:24px 17px 22px;\n border-radius:20px;\n }\n .ws-hero::after{width:150px;height:150px;top:-70px;right:-55px;border-width:24px}\n .ws-badge{margin-bottom:10px;padding:7px 12px;font-size:10px}\n .ws-hero h1{font-size:clamp(29px,8.7vw,38px);line-height:1.08}\n .ws-hero p{margin-top:10px;font-size:13px;line-height:1.62}\n .ws-hero-line{width:58px;height:3px;margin-top:14px}\n\n .ws-shell{margin-top:0;padding:8px;gap:10px;border-radius:20px;box-shadow:none}\n .ws-card{padding:17px;border-radius:16px;box-shadow:none}\n .ws-card::before{left:17px;width:52px;height:3px}\n .ws-card-head{align-items:center;padding-bottom:14px;margin-bottom:16px}\n .ws-eyebrow{font-size:9.5px;margin-bottom:5px}\n .ws-card h2{font-size:22px}\n .ws-step{min-width:42px;height:42px;border-radius:12px;font-size:12px}\n\n .ws-form{gap:14px}\n .ws-field label{font-size:10px;margin-bottom:7px}\n .ws-select-wrap select,.ws-input-wrap input{height:52px;border-radius:13px;font-size:13px}\n .ws-unit{min-width:54px;font-size:11px;border-radius:0 12px 12px 0}\n .ws-calc{min-height:50px;border-radius:13px;font-size:12px}\n\n .ws-tips{grid-template-columns:1fr;gap:8px;margin-top:14px}\n .ws-tip{padding:10px 11px;border-radius:12px}\n\n .ws-placeholder{min-height:250px;padding:28px 16px;border-radius:14px}\n .ws-placeholder-icon{width:58px;height:58px;border-radius:17px}\n .ws-placeholder h3{font-size:20px}\n .ws-placeholder p{font-size:12px}\n\n .ws-summary{grid-template-columns:1fr;gap:8px}\n .ws-result-card,.ws-result-card.ws-wide{grid-column:auto;padding:13px;border-radius:12px}\n .ws-result-icon{width:38px;height:38px;border-radius:10px}\n .ws-result-value{font-size:14px}\n .ws-total{padding:17px;border-radius:14px}\n .ws-total-value{font-size:28px}\n .ws-note{padding:14px;border-radius:12px}\n}\n\n@media(max-width:390px){\n #wsMuthaptCalculator{padding:0 7px}\n .ws-hero{padding:21px 14px 19px}\n .ws-card{padding:14px}\n .ws-card h2{font-size:20px}\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"wsMuthaptCalculator\">\n <section class=\"ws-hero\">\n <div class=\"ws-badge\">WHITE SAND<\/div>\n <h1>Muthapt Application Calculator<\/h1>\n <p>Estimate White Sand Muthapt concentrate, dilution water and total prepared mixture using the recommended application rates and dilution ratios from the product Technical Data Sheet.<\/p>\n <div class=\"ws-hero-line\"><\/div>\n <\/section>\n\n <section class=\"ws-shell\">\n <section class=\"ws-card\">\n <div class=\"ws-card-head\">\n <div>\n <span class=\"ws-eyebrow\">Project Parameters<\/span>\n <h2>Calculate Requirement<\/h2>\n <\/div>\n <span class=\"ws-step\">01<\/span>\n <\/div>\n\n <div class=\"ws-form\">\n <div class=\"ws-field\">\n <label for=\"wsApplication\">Application Type<\/label>\n <div class=\"ws-select-wrap\">\n <select id=\"wsApplication\">\n <option value=\"\">Choose an application...<\/option>\n <option value=\"dust_no_traffic\">Dust Suppressant - No Traffic<\/option>\n <option value=\"dust_with_traffic\">Dust Suppressant - With Traffic<\/option>\n <option value=\"trails_parking\">Unpaved Trails and Parking Lot<\/option>\n <option value=\"aircraft_runway\">Helicopter Pad and Aircraft Runway<\/option>\n <option value=\"paths\">Paths<\/option>\n <option value=\"slope\">Slope Erosion Control<\/option>\n <option value=\"military_runway\">Unpaved Military Runway<\/option>\n <option value=\"haul_road\">Heavy Duty Haul Road<\/option>\n <option value=\"road_light\">Roadway - Light Duty<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"ws-field\">\n <label for=\"wsArea\">Total Surface Area<\/label>\n <div class=\"ws-input-wrap\">\n <input id=\"wsArea\" type=\"number\" min=\"0\" step=\"0.01\" inputmode=\"decimal\" placeholder=\"e.g. 1000\" \/>\n <span class=\"ws-unit\">m\u00b2<\/span>\n <\/div>\n <\/div>\n\n <button class=\"ws-calc\" id=\"wsCalculate\" type=\"button\" disabled>Calculate Requirement<\/button>\n <\/div>\n\n <div class=\"ws-tips\">\n <div class=\"ws-tip\">\n <strong>Application condition<\/strong>\n <span>Apply to relatively dry soil and avoid installation when rain or frost is forecast within 24 hours.<\/span>\n <\/div>\n <div class=\"ws-tip\">\n <strong>Mixing guidance<\/strong>\n <span>Add Muthapt concentrate to the dilution water and allow about 10 minutes for proper diffusion before application.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"ws-card\">\n <div class=\"ws-card-head\">\n <div>\n <span class=\"ws-eyebrow\">Calculation Report<\/span>\n <h2>Material Estimate<\/h2>\n <\/div>\n <span class=\"ws-step\">02<\/span>\n <\/div>\n\n <div class=\"ws-placeholder\" id=\"wsPlaceholder\">\n <div class=\"ws-placeholder-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"><\/rect>\n <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"10\" x2=\"8.01\" y2=\"10\"><\/line>\n <line x1=\"12\" y1=\"10\" x2=\"12.01\" y2=\"10\"><\/line>\n <line x1=\"16\" y1=\"10\" x2=\"16.01\" y2=\"10\"><\/line>\n <line x1=\"8\" y1=\"14\" x2=\"8.01\" y2=\"14\"><\/line>\n <line x1=\"12\" y1=\"14\" x2=\"12.01\" y2=\"14\"><\/line>\n <line x1=\"16\" y1=\"14\" x2=\"16.01\" y2=\"14\"><\/line>\n <\/svg>\n <\/div>\n <h3>Report Pending<\/h3>\n <p>Select the intended application and enter the project surface area to calculate the recommended Muthapt material quantities.<\/p>\n <\/div>\n\n <div class=\"ws-results\" id=\"wsResults\">\n <div class=\"ws-summary\">\n <div class=\"ws-result-card ws-wide\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20h16\"><\/path><path d=\"M6 16V8l6-4 6 4v8\"><\/path><path d=\"M9 20v-6h6v6\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Selected Application<\/span><span class=\"ws-result-value\" id=\"rApplication\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19h16\"><\/path><path d=\"M7 16V8\"><\/path><path d=\"M12 16V5\"><\/path><path d=\"M17 16v-4\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Project Area<\/span><span class=\"ws-result-value\" id=\"rArea\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22a7 7 0 0 0 7-7c0-4-7-13-7-13S5 11 5 15a7 7 0 0 0 7 7Z\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Dilution Ratio<\/span><span class=\"ws-result-value\" id=\"rRatio\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 3h14v18H5z\"><\/path><path d=\"M8 7h8\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Minimum Application Rate<\/span><span class=\"ws-result-value\" id=\"rRate\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 21h10\"><\/path><path d=\"M9 21V7h6v14\"><\/path><path d=\"M10 3h4v4h-4z\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Muthapt Concentrate<\/span><span class=\"ws-result-value\" id=\"rConcentrate\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5S12.5 5.5 12 3c-.5 2.5-2 4.9-4 6.5S5 13 5 15a7 7 0 0 0 7 7Z\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Water Required<\/span><span class=\"ws-result-value\" id=\"rWater\">-<\/span><\/div>\n <\/div>\n\n <div class=\"ws-result-card\">\n <div class=\"ws-result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V8l8-4 8 4v12\"><\/path><path d=\"M8 20v-8h8v8\"><\/path><\/svg>\n <\/div>\n <div><span class=\"ws-result-label\">Minimum Infusion Depth<\/span><span class=\"ws-result-value\" id=\"rDepth\">-<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"ws-total\">\n <span class=\"ws-total-label\">Total Prepared Mixture<\/span>\n <span class=\"ws-total-value\" id=\"rTotal\">-<\/span>\n <span class=\"ws-total-sub\">Calculated from the TDS minimum application rate \u00d7 project area.<\/span>\n <\/div>\n\n <div class=\"ws-note\">\n <div class=\"ws-note-title\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg>\n Technical Implementation\n <\/div>\n <p id=\"rNote\">-<\/p>\n <\/div>\n\n <div class=\"ws-disclaimer\">Minimum rates and dilution ratios are based on the White Sand Muthapt Technical Data Sheet. Actual field consumption can vary with soil condition, compaction, weather, application method and workmanship. Confirm project-specific requirements with White Sand Technical Department where necessary.<\/div>\n <\/div>\n <\/section>\n <\/section>\n<\/div>\n\n<script>\n(function(){\n const applications = {\n dust_no_traffic:{\n name:'Dust Suppressant - No Traffic',\n waterParts:9,\n rate:0.5,\n depth:5,\n note:'Topical dust suppression application for areas without vehicle traffic. Apply to relatively dry soil using an appropriate pressurized spraying system.'\n },\n dust_with_traffic:{\n name:'Dust Suppressant - With Traffic',\n waterParts:6,\n rate:1,\n depth:20,\n note:'Dust suppression application for trafficked areas. Ensure even distribution and suitable compaction\/site preparation for the intended traffic conditions.'\n },\n trails_parking:{\n name:'Unpaved Trails and Parking Lot',\n waterParts:3,\n rate:5,\n depth:150,\n note:'Infused stabilization application. Prepare and loosen the soil, apply the diluted Muthapt to allow infusion, then compact using suitable equipment.'\n },\n aircraft_runway:{\n name:'Helicopter Pad and Aircraft Runway',\n waterParts:3,\n rate:7,\n depth:200,\n note:'High-demand infused stabilization application. Proper soil preparation, infusion depth and compaction are critical for performance.'\n },\n paths:{\n name:'Paths',\n waterParts:3,\n rate:1.5,\n depth:50,\n note:'Path stabilization application. Apply uniformly over prepared soil and compact as appropriate for the soil type and intended pedestrian use.'\n },\n slope:{\n name:'Slope Erosion Control',\n waterParts:6,\n rate:1.5,\n depth:50,\n note:'Apply uniformly for slope erosion control. Site geometry, soil absorption and weather conditions may affect actual field consumption.'\n },\n military_runway:{\n name:'Unpaved Military Runway',\n waterParts:3,\n rate:10,\n depth:250,\n note:'Heavy infused stabilization application requiring proper preparation, deep infusion and suitable compaction equipment.'\n },\n haul_road:{\n name:'Heavy Duty Haul Road',\n waterParts:3,\n rate:10,\n depth:250,\n note:'Heavy-duty road stabilization application. Soil preparation, infusion and compaction should be carried out with equipment appropriate to the site and soil hardness.'\n },\n road_light:{\n name:'Roadway - Light Duty',\n waterParts:3,\n rate:7,\n depth:200,\n note:'Light-duty roadway stabilization application. Apply the diluted material to prepared loose soil, allow infusion, then compact appropriately.'\n }\n };\n\n const appEl = document.getElementById('wsApplication');\n const areaEl = document.getElementById('wsArea');\n const calcBtn = document.getElementById('wsCalculate');\n const placeholder = document.getElementById('wsPlaceholder');\n const results = document.getElementById('wsResults');\n\n function formatNumber(value){\n return new Intl.NumberFormat('en-US',{maximumFractionDigits:2}).format(value);\n }\n\n function updateButton(){\n const valid = appEl.value && Number(areaEl.value) > 0;\n calcBtn.disabled = !valid;\n }\n\n appEl.addEventListener('change',updateButton);\n areaEl.addEventListener('input',updateButton);\n areaEl.addEventListener('keydown',function(e){\n if(e.key==='Enter' && !calcBtn.disabled){\n e.preventDefault();\n calculate();\n }\n });\n\n function calculate(){\n const key = appEl.value;\n const area = Number(areaEl.value);\n if(!key || !applications[key] || !Number.isFinite(area) || area<=0) return;\n\n const data = applications[key];\n const totalMixture = area * data.rate;\n const totalParts = 1 + data.waterParts;\n const concentrate = totalMixture \/ totalParts;\n const water = totalMixture - concentrate;\n\n document.getElementById('rApplication').textContent = data.name;\n document.getElementById('rArea').textContent = formatNumber(area) + ' m\u00b2';\n document.getElementById('rRatio').textContent = '1 : ' + data.waterParts;\n document.getElementById('rRate').textContent = formatNumber(data.rate) + ' L\/m\u00b2';\n document.getElementById('rConcentrate').textContent = formatNumber(concentrate) + ' L';\n document.getElementById('rWater').textContent = formatNumber(water) + ' L';\n document.getElementById('rDepth').textContent = formatNumber(data.depth) + ' mm';\n document.getElementById('rTotal').textContent = formatNumber(totalMixture) + ' L';\n document.getElementById('rNote').textContent = data.note + ' If a second coat is required, apply it only after the first coat has fully cured and bonded to the soil; this typically takes about 24 hours and may take longer depending on weather conditions.';\n\n placeholder.style.display='none';\n results.classList.add('is-visible');\n }\n\n calcBtn.addEventListener('click',calculate);\n updateButton();\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>White Sand Muthapt Application Calculator WHITE SAND Muthapt Application Calculator Estimate White Sand Muthapt concentrate, dilution water and total prepared mixture using the recommended application rates and dilution ratios from the product Technical Data Sheet. Project Parameters Calculate Requirement 01 Application Type Choose an application…Dust Suppressant – No TrafficDust Suppressant – With TrafficUnpaved Trails and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7108","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/pages\/7108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/comments?post=7108"}],"version-history":[{"count":38,"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/pages\/7108\/revisions"}],"predecessor-version":[{"id":10514,"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/pages\/7108\/revisions\/10514"}],"wp:attachment":[{"href":"https:\/\/www.whitesand.sa\/ar\/wp-json\/wp\/v2\/media?parent=7108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}