{"id":1546,"date":"2025-07-11T13:57:41","date_gmt":"2025-07-11T13:57:41","guid":{"rendered":"https:\/\/kenyalinkconsolidators.com\/?page_id=1546"},"modified":"2025-07-14T22:01:28","modified_gmt":"2025-07-14T22:01:28","slug":"tester-page","status":"publish","type":"page","link":"https:\/\/kenyalinkconsolidators.com\/main\/tester-page","title":{"rendered":"Tester Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1546\" class=\"elementor elementor-1546\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52a43324 ops-section e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"52a43324\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_has_onepagescroll&quot;:&quot;section&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-52c4dc0d e-con-full e-flex e-con e-child\" data-id=\"52c4dc0d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c108568 elementor-widget elementor-widget-image-carousel\" data-id=\"c108568\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:3500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/kenya-162332_1280-150x150.png\" alt=\"kenya-162332_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/somalia-26953_1280-150x150.png\" alt=\"somalia-26953_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/africa-148711_1280-150x150.png\" alt=\"africa-148711_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/uganda-162449_1280-150x150.png\" alt=\"uganda-162449_1280\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d92b210 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"7d92b210\" data-element_type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;Kenya\\nSomalia\\nTanzania\\nUganda&quot;,&quot;animation_type&quot;:&quot;clip&quot;,&quot;rotate_iteration_delay&quot;:3500,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline elementor-headline-animation-type-clip\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Ship from the USA to<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\tKenya\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tSomalia\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tTanzania\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tUganda\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d1f2925 e-con-full e-flex e-con e-child\" data-id=\"5d1f2925\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6558d3 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"1d6558d3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/login\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Login<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66507dce elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"66507dce\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3979c13c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3979c13c\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-28cb82d3 e-grid e-con-full e-con e-child\" data-id=\"28cb82d3\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-72479469 e-con-full e-flex e-con e-child\" data-id=\"72479469\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3db33640 elementor-widget elementor-widget-heading\" data-id=\"3db33640\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">40-gallon tote <strong>$239<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a38acb1 elementor-widget elementor-widget-image\" data-id=\"1a38acb1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png\" class=\"attachment-large size-large wp-image-1395\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e9277d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1e9277d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-40g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6f7e45 elementor-widget elementor-widget-html\" data-id=\"c6f7e45\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal -->\r\n<div id=\"popupModal40G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup40G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>40 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 36 inches<\/li>\r\n      <li>Width: 24 inches<\/li>\r\n      <li>Height: 24 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total:$239<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .modal-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    z-index: 9999;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-family: poppins;\r\n  }\r\n\r\n  .modal-box {\r\n    background: #fff;\r\n    width: 90%;\r\n    max-width: 500px;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    position: relative;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .close-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    background: none;\r\n    border: none;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    padding-top: 15px;\r\n  }\r\n  .close-btn:hover{\r\n    color: none;\r\n  }\r\n\r\n  .modal-box .price {\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    color: #007b00;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .modal-box ul {\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .modal-box .action-buttons {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .description{\r\n      margin-top: 5px;\r\n  }\r\n  .title{\r\n      font-family: poppins;\r\n      font-weight: 700;\r\n      letter-spacing: -1px;\r\n      color: #05315B;\r\n  }\r\n  #price{\r\n      margin-top: 5px;\r\n      color: #05315B;\r\n      font-weight: 700;\r\n  }\r\n\r\n  .modal-box .action-buttons button {\r\n    flex: 1;\r\n    padding: 12px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    background: #05315B;\r\n    border: none;\r\n    color: #fff;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .modal-box {\r\n      width: 95%;\r\n      padding: 15px;\r\n    }\r\n\r\n    .modal-box h2 {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .modal-box .action-buttons button {\r\n      font-size: 14px;\r\n      padding: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Trigger based on link href\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-40g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal40G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup40G() {\r\n    document.getElementById(\"popupModal40G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c6d737 e-con-full e-flex e-con e-child\" data-id=\"7c6d737\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac4968e elementor-widget elementor-widget-heading\" data-id=\"4ac4968e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">50-gallon tote <strong>$279<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11fdee45 elementor-widget elementor-widget-image\" data-id=\"11fdee45\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png\" class=\"attachment-large size-large wp-image-1394\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23533c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"23533c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-50g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-935a6c8 elementor-widget elementor-widget-html\" data-id=\"935a6c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal 50G -->\r\n<div id=\"popupModal50G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup50G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>50 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 38 inches<\/li>\r\n      <li>Width: 26 inches<\/li>\r\n      <li>Height: 26 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total: $279<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-50g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal50G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup50G() {\r\n    document.getElementById(\"popupModal50G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10a0ce6d e-con-full e-flex e-con e-child\" data-id=\"10a0ce6d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637bc190 elementor-widget elementor-widget-heading\" data-id=\"637bc190\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">60-gallon tote <strong>$320<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d326b36 elementor-widget elementor-widget-image\" data-id=\"1d326b36\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png\" class=\"attachment-large size-large wp-image-1393\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c40f93d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2c40f93d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-60g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba29442 elementor-widget elementor-widget-html\" data-id=\"ba29442\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal 60G -->\r\n<div id=\"popupModal60G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup60G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>60 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 40 inches<\/li>\r\n      <li>Width: 28 inches<\/li>\r\n      <li>Height: 28 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total: $320<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-60g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal60G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup60G() {\r\n    document.getElementById(\"popupModal60G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e3fd929 e-con-full e-flex e-con e-child\" data-id=\"5e3fd929\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e9be40d elementor-widget elementor-widget-heading\" data-id=\"2e9be40d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">77-gallon barell <strong>$343<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52f4abb9 elementor-widget elementor-widget-image\" data-id=\"52f4abb9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png\" class=\"attachment-large size-large wp-image-1389\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png 700w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-600x600.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-150x150.png 150w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f43e6b3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5f43e6b3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-77g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a107d56 elementor-widget elementor-widget-html\" data-id=\"a107d56\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal 77G -->\r\n<div id=\"popupModal77G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup77G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>77 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 42 inches<\/li>\r\n      <li>Width: 30 inches<\/li>\r\n      <li>Height: 30 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total: $343<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-77g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal77G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup77G() {\r\n    document.getElementById(\"popupModal77G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72c75330 e-con-full e-flex e-con e-child\" data-id=\"72c75330\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eedef7f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4eedef7f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-d5fbb99 ops-section e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"d5fbb99\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_has_onepagescroll&quot;:&quot;section&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ddb41a e-con-full e-flex e-con e-child\" data-id=\"1ddb41a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14e849b elementor-widget elementor-widget-image-carousel\" data-id=\"14e849b\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:3500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/kenya-162332_1280-150x150.png\" alt=\"kenya-162332_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/somalia-26953_1280-150x150.png\" alt=\"somalia-26953_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/africa-148711_1280-150x150.png\" alt=\"africa-148711_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/uganda-162449_1280-150x150.png\" alt=\"uganda-162449_1280\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0df6780 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"0df6780\" data-element_type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;Kenya\\nSomalia\\nTanzania\\nUganda&quot;,&quot;animation_type&quot;:&quot;clip&quot;,&quot;rotate_iteration_delay&quot;:3500,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline elementor-headline-animation-type-clip\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Ship from the USA to<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\tKenya\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tSomalia\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tTanzania\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tUganda\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-009bdc3 e-con-full e-flex e-con e-child\" data-id=\"009bdc3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7a56f9 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"c7a56f9\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/login\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Login<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3240d3e elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"3240d3e\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d598724 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d598724\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0adb77d e-grid e-con-full e-con e-child\" data-id=\"0adb77d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3595dbd e-con-full e-flex e-con e-child\" data-id=\"3595dbd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a075f elementor-widget elementor-widget-heading\" data-id=\"c0a075f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">40-gallon tote <strong>$239<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27cbcda elementor-widget elementor-widget-image\" data-id=\"27cbcda\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png\" class=\"attachment-large size-large wp-image-1395\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6ba7b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7a6ba7b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#40%20Gallon%20Tote\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4265d71 elementor-widget elementor-widget-html\" data-id=\"4265d71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Container Order Popup<\/title>\r\n  <style>\r\n    body { font-family: Arial, sans-serif; margin: 0; padding: 0; }\r\n    .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); }\r\n    .modal-content { background-color: #fff; margin: 10% auto; padding: 20px; border-radius: 8px; width: 90%; max-width: 500px; position: relative; }\r\n    .close { position: absolute; right: 15px; top: 10px; font-size: 24px; cursor: pointer; }\r\n    label, select, input { display: block; margin: 10px 0; width: 100%; }\r\n    button { padding: 10px; margin-top: 10px; width: 100%; cursor: pointer; }\r\n    .summary { font-weight: bold; margin-top: 15px; }\r\n    .hidden { display: none; }\r\n    .location-options input[type=\"radio\"] { margin-right: 5px; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Trigger Button -->\r\n<button onclick=\"openPopup('40 Gallon Tote')\">View More Information<\/button>\r\n\r\n<!-- Modal -->\r\n<div id=\"popupModal\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closePopup()\">&times;<\/span>\r\n    <h3>Customize Your Container<\/h3>\r\n\r\n    <!-- Dropdown -->\r\n    <label for=\"containerSelect\">Select Container<\/label>\r\n    <select id=\"containerSelect\" onchange=\"onContainerChange()\"><\/select>\r\n\r\n    <div id=\"containerDetails\"><\/div>\r\n\r\n    <!-- Quantity and add button -->\r\n    <button onclick=\"addContainer()\">+ Add Container<\/button>\r\n    <div>Quantity: <span id=\"quantity\">1<\/span><\/div>\r\n\r\n    <!-- Home delivery -->\r\n    <label><input type=\"checkbox\" id=\"homeDelivery\" onchange=\"toggleDelivery()\" \/> Home Delivery (+$20)<\/label>\r\n    <div class=\"location-options hidden\" id=\"locationOptions\">\r\n      <label><input type=\"radio\" name=\"location\" value=\"A\" onchange=\"updatePrice()\"> Location A<\/label>\r\n      <label><input type=\"radio\" name=\"location\" value=\"B\" onchange=\"updatePrice()\"> Location B<\/label>\r\n      <label><input type=\"radio\" name=\"location\" value=\"C\" onchange=\"updatePrice()\"> Location C<\/label>\r\n    <\/div>\r\n\r\n    <!-- Protection -->\r\n    <label><input type=\"checkbox\" id=\"protection\" onchange=\"updatePrice()\" \/> Add Protection Fee (5%)<\/label>\r\n\r\n    <!-- Price Summary -->\r\n    <div class=\"summary\">Total Price: $<span id=\"totalPrice\">0<\/span><\/div>\r\n\r\n    <!-- Guest \/ Logged-In View -->\r\n    <div id=\"guestView\">\r\n      <p>To complete your order, please sign up or log in.<\/p>\r\n      <button onclick=\"redirectLogin()\">Log In<\/button>\r\n      <button onclick=\"redirectSignup()\">Sign Up<\/button>\r\n    <\/div>\r\n    <div id=\"loggedInView\" class=\"hidden\">\r\n      <button onclick=\"completeOrder()\">Complete Order<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const containers = {\r\n    \"40 Gallon Tote\": { dimensions: \"36x21x18 in\", price: 239 },\r\n    \"50 Gallon Tote\": { dimensions: \"39x23x20 in\", price: 279 },\r\n    \"60 Gallon Tote\": { dimensions: \"42x24x21 in\", price: 320 },\r\n    \"77 Gallon Barrel\": { dimensions: \"24 in (Dia) x 42 in (H)\", price: 343 },\r\n    \"55 Gallon Barrel\": { dimensions: \"23 in (Dia) x 35 in (H)\", price: 299 },\r\n    \"Small Box\": { dimensions: \"16x12x12 in\", price: 150 },\r\n    \"Medium Box\": { dimensions: \"18x18x16 in\", price: 220 },\r\n    \"Large Box\": { dimensions: \"24x18x18 in\", price: 250 },\r\n    \"Small Wardrobe\": { dimensions: \"24x20x34 in\", price: 263 },\r\n    \"43-Inch TV\": { dimensions: \"38x6x24 in\", price: 215 },\r\n    \"55-Inch TV\": { dimensions: \"49x6x30 in\", price: 250 },\r\n    \"65-Inch TV\": { dimensions: \"58x7x35 in\", price: 399 },\r\n    \"77-Inch TV\": { dimensions: \"68x8x40 in\", price: 449 },\r\n  };\r\n\r\n  let currentContainer = \"40 Gallon Tote\";\r\n  let quantity = 1;\r\n  let isLoggedIn = false;\r\n\r\n  const modal = document.getElementById('popupModal');\r\n  const containerSelect = document.getElementById('containerSelect');\r\n  const containerDetails = document.getElementById('containerDetails');\r\n  const totalPriceDisplay = document.getElementById('totalPrice');\r\n\r\n  function openPopup(containerName) {\r\n    modal.style.display = 'block';\r\n    populateDropdown(containerName);\r\n    currentContainer = containerName;\r\n    quantity = 1;\r\n    document.getElementById('quantity').textContent = quantity;\r\n    updateContainerDetails();\r\n    updatePrice();\r\n    updateUserView();\r\n  }\r\n\r\n  function closePopup() {\r\n    modal.style.display = 'none';\r\n  }\r\n\r\n  function populateDropdown(selected) {\r\n    containerSelect.innerHTML = '';\r\n    for (let name in containers) {\r\n      const opt = document.createElement('option');\r\n      opt.value = name;\r\n      opt.textContent = name;\r\n      if (name === selected) opt.selected = true;\r\n      containerSelect.appendChild(opt);\r\n    }\r\n  }\r\n\r\n  function onContainerChange() {\r\n    currentContainer = containerSelect.value;\r\n    quantity = 1;\r\n    document.getElementById('quantity').textContent = quantity;\r\n    updateContainerDetails();\r\n    updatePrice();\r\n  }\r\n\r\n  function updateContainerDetails() {\r\n    const data = containers[currentContainer];\r\n    containerDetails.innerHTML = `<p><strong>Dimensions:<\/strong> ${data.dimensions}<\/p><p><strong>Base Price:<\/strong> $${data.price}<\/p>`;\r\n  }\r\n\r\n  function addContainer() {\r\n    quantity++;\r\n    document.getElementById('quantity').textContent = quantity;\r\n    updatePrice();\r\n  }\r\n\r\n  function toggleDelivery() {\r\n    const deliveryOptions = document.getElementById('locationOptions');\r\n    const checked = document.getElementById('homeDelivery').checked;\r\n    deliveryOptions.classList.toggle('hidden', !checked);\r\n    updatePrice();\r\n  }\r\n\r\n  function updatePrice() {\r\n    let basePrice = containers[currentContainer].price * quantity;\r\n    if (document.getElementById('homeDelivery').checked) {\r\n      const locationSelected = document.querySelector('input[name=\"location\"]:checked');\r\n      if (locationSelected) basePrice += 20;\r\n    }\r\n    if (document.getElementById('protection').checked) {\r\n      basePrice *= 1.05;\r\n    }\r\n    totalPriceDisplay.textContent = basePrice.toFixed(2);\r\n  }\r\n\r\n  function updateUserView() {\r\n    document.getElementById('guestView').classList.toggle('hidden', isLoggedIn);\r\n    document.getElementById('loggedInView').classList.toggle('hidden', !isLoggedIn);\r\n  }\r\n\r\n  function redirectLogin() {\r\n    alert(\"Redirecting to login page...\");\r\n    isLoggedIn = true;\r\n    updateUserView();\r\n  }\r\n\r\n  function redirectSignup() {\r\n    alert(\"Redirecting to signup page...\");\r\n    isLoggedIn = true;\r\n    updateUserView();\r\n  }\r\n\r\n  function completeOrder() {\r\n    alert(\"Success! You have successfully placed an order. Please check your email for further instructions.\");\r\n    closePopup();\r\n  }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-840a4f7 e-con-full e-flex e-con e-child\" data-id=\"840a4f7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64d9cf4 elementor-widget elementor-widget-heading\" data-id=\"64d9cf4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">50-gallon tote <strong>$279<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7af34d3 elementor-widget elementor-widget-image\" data-id=\"7af34d3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png\" class=\"attachment-large size-large wp-image-1394\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89dd332 elementor-align-center view-more-btn elementor-widget elementor-widget-button\" data-id=\"89dd332\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\" id=\"c1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b87895 elementor-widget elementor-widget-html\" data-id=\"5b87895\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Container Order Form<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        #modal {\r\n            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\r\n        }\r\n        .modal-open {\r\n            overflow: hidden;\r\n        }\r\n        .focus-ring-blue-500:focus {\r\n            --tw-ring-color: #3b82f6;\r\n        }\r\n        .location-btn.selected {\r\n            background-color: #2563eb; \/* bg-blue-700 *\/\r\n            color: white;\r\n            border-color: #1d4ed8; \/* border-blue-800 *\/\r\n        }\r\n        \/* Animation for item added to cart *\/\r\n        @keyframes item-added {\r\n            0% { background-color: transparent; }\r\n            50% { background-color: #eff6ff; } \/* bg-blue-50 *\/\r\n            100% { background-color: transparent; }\r\n        }\r\n        .item-added-animation {\r\n            animation: item-added 0.7s ease-in-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n    <!-- HOW TO INTEGRATE:\r\n        1. Copy the <div id=\"modal\">...<\/div> and the <script>...<\/script> into your website's HTML file.\r\n        2. Ensure each \"View More\" button on your site has the class \"view-more-btn\" and a data attribute: data-container-id=\"<unique_id>\"\r\n        EXAMPLE: <button class=\"view-more-btn\" data-container-id=\"c1\">View Details<\/button>\r\n    -->\r\n\r\n    <!-- Main Page Content (Example) -->\r\n    <div class=\"container mx-auto px-4 py-12\">\r\n        <header class=\"text-center mb-12\">\r\n            <h1 class=\"text-4xl font-bold text-gray-900\"><\/h1>\r\n            <p class=\"mt-2 text-lg text-gray-600\"><\/p>\r\n        <\/header>\r\n        <div id=\"container-listings\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n            <!-- Container cards are dynamically generated for this demo -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Pop-up -->\r\n    <div id=\"modal\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\r\n        <div id=\"modal-content\" class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl transform transition-transform duration-300 scale-95\">\r\n            <!-- Modal Header -->\r\n            <div class=\"flex justify-between items-center p-6 border-b border-gray-200\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900\">Your Shipment<\/h2>\r\n                <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-gray-600 transition-colors\">\r\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Modal Body -->\r\n            <div id=\"modal-body\" class=\"p-6 space-y-6 max-h-[70vh] overflow-y-auto\">\r\n                <!-- Add Container Control -->\r\n                <div class=\"flex items-end gap-3 bg-gray-50 p-4 rounded-lg\">\r\n                    <div class=\"flex-grow\">\r\n                        <label for=\"container-select\" class=\"block text-sm font-medium text-gray-700 mb-1\">Add a Container<\/label>\r\n                        <select id=\"container-select\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus-ring-blue-500 focus:border-blue-500 transition\">\r\n                            <!-- Options will be dynamically inserted here -->\r\n                        <\/select>\r\n                    <\/div>\r\n                    <button id=\"add-container-btn\" class=\"bg-blue-500 text-white rounded-lg h-12 w-12 flex-shrink-0 flex items-center justify-center hover:bg-blue-600 transition-transform transform hover:scale-105 shadow-md\">\r\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Shipment Items List -->\r\n                <div id=\"shipment-items-list\" class=\"space-y-3\">\r\n                    <!-- Cart items will be dynamically inserted here -->\r\n                <\/div>\r\n\r\n                <!-- Additional Options -->\r\n                <div class=\"space-y-4 pt-4 border-t\">\r\n                    <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                        <div class=\"flex items-center h-5\">\r\n                            <input id=\"home-delivery-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                        <\/div>\r\n                        <div class=\"ml-3 text-sm\">\r\n                            <label for=\"home-delivery-checkbox\" class=\"font-medium text-gray-800\">Home Delivery<\/label>\r\n                            <p class=\"text-gray-500\">Select a location to add a flat fee of $20 for delivery.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"delivery-locations\" class=\"hidden pl-8 space-y-2\">\r\n                         <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\r\n                             <button data-location=\"New York\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">New York, NY<\/button>\r\n                             <button data-location=\"Los Angeles\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Los Angeles, CA<\/button>\r\n                             <button data-location=\"Chicago\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Chicago, IL<\/button>\r\n                         <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                        <div class=\"flex items-center h-5\">\r\n                            <input id=\"protection-fee-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                        <\/div>\r\n                        <div class=\"ml-3 text-sm\">\r\n                            <label for=\"protection-fee-checkbox\" class=\"font-medium text-gray-800\">Add Protection Fee<\/label>\r\n                            <p class=\"text-gray-500\">Add a 5% fee for shipment protection.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Price Summary -->\r\n                <div class=\"pt-6 border-t border-gray-200\">\r\n                     <div class=\"flex justify-between items-center\">\r\n                        <p class=\"text-xl font-semibold text-gray-600\">Total Price:<\/p>\r\n                        <p id=\"total-price\" class=\"text-3xl font-bold text-gray-900\">$0.00<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Modal Footer -->\r\n            <div id=\"modal-footer\" class=\"p-6 bg-gray-50 rounded-b-2xl\">\r\n                <div id=\"guest-view\">\r\n                    <p class=\"text-center text-sm text-gray-600 mb-4\">To complete your order, please sign up or log in.<\/p>\r\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                        <button id=\"login-btn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-900 transition-colors\">Log In<\/button>\r\n                        <button id=\"signup-btn\" class=\"w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition-colors\">Sign Up<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"loggedin-view\" class=\"hidden\">\r\n                    <button id=\"complete-order-btn\" class=\"w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 transition-colors text-lg\">Complete Order<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Success Message -->\r\n            <div id=\"success-message\" class=\"hidden p-8 text-center bg-green-50 rounded-b-2xl\">\r\n                <div class=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\r\n                    <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"text-2xl font-bold text-green-800\">Success!<\/h3>\r\n                <p class=\"mt-2 text-gray-600\">You have successfully placed an order. Please check your email for further instructions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ --- DATA & STATE ---\r\n            const containersData = [\r\n                { id: 'c1', name: '40 Gallon Tote', price: 239, dimensions: '36\" x 21\" x 18\"' },\r\n                { id: 'c2', name: '50 Gallon Tote', price: 279, dimensions: '39\" x 23\" x 20\"' },\r\n                { id: 'c3', name: '60 Gallon Tote', price: 320, dimensions: '42\" x 24\" x 21\"' },\r\n                { id: 'c4', name: '77 Gallon Barrel', price: 343, dimensions: '24\" (Dia) x 42\" (H)' },\r\n                { id: 'c5', name: '55 Gallon Barrel', price: 299, dimensions: '23\" (Dia) x 35\" (H)' },\r\n                { id: 'c6', name: 'Small Box', price: 150, dimensions: '16\" x 12\" x 12\"' },\r\n                { id: 'c7', name: 'Medium Box', price: 220, dimensions: '18\" x 18\" x 16\"' },\r\n                { id: 'c8', name: 'Large Box', price: 250, dimensions: '24\" x 18\" x 18\"' },\r\n                { id: 'c9', name: 'Small Wardrobe', price: 263, dimensions: '24\" x 20\" x 34\"' },\r\n                { id: 'c10', name: '43-Inch TV', price: 215, dimensions: '38\" x 6\" x 24\"' },\r\n                { id: 'c11', name: '55-Inch TV', price: 250, dimensions: '49\" x 6\" x 30\"' },\r\n                { id: 'c12', name: '65-Inch TV', price: 399, dimensions: '58\" x 7\" x 35\"' },\r\n                { id: 'c13', name: '77-Inch TV', price: 449, dimensions: '68\" x 8\" x 40\"' }\r\n            ];\r\n\r\n            let state = {\r\n                isLoggedIn: false,\r\n                currentOrder: {\r\n                    items: [], \/\/ Changed to an array of items\r\n                    homeDelivery: false,\r\n                    selectedLocation: null,\r\n                    protectionFee: false,\r\n                }\r\n            };\r\n\r\n            \/\/ --- DOM ELEMENTS ---\r\n            const containerListingsEl = document.getElementById('container-listings');\r\n            const modalEl = document.getElementById('modal');\r\n            const modalContentEl = document.getElementById('modal-content');\r\n            const closeModalBtn = document.getElementById('close-modal-btn');\r\n            const containerSelectEl = document.getElementById('container-select');\r\n            const addContainerBtn = document.getElementById('add-container-btn');\r\n            const shipmentItemsListEl = document.getElementById('shipment-items-list');\r\n            const homeDeliveryCheckbox = document.getElementById('home-delivery-checkbox');\r\n            const deliveryLocationsEl = document.getElementById('delivery-locations');\r\n            const locationButtons = document.querySelectorAll('.location-btn');\r\n            const protectionFeeCheckbox = document.getElementById('protection-fee-checkbox');\r\n            const totalPriceEl = document.getElementById('total-price');\r\n            const guestViewEl = document.getElementById('guest-view');\r\n            const loggedinViewEl = document.getElementById('loggedin-view');\r\n            const loginBtn = document.getElementById('login-btn');\r\n            const signupBtn = document.getElementById('signup-btn');\r\n            const completeOrderBtn = document.getElementById('complete-order-btn');\r\n            const successMessageEl = document.getElementById('success-message');\r\n            const modalBodyEl = document.getElementById('modal-body');\r\n            const modalFooterEl = document.getElementById('modal-footer');\r\n\r\n            \/\/ --- FUNCTIONS ---\r\n\r\n            const updatePrice = () => {\r\n                let basePrice = state.currentOrder.items.reduce((total, item) => {\r\n                    const container = containersData.find(c => c.id === item.id);\r\n                    return total + (container.price * item.quantity);\r\n                }, 0);\r\n\r\n                let deliveryFee = state.currentOrder.selectedLocation ? 20 : 0;\r\n                let subtotal = basePrice + deliveryFee;\r\n                let protectionFee = state.currentOrder.protectionFee ? subtotal * 0.05 : 0;\r\n                let totalPrice = subtotal + protectionFee;\r\n\r\n                totalPriceEl.textContent = totalPrice.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\r\n            };\r\n            \r\n            const renderShipmentItems = () => {\r\n                shipmentItemsListEl.innerHTML = ''; \/\/ Clear the list first\r\n                if (state.currentOrder.items.length === 0) {\r\n                    shipmentItemsListEl.innerHTML = `<p class=\"text-center text-gray-500 py-4\">Your shipment is empty.<\/p>`;\r\n                    return;\r\n                }\r\n                \r\n                state.currentOrder.items.forEach(item => {\r\n                    const container = containersData.find(c => c.id === item.id);\r\n                    const itemEl = document.createElement('div');\r\n                    itemEl.className = 'flex items-center justify-between bg-white p-3 rounded-lg border border-gray-200';\r\n                    itemEl.innerHTML = `\r\n                        <div class=\"flex-grow\">\r\n                            <p class=\"font-semibold text-gray-800\">${container.name}<\/p>\r\n                            <p class=\"text-sm text-gray-500\">${(container.price).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <p class=\"font-bold text-blue-600\">x ${item.quantity}<\/p>\r\n                            <button data-item-id=\"${item.id}\" class=\"remove-item-btn text-red-500 hover:text-red-700 transition-colors p-1 rounded-full hover:bg-red-50\">\r\n                                <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    `;\r\n                    shipmentItemsListEl.appendChild(itemEl);\r\n\r\n                    \/\/ Add animation for newly added items\r\n                    if (item.isNew) {\r\n                        itemEl.classList.add('item-added-animation');\r\n                        delete item.isNew;\r\n                    }\r\n                });\r\n\r\n                \/\/ Re-attach event listeners for remove buttons\r\n                document.querySelectorAll('.remove-item-btn').forEach(btn => {\r\n                    btn.addEventListener('click', (e) => {\r\n                        const itemIdToRemove = e.currentTarget.dataset.itemId;\r\n                        state.currentOrder.items = state.currentOrder.items.filter(i => i.id !== itemIdToRemove);\r\n                        renderUI();\r\n                    });\r\n                });\r\n            };\r\n\r\n            const renderUI = () => {\r\n                if (state.isLoggedIn) {\r\n                    guestViewEl.classList.add('hidden');\r\n                    loggedinViewEl.classList.remove('hidden');\r\n                } else {\r\n                    guestViewEl.classList.remove('hidden');\r\n                    loggedinViewEl.classList.add('hidden');\r\n                }\r\n                \r\n                homeDeliveryCheckbox.checked = state.currentOrder.homeDelivery;\r\n                protectionFeeCheckbox.checked = state.currentOrder.protectionFee;\r\n                \r\n                if (state.currentOrder.homeDelivery) {\r\n                    deliveryLocationsEl.classList.remove('hidden');\r\n                } else {\r\n                    deliveryLocationsEl.classList.add('hidden');\r\n                }\r\n\r\n                locationButtons.forEach(btn => {\r\n                    btn.classList.toggle('selected', btn.dataset.location === state.currentOrder.selectedLocation);\r\n                });\r\n\r\n                renderShipmentItems();\r\n                updatePrice();\r\n            };\r\n\r\n            const resetOrderForm = () => {\r\n                state.currentOrder = {\r\n                    items: [],\r\n                    homeDelivery: false,\r\n                    selectedLocation: null,\r\n                    protectionFee: false,\r\n                };\r\n                modalBodyEl.classList.remove('hidden');\r\n                modalFooterEl.classList.remove('hidden');\r\n                successMessageEl.classList.add('hidden');\r\n            };\r\n\r\n            const openModal = (containerId) => {\r\n                resetOrderForm();\r\n                \/\/ Add the initially selected container to the cart\r\n                state.currentOrder.items.push({ id: containerId, quantity: 1, isNew: true });\r\n                containerSelectEl.value = containerId;\r\n                \r\n                document.body.classList.add('modal-open');\r\n                modalEl.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n                modalContentEl.classList.remove('scale-95');\r\n                renderUI();\r\n            };\r\n\r\n            const closeModal = () => {\r\n                document.body.classList.remove('modal-open');\r\n                modalEl.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n                modalContentEl.classList.add('scale-95');\r\n            };\r\n\r\n            const handleAddItem = () => {\r\n                const selectedId = containerSelectEl.value;\r\n                const existingItem = state.currentOrder.items.find(item => item.id === selectedId);\r\n\r\n                if (existingItem) {\r\n                    existingItem.quantity++;\r\n                } else {\r\n                    state.currentOrder.items.push({ id: selectedId, quantity: 1, isNew: true });\r\n                }\r\n                renderUI();\r\n            };\r\n\r\n            \/\/ --- INITIALIZATION & EVENT LISTENERS ---\r\n\r\n            \/\/ Populate container listings on the main page (for demonstration)\r\n            containersData.forEach(container => {\r\n                containerListingsEl.innerHTML += `\r\n                    <div class=\"bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300\">\r\n                        <div class=\"p-8\">\r\n                            <div class=\"uppercase tracking-wide text-sm text-blue-500 font-semibold\">${container.dimensions}<\/div>\r\n                            <h3 class=\"block mt-1 text-xl leading-tight font-bold text-black\">${container.name}<\/h3>\r\n                            <p class=\"mt-2 text-gray-500\">Starting at <span class=\"font-semibold text-gray-700\">${container.price.toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/span><\/p>\r\n                            <button data-container-id=\"${container.id}\" class=\"view-more-btn mt-6 bg-gray-800 text-white font-bold py-2 px-4 rounded-lg hover:bg-gray-900 transition-colors w-full\">\r\n                                View More Information\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            });\r\n\r\n            \/\/ Populate the dropdown in the modal\r\n            containersData.forEach(container => {\r\n                containerSelectEl.innerHTML += `<option value=\"${container.id}\">${container.name}<\/option>`;\r\n            });\r\n\r\n            \/\/ Event Listeners\r\n            document.querySelectorAll('.view-more-btn').forEach(button => {\r\n                button.addEventListener('click', (e) => openModal(e.currentTarget.dataset.containerId));\r\n            });\r\n            \r\n            addContainerBtn.addEventListener('click', handleAddItem);\r\n            closeModalBtn.addEventListener('click', closeModal);\r\n            modalEl.addEventListener('click', (e) => { if (e.target === modalEl) closeModal(); });\r\n\r\n            homeDeliveryCheckbox.addEventListener('change', (e) => {\r\n                state.currentOrder.homeDelivery = e.target.checked;\r\n                if (!e.target.checked) state.currentOrder.selectedLocation = null;\r\n                renderUI();\r\n            });\r\n\r\n            locationButtons.forEach(button => {\r\n                button.addEventListener('click', () => {\r\n                    const location = button.dataset.location;\r\n                    state.currentOrder.selectedLocation = state.currentOrder.selectedLocation === location ? null : location;\r\n                    renderUI();\r\n                });\r\n            });\r\n\r\n            protectionFeeCheckbox.addEventListener('change', (e) => {\r\n                state.currentOrder.protectionFee = e.target.checked;\r\n                renderUI();\r\n            });\r\n\r\n            loginBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n            signupBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n            completeOrderBtn.addEventListener('click', () => {\r\n                modalBodyEl.classList.add('hidden');\r\n                modalFooterEl.classList.add('hidden');\r\n                successMessageEl.classList.remove('hidden');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1609038 e-con-full e-flex e-con e-child\" data-id=\"1609038\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0587949 elementor-widget elementor-widget-heading\" data-id=\"0587949\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">60-gallon tote <strong>$320<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5f9f3a elementor-widget elementor-widget-image\" data-id=\"c5f9f3a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png\" class=\"attachment-large size-large wp-image-1393\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf7a201 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"cf7a201\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#open-order-modal\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1b28a elementor-widget elementor-widget-html\" data-id=\"5e1b28a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    body {\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    #order-modal {\r\n        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\r\n    }\r\n    .modal-open {\r\n        overflow: hidden;\r\n    }\r\n    .focus-ring-blue-500:focus {\r\n        --tw-ring-color: #3b82f6;\r\n    }\r\n    .location-btn.selected {\r\n        background-color: #2563eb;\r\n        color: white;\r\n        border-color: #1d4ed8;\r\n    }\r\n    @keyframes item-added {\r\n        0% { background-color: transparent; }\r\n        50% { background-color: #eff6ff; }\r\n        100% { background-color: transparent; }\r\n    }\r\n    .item-added-animation {\r\n        animation: item-added 0.7s ease-in-out;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"order-modal\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\r\n    <div id=\"modal-content\" class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl transform transition-transform duration-300 scale-95\">\r\n        <div class=\"flex justify-between items-center p-6 border-b border-gray-200\">\r\n            <h2 class=\"text-2xl font-bold text-gray-900\">Your Shipment<\/h2>\r\n            <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-gray-600 transition-colors\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"modal-body\" class=\"p-6 space-y-6 max-h-[70vh] overflow-y-auto\">\r\n            <div class=\"flex items-end gap-3 bg-gray-50 p-4 rounded-lg\">\r\n                <div class=\"flex-grow\">\r\n                    <label for=\"container-select\" class=\"block text-sm font-medium text-gray-700 mb-1\">Add a Container<\/label>\r\n                    <select id=\"container-select\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus-ring-blue-500 focus:border-blue-500 transition\"><\/select>\r\n                <\/div>\r\n                <button id=\"add-container-btn\" class=\"bg-blue-500 text-white rounded-lg h-12 w-12 flex-shrink-0 flex items-center justify-center hover:bg-blue-600 transition-transform transform hover:scale-105 shadow-md\">\r\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div id=\"shipment-items-list\" class=\"space-y-3\"><\/div>\r\n\r\n            <div class=\"space-y-4 pt-4 border-t\">\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\">\r\n                        <input id=\"home-delivery-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                    <\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"home-delivery-checkbox\" class=\"font-medium text-gray-800\">Home Delivery<\/label>\r\n                        <p class=\"text-gray-500\">Select a location to add a flat fee of $20 for delivery.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"delivery-locations\" class=\"hidden pl-8 space-y-2\">\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\r\n                        <button data-location=\"New York\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">New York, NY<\/button>\r\n                        <button data-location=\"Los Angeles\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Los Angeles, CA<\/button>\r\n                        <button data-location=\"Chicago\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Chicago, IL<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\">\r\n                        <input id=\"protection-fee-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                    <\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"protection-fee-checkbox\" class=\"font-medium text-gray-800\">Add Protection Fee<\/label>\r\n                        <p class=\"text-gray-500\">Add a 5% fee for shipment protection.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-6 border-t border-gray-200\">\r\n                <div class=\"flex justify-between items-center\">\r\n                    <p class=\"text-xl font-semibold text-gray-600\">Total Price:<\/p>\r\n                    <p id=\"total-price\" class=\"text-3xl font-bold text-gray-900\">$0.00<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"modal-footer\" class=\"p-6 bg-gray-50 rounded-b-2xl\">\r\n            <div id=\"guest-view\">\r\n                <p class=\"text-center text-sm text-gray-600 mb-4\">To complete your order, please sign up or log in.<\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                    <button id=\"login-btn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-900 transition-colors\">Log In<\/button>\r\n                    <button id=\"signup-btn\" class=\"w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition-colors\">Sign Up<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div id=\"loggedin-view\" class=\"hidden\">\r\n                <button id=\"complete-order-btn\" class=\"w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 transition-colors text-lg\">Complete Order<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"success-message\" class=\"hidden p-8 text-center bg-green-50 rounded-b-2xl\">\r\n            <div class=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\r\n                <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n            <\/div>\r\n            <h3 class=\"text-2xl font-bold text-green-800\">Success!<\/h3>\r\n            <p class=\"mt-2 text-gray-600\">You have successfully placed an order. Please check your email for further instructions.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ --- DATA & STATE ---\r\n    const containersData = [\r\n        { id: 'c1', name: '40 Gallon Tote', price: 239 }, { id: 'c2', name: '50 Gallon Tote', price: 279 },\r\n        { id: 'c3', name: '60 Gallon Tote', price: 320 }, { id: 'c4', name: '77 Gallon Barrel', price: 343 },\r\n        { id: 'c5', name: '55 Gallon Barrel', price: 299 }, { id: 'c6', name: 'Small Box', price: 150 },\r\n        { id: 'c7', name: 'Medium Box', price: 220 }, { id: 'c8', name: 'Large Box', price: 250 },\r\n        { id: 'c9', name: 'Small Wardrobe', price: 263 }, { id: 'c10', name: '43-Inch TV', price: 215 },\r\n        { id: 'c11', name: '55-Inch TV', price: 250 }, { id: 'c12', name: '65-Inch TV', price: 399 },\r\n        { id: 'c13', name: '77-Inch TV', price: 449 }\r\n    ];\r\n\r\n    let state = { isLoggedIn: false, currentOrder: { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false } };\r\n\r\n    \/\/ --- DOM ELEMENTS ---\r\n    const modalEl = document.getElementById('order-modal');\r\n    const modalContentEl = document.getElementById('modal-content');\r\n    const closeModalBtn = document.getElementById('close-modal-btn');\r\n    const containerSelectEl = document.getElementById('container-select');\r\n    const addContainerBtn = document.getElementById('add-container-btn');\r\n    const shipmentItemsListEl = document.getElementById('shipment-items-list');\r\n    const homeDeliveryCheckbox = document.getElementById('home-delivery-checkbox');\r\n    const deliveryLocationsEl = document.getElementById('delivery-locations');\r\n    const locationButtons = document.querySelectorAll('.location-btn');\r\n    const protectionFeeCheckbox = document.getElementById('protection-fee-checkbox');\r\n    const totalPriceEl = document.getElementById('total-price');\r\n    const guestViewEl = document.getElementById('guest-view');\r\n    const loggedinViewEl = document.getElementById('loggedin-view');\r\n    const loginBtn = document.getElementById('login-btn');\r\n    const signupBtn = document.getElementById('signup-btn');\r\n    const completeOrderBtn = document.getElementById('complete-order-btn');\r\n    const successMessageEl = document.getElementById('success-message');\r\n    const modalBodyEl = document.getElementById('modal-body');\r\n    const modalFooterEl = document.getElementById('modal-footer');\r\n\r\n    \/\/ --- FUNCTIONS ---\r\n    const updatePrice = () => {\r\n        let basePrice = state.currentOrder.items.reduce((total, item) => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            return total + (container.price * item.quantity);\r\n        }, 0);\r\n        let deliveryFee = state.currentOrder.selectedLocation ? 20 : 0;\r\n        let subtotal = basePrice + deliveryFee;\r\n        let protectionFee = state.currentOrder.protectionFee ? subtotal * 0.05 : 0;\r\n        let totalPrice = subtotal + protectionFee;\r\n        totalPriceEl.textContent = totalPrice.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\r\n    };\r\n    \r\n    const renderShipmentItems = () => {\r\n        shipmentItemsListEl.innerHTML = '';\r\n        if (state.currentOrder.items.length === 0) {\r\n            shipmentItemsListEl.innerHTML = `<p class=\"text-center text-gray-500 py-4\">Your shipment is empty.<\/p>`;\r\n            return;\r\n        }\r\n        state.currentOrder.items.forEach(item => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            const itemEl = document.createElement('div');\r\n            itemEl.className = 'flex items-center justify-between bg-white p-3 rounded-lg border border-gray-200';\r\n            itemEl.innerHTML = `\r\n                <div class=\"flex-grow\">\r\n                    <p class=\"font-semibold text-gray-800\">${container.name}<\/p>\r\n                    <p class=\"text-sm text-gray-500\">${(container.price).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-3\">\r\n                    <p class=\"font-bold text-blue-600\">x ${item.quantity}<\/p>\r\n                    <button data-item-id=\"${item.id}\" class=\"remove-item-btn text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-50\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>`;\r\n            shipmentItemsListEl.appendChild(itemEl);\r\n            if (item.isNew) {\r\n                itemEl.classList.add('item-added-animation');\r\n                delete item.isNew;\r\n            }\r\n        });\r\n        document.querySelectorAll('.remove-item-btn').forEach(btn => {\r\n            btn.addEventListener('click', (e) => {\r\n                const itemIdToRemove = e.currentTarget.dataset.itemId;\r\n                state.currentOrder.items = state.currentOrder.items.filter(i => i.id !== itemIdToRemove);\r\n                renderUI();\r\n            });\r\n        });\r\n    };\r\n\r\n    const renderUI = () => {\r\n        guestViewEl.classList.toggle('hidden', state.isLoggedIn);\r\n        loggedinViewEl.classList.toggle('hidden', !state.isLoggedIn);\r\n        homeDeliveryCheckbox.checked = state.currentOrder.homeDelivery;\r\n        protectionFeeCheckbox.checked = state.currentOrder.protectionFee;\r\n        deliveryLocationsEl.classList.toggle('hidden', !state.currentOrder.homeDelivery);\r\n        locationButtons.forEach(btn => btn.classList.toggle('selected', btn.dataset.location === state.currentOrder.selectedLocation));\r\n        renderShipmentItems();\r\n        updatePrice();\r\n    };\r\n\r\n    const resetOrderForm = () => {\r\n        state.currentOrder = { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false };\r\n        modalBodyEl.classList.remove('hidden');\r\n        modalFooterEl.classList.remove('hidden');\r\n        successMessageEl.classList.add('hidden');\r\n    };\r\n\r\n    const openModal = () => {\r\n        resetOrderForm();\r\n        document.body.classList.add('modal-open');\r\n        modalEl.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.remove('scale-95');\r\n        renderUI();\r\n    };\r\n\r\n    const closeModal = () => {\r\n        document.body.classList.remove('modal-open');\r\n        modalEl.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.add('scale-95');\r\n    };\r\n\r\n    const handleAddItem = () => {\r\n        const selectedId = containerSelectEl.value;\r\n        const existingItem = state.currentOrder.items.find(item => item.id === selectedId);\r\n        if (existingItem) {\r\n            existingItem.quantity++;\r\n        } else {\r\n            state.currentOrder.items.push({ id: selectedId, quantity: 1, isNew: true });\r\n        }\r\n        renderUI();\r\n    };\r\n\r\n    \/\/ --- INITIALIZATION & EVENT LISTENERS ---\r\n    containersData.forEach(c => { containerSelectEl.innerHTML += `<option value=\"${c.id}\">${c.name}<\/option>`; });\r\n\r\n    \/\/ Listen for clicks on ANY link that points to \"#open-order-modal\"\r\n    document.querySelectorAll('a[href=\"#open-order-modal\"]').forEach(button => {\r\n        button.addEventListener('click', (e) => {\r\n            e.preventDefault(); \/\/ Prevent page from jumping\r\n            openModal();\r\n        });\r\n    });\r\n    \r\n    addContainerBtn.addEventListener('click', handleAddItem);\r\n    closeModalBtn.addEventListener('click', closeModal);\r\n    modalEl.addEventListener('click', (e) => { if (e.target === modalEl) closeModal(); });\r\n\r\n    homeDeliveryCheckbox.addEventListener('change', (e) => {\r\n        state.currentOrder.homeDelivery = e.target.checked;\r\n        if (!e.target.checked) state.currentOrder.selectedLocation = null;\r\n        renderUI();\r\n    });\r\n\r\n    locationButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const location = button.dataset.location;\r\n            state.currentOrder.selectedLocation = state.currentOrder.selectedLocation === location ? null : location;\r\n            renderUI();\r\n        });\r\n    });\r\n\r\n    protectionFeeCheckbox.addEventListener('change', (e) => {\r\n        state.currentOrder.protectionFee = e.target.checked;\r\n        renderUI();\r\n    });\r\n\r\n    loginBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    signupBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    completeOrderBtn.addEventListener('click', () => {\r\n        modalBodyEl.classList.add('hidden');\r\n        modalFooterEl.classList.add('hidden');\r\n        successMessageEl.classList.remove('hidden');\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2a6384 e-con-full e-flex e-con e-child\" data-id=\"b2a6384\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad17408 elementor-widget elementor-widget-heading\" data-id=\"ad17408\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">77-gallon barell <strong>$343<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb88ca elementor-widget elementor-widget-image\" data-id=\"4cb88ca\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png\" class=\"attachment-large size-large wp-image-1389\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png 700w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-600x600.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-150x150.png 150w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa8b089 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"aa8b089\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-77g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc9d93 elementor-widget elementor-widget-html\" data-id=\"7dc9d93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal 77G -->\r\n<div id=\"popupModal77G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup77G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>77 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 42 inches<\/li>\r\n      <li>Width: 30 inches<\/li>\r\n      <li>Height: 30 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total: $343<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-77g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal77G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup77G() {\r\n    document.getElementById(\"popupModal77G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9839dc9 e-con-full e-flex e-con e-child\" data-id=\"9839dc9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ba6999 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2ba6999\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-59ea825 ops-section e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"59ea825\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_has_onepagescroll&quot;:&quot;section&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e9694fd e-con-full e-flex e-con e-child\" data-id=\"e9694fd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0d61d elementor-widget elementor-widget-image-carousel\" data-id=\"5f0d61d\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:3500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/kenya-162332_1280-150x150.png\" alt=\"kenya-162332_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/somalia-26953_1280-150x150.png\" alt=\"somalia-26953_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/africa-148711_1280-150x150.png\" alt=\"africa-148711_1280\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/uganda-162449_1280-150x150.png\" alt=\"uganda-162449_1280\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fc5033 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"2fc5033\" data-element_type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;Kenya\\nSomalia\\nTanzania\\nUganda&quot;,&quot;animation_type&quot;:&quot;clip&quot;,&quot;rotate_iteration_delay&quot;:3500,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline elementor-headline-animation-type-clip\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Ship from the USA to<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\tKenya\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tSomalia\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tTanzania\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\tUganda\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cb9183 e-con-full e-flex e-con e-child\" data-id=\"6cb9183\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-156806a elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"156806a\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/login\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Login<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5346025 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-button\" data-id=\"5346025\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kenyalinkconsolidators.com\/register\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1dc052 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d1dc052\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-deec44b e-grid e-con-full e-con e-child\" data-id=\"deec44b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7dd620e e-con-full e-flex e-con e-child\" data-id=\"7dd620e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9823a27 elementor-widget elementor-widget-heading\" data-id=\"9823a27\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">40-gallon tote <strong>$239<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bee4e6b elementor-widget elementor-widget-image\" data-id=\"bee4e6b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png\" class=\"attachment-large size-large wp-image-1395\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Small-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0157b4f elementor-widget elementor-widget-html\" data-id=\"0157b4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    body { font-family: 'Inter', sans-serif; }\r\n    #order-modal { transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }\r\n    .modal-open { overflow: hidden; }\r\n    .focus-ring-blue-500:focus { --tw-ring-color: #3b82f6; }\r\n    .location-btn.selected { background-color: #2563eb; color: white; border-color: #1d4ed8; }\r\n    @keyframes item-added {\r\n        0% { background-color: transparent; }\r\n        50% { background-color: #eff6ff; }\r\n        100% { background-color: transparent; }\r\n    }\r\n    .item-added-animation { animation: item-added 0.7s ease-in-out; }\r\n<\/style>\r\n\r\n<div id=\"order-modal\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\r\n    <div id=\"modal-content\" class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl transform transition-transform duration-300 scale-95\">\r\n        <div class=\"flex justify-between items-center p-6 border-b border-gray-200\">\r\n            <h2 class=\"text-2xl font-bold text-gray-900\">Your Shipment<\/h2>\r\n            <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-gray-600 transition-colors\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"modal-body\" class=\"p-6 space-y-6 max-h-[70vh] overflow-y-auto\">\r\n            <div class=\"flex items-end gap-3 bg-gray-50 p-4 rounded-lg\">\r\n                <div class=\"flex-grow\">\r\n                    <label for=\"container-select\" class=\"block text-sm font-medium text-gray-700 mb-1\">Add or Change Container<\/label>\r\n                    <select id=\"container-select\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus-ring-blue-500 focus:border-blue-500 transition\"><\/select>\r\n                <\/div>\r\n                <button id=\"add-container-btn\" title=\"Add selected container\" class=\"bg-blue-500 text-white rounded-lg h-12 w-12 flex-shrink-0 flex items-center justify-center hover:bg-blue-600 transition-transform transform hover:scale-105 shadow-md\">\r\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div id=\"shipment-items-list\" class=\"space-y-3\"><\/div>\r\n\r\n            <div class=\"space-y-4 pt-4 border-t\">\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\"><input id=\"home-delivery-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\"><\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"home-delivery-checkbox\" class=\"font-medium text-gray-800\">Home Delivery<\/label>\r\n                        <p class=\"text-gray-500\">Select a location to add a flat fee of $20 for delivery.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"delivery-locations\" class=\"hidden pl-8\">\r\n                     <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\r\n                        <button data-location=\"New York\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md\">New York, NY<\/button>\r\n                        <button data-location=\"Los Angeles\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md\">Los Angeles, CA<\/button>\r\n                        <button data-location=\"Chicago\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md\">Chicago, IL<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\"><input id=\"protection-fee-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\"><\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"protection-fee-checkbox\" class=\"font-medium text-gray-800\">Add Protection Fee<\/label>\r\n                        <p class=\"text-gray-500\">Add a 5% fee for shipment protection.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-6 border-t border-gray-200\">\r\n                <div class=\"flex justify-between items-center\">\r\n                    <p class=\"text-xl font-semibold text-gray-600\">Total Price:<\/p>\r\n                    <p id=\"total-price\" class=\"text-3xl font-bold text-gray-900\">$0.00<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"modal-footer\" class=\"p-6 bg-gray-50 rounded-b-2xl\">\r\n            <div id=\"guest-view\">\r\n                <p class=\"text-center text-sm text-gray-600 mb-4\">To complete your order, kindly sign up or log in.<\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                    <button id=\"login-btn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-900\">Log In<\/button>\r\n                    <button id=\"signup-btn\" class=\"w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700\">Sign Up<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div id=\"loggedin-view\" class=\"hidden\">\r\n                <button id=\"complete-order-btn\" class=\"w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 text-lg\">Complete Order<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"success-message\" class=\"hidden p-8 text-center bg-green-50 rounded-b-2xl\">\r\n            <div class=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\r\n                <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n            <\/div>\r\n            <h3 class=\"text-2xl font-bold text-green-800\">Success!<\/h3>\r\n            <p class=\"mt-2 text-gray-600\">You have successfully placed an order. Please check your email for further instructions.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ --- Data verified from the provided PDF document ---\r\n    const containersData = [\r\n        [cite_start]{ id: 'c1', name: '40 Gallon Tote', price: 239, dimensions: '36\" x 21\" x 18\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c2', name: '50 Gallon Tote', price: 279, dimensions: '39\" x 23\" x 20\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c3', name: '60 Gallon Tote', price: 320, dimensions: '42\" x 24\" x 21\" in' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c4', name: '77 Gallon Barrel', price: 343, dimensions: '24\" (Dia) x 42\" (H)' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c5', name: '55 Gallon Barrel', price: 299, dimensions: '23\" (Dia) x 35\" (H)' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c6', name: 'Small Box', price: 150, dimensions: '16\" x 12\" x 12\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c7', name: 'Medium Box', price: 220, dimensions: '18\" x 18\" x 16\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c8', name: 'Large Box', price: 250, dimensions: '24\" x 18\" x 18\" in' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c9', name: 'Small Wardrobe', price: 263, dimensions: '24\" x 20\" x 34\" in' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c10', name: '43-Inch TV', price: 215, dimensions: '38\" x 6\" x 24\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c11', name: '55-Inch TV', price: 250, dimensions: '49\" x 6\" x 30\"' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c12', name: '65-Inch TV', price: 399, dimensions: '58\" x 7\" x 35\" in' }, \/\/ [cite: 2]\r\n        [cite_start]{ id: 'c13', name: '77-Inch TV', price: 449, dimensions: '68\" x 8\" x 40\" in' } \/\/ [cite: 2]\r\n    ];\r\n\r\n    let state = { isLoggedIn: false, currentOrder: { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false } };\r\n\r\n    \/\/ --- DOM ELEMENTS ---\r\n    const modalEl = document.getElementById('order-modal');\r\n    const modalContentEl = document.getElementById('modal-content');\r\n    const closeModalBtn = document.getElementById('close-modal-btn');\r\n    const containerSelectEl = document.getElementById('container-select');\r\n    const addContainerBtn = document.getElementById('add-container-btn');\r\n    const shipmentItemsListEl = document.getElementById('shipment-items-list');\r\n    const homeDeliveryCheckbox = document.getElementById('home-delivery-checkbox');\r\n    const deliveryLocationsEl = document.getElementById('delivery-locations');\r\n    const locationButtons = document.querySelectorAll('.location-btn');\r\n    const protectionFeeCheckbox = document.getElementById('protection-fee-checkbox');\r\n    const totalPriceEl = document.getElementById('total-price');\r\n    const guestViewEl = document.getElementById('guest-view');\r\n    const loggedinViewEl = document.getElementById('loggedin-view');\r\n    const loginBtn = document.getElementById('login-btn');\r\n    const signupBtn = document.getElementById('signup-btn');\r\n    const completeOrderBtn = document.getElementById('complete-order-btn');\r\n    const successMessageEl = document.getElementById('success-message');\r\n    const modalBodyEl = document.getElementById('modal-body');\r\n    const modalFooterEl = document.getElementById('modal-footer');\r\n\r\n    \/\/ --- FUNCTIONS ---\r\n    const updatePrice = () => {\r\n        let basePrice = state.currentOrder.items.reduce((total, item) => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            return total + (container.price * item.quantity);\r\n        }, 0);\r\n        let deliveryFee = state.currentOrder.selectedLocation ? 20 : 0;\r\n        let subtotal = basePrice + deliveryFee;\r\n        let protectionFee = state.currentOrder.protectionFee ? subtotal * 0.05 : 0;\r\n        let totalPrice = subtotal + protectionFee;\r\n        totalPriceEl.textContent = totalPrice.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\r\n    };\r\n    \r\n    const renderShipmentItems = () => {\r\n        shipmentItemsListEl.innerHTML = '';\r\n        if (state.currentOrder.items.length === 0) {\r\n            shipmentItemsListEl.innerHTML = `<p class=\"text-center text-gray-500 py-4\">Your shipment is empty.<\/p>`;\r\n            return;\r\n        }\r\n        state.currentOrder.items.forEach(item => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            const itemEl = document.createElement('div');\r\n            itemEl.className = 'flex items-center justify-between bg-white p-3 rounded-lg border border-gray-200';\r\n            itemEl.innerHTML = `\r\n                <div class=\"flex-grow\">\r\n                    <p class=\"font-semibold text-gray-800\">${container.name}<\/p>\r\n                    <p class=\"text-sm text-gray-500\">Dimensions: ${container.dimensions} | Price: ${(container.price).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-3\">\r\n                    <p class=\"font-bold text-blue-600\">x ${item.quantity}<\/p>\r\n                    <button data-item-id=\"${item.id}\" class=\"remove-item-btn text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-50\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>`;\r\n            shipmentItemsListEl.appendChild(itemEl);\r\n            if (item.isNew) {\r\n                itemEl.classList.add('item-added-animation');\r\n                delete item.isNew;\r\n            }\r\n        });\r\n        document.querySelectorAll('.remove-item-btn').forEach(btn => {\r\n            btn.addEventListener('click', (e) => {\r\n                const itemIdToRemove = e.currentTarget.dataset.itemId;\r\n                state.currentOrder.items = state.currentOrder.items.filter(i => i.id !== itemIdToRemove);\r\n                renderUI();\r\n            });\r\n        });\r\n    };\r\n\r\n    const renderUI = () => {\r\n        guestViewEl.classList.toggle('hidden', state.isLoggedIn);\r\n        loggedinViewEl.classList.toggle('hidden', !state.isLoggedIn);\r\n        homeDeliveryCheckbox.checked = state.currentOrder.homeDelivery;\r\n        protectionFeeCheckbox.checked = state.currentOrder.protectionFee;\r\n        deliveryLocationsEl.classList.toggle('hidden', !state.currentOrder.homeDelivery);\r\n        locationButtons.forEach(btn => btn.classList.toggle('selected', btn.dataset.location === state.currentOrder.selectedLocation));\r\n        renderShipmentItems();\r\n        updatePrice();\r\n    };\r\n\r\n    const resetOrderForm = () => {\r\n        state.isLoggedIn = false; \/\/ Reset login state on new open\r\n        state.currentOrder = { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false };\r\n        modalBodyEl.classList.remove('hidden');\r\n        modalFooterEl.classList.remove('hidden');\r\n        successMessageEl.classList.add('hidden');\r\n    };\r\n\r\n    const openModal = (containerId) => {\r\n        resetOrderForm();\r\n        if (containerId) {\r\n            state.currentOrder.items.push({ id: containerId, quantity: 1, isNew: true });\r\n            containerSelectEl.value = containerId;\r\n        }\r\n        document.body.classList.add('modal-open');\r\n        modalEl.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.remove('scale-95');\r\n        renderUI();\r\n    };\r\n\r\n    const closeModal = () => {\r\n        document.body.classList.remove('modal-open');\r\n        modalEl.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.add('scale-95');\r\n    };\r\n\r\n    const handleAddItem = () => {\r\n        const selectedId = containerSelectEl.value;\r\n        const existingItem = state.currentOrder.items.find(item => item.id === selectedId);\r\n        if (existingItem) {\r\n            existingItem.quantity++;\r\n        } else {\r\n            state.currentOrder.items.push({ id: selectedId, quantity: 1, isNew: true });\r\n        }\r\n        renderUI();\r\n    };\r\n\r\n    \/\/ --- INITIALIZATION & EVENT LISTENERS ---\r\n    containersData.forEach(c => { containerSelectEl.innerHTML += `<option value=\"${c.id}\">${c.name}<\/option>`; });\r\n\r\n    document.body.addEventListener('click', (e) => {\r\n        const link = e.target.closest('a');\r\n        if (link && link.hash.startsWith('#open-order-modal-')) {\r\n            e.preventDefault();\r\n            const containerId = link.hash.split('-').pop();\r\n            openModal(containerId);\r\n        }\r\n    });\r\n    \r\n    addContainerBtn.addEventListener('click', handleAddItem);\r\n    closeModalBtn.addEventListener('click', closeModal);\r\n    modalEl.addEventListener('click', (e) => { if (e.target === modalEl) closeModal(); });\r\n\r\n    homeDeliveryCheckbox.addEventListener('change', (e) => {\r\n        state.currentOrder.homeDelivery = e.target.checked;\r\n        if (!e.target.checked) state.currentOrder.selectedLocation = null;\r\n        renderUI();\r\n    });\r\n\r\n    locationButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const location = button.dataset.location;\r\n            state.currentOrder.selectedLocation = state.currentOrder.selectedLocation === location ? null : location;\r\n            renderUI();\r\n        });\r\n    });\r\n\r\n    protectionFeeCheckbox.addEventListener('change', (e) => { state.currentOrder.protectionFee = e.target.checked; renderUI(); });\r\n    loginBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    signupBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    \r\n    completeOrderBtn.addEventListener('click', () => {\r\n        modalBodyEl.classList.add('hidden');\r\n        modalFooterEl.classList.add('hidden');\r\n        successMessageEl.classList.remove('hidden');\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3f3e90 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a3f3e90\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#open-order-modal-c1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5b9ff5 e-con-full e-flex e-con e-child\" data-id=\"d5b9ff5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94c95d3 elementor-widget elementor-widget-heading\" data-id=\"94c95d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">50-gallon tote <strong>$279<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-070e9a8 elementor-widget elementor-widget-image\" data-id=\"070e9a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png\" class=\"attachment-large size-large wp-image-1394\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Medium-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f23257 elementor-align-center view-more-btn elementor-widget elementor-widget-button\" data-id=\"2f23257\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\" id=\"c1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20d6461 elementor-widget elementor-widget-html\" data-id=\"20d6461\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Container Order Form<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        #modal {\r\n            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\r\n        }\r\n        .modal-open {\r\n            overflow: hidden;\r\n        }\r\n        .focus-ring-blue-500:focus {\r\n            --tw-ring-color: #3b82f6;\r\n        }\r\n        .location-btn.selected {\r\n            background-color: #2563eb; \/* bg-blue-700 *\/\r\n            color: white;\r\n            border-color: #1d4ed8; \/* border-blue-800 *\/\r\n        }\r\n        \/* Animation for item added to cart *\/\r\n        @keyframes item-added {\r\n            0% { background-color: transparent; }\r\n            50% { background-color: #eff6ff; } \/* bg-blue-50 *\/\r\n            100% { background-color: transparent; }\r\n        }\r\n        .item-added-animation {\r\n            animation: item-added 0.7s ease-in-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n    <!-- HOW TO INTEGRATE:\r\n        1. Copy the <div id=\"modal\">...<\/div> and the <script>...<\/script> into your website's HTML file.\r\n        2. Ensure each \"View More\" button on your site has the class \"view-more-btn\" and a data attribute: data-container-id=\"<unique_id>\"\r\n        EXAMPLE: <button class=\"view-more-btn\" data-container-id=\"c1\">View Details<\/button>\r\n    -->\r\n\r\n    <!-- Main Page Content (Example) -->\r\n    <div class=\"container mx-auto px-4 py-12\">\r\n        <header class=\"text-center mb-12\">\r\n            <h1 class=\"text-4xl font-bold text-gray-900\"><\/h1>\r\n            <p class=\"mt-2 text-lg text-gray-600\"><\/p>\r\n        <\/header>\r\n        <div id=\"container-listings\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n            <!-- Container cards are dynamically generated for this demo -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Pop-up -->\r\n    <div id=\"modal\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\r\n        <div id=\"modal-content\" class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl transform transition-transform duration-300 scale-95\">\r\n            <!-- Modal Header -->\r\n            <div class=\"flex justify-between items-center p-6 border-b border-gray-200\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900\">Your Shipment<\/h2>\r\n                <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-gray-600 transition-colors\">\r\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Modal Body -->\r\n            <div id=\"modal-body\" class=\"p-6 space-y-6 max-h-[70vh] overflow-y-auto\">\r\n                <!-- Add Container Control -->\r\n                <div class=\"flex items-end gap-3 bg-gray-50 p-4 rounded-lg\">\r\n                    <div class=\"flex-grow\">\r\n                        <label for=\"container-select\" class=\"block text-sm font-medium text-gray-700 mb-1\">Add a Container<\/label>\r\n                        <select id=\"container-select\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus-ring-blue-500 focus:border-blue-500 transition\">\r\n                            <!-- Options will be dynamically inserted here -->\r\n                        <\/select>\r\n                    <\/div>\r\n                    <button id=\"add-container-btn\" class=\"bg-blue-500 text-white rounded-lg h-12 w-12 flex-shrink-0 flex items-center justify-center hover:bg-blue-600 transition-transform transform hover:scale-105 shadow-md\">\r\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Shipment Items List -->\r\n                <div id=\"shipment-items-list\" class=\"space-y-3\">\r\n                    <!-- Cart items will be dynamically inserted here -->\r\n                <\/div>\r\n\r\n                <!-- Additional Options -->\r\n                <div class=\"space-y-4 pt-4 border-t\">\r\n                    <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                        <div class=\"flex items-center h-5\">\r\n                            <input id=\"home-delivery-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                        <\/div>\r\n                        <div class=\"ml-3 text-sm\">\r\n                            <label for=\"home-delivery-checkbox\" class=\"font-medium text-gray-800\">Home Delivery<\/label>\r\n                            <p class=\"text-gray-500\">Select a location to add a flat fee of $20 for delivery.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div id=\"delivery-locations\" class=\"hidden pl-8 space-y-2\">\r\n                         <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\r\n                             <button data-location=\"New York\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">New York, NY<\/button>\r\n                             <button data-location=\"Los Angeles\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Los Angeles, CA<\/button>\r\n                             <button data-location=\"Chicago\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Chicago, IL<\/button>\r\n                         <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                        <div class=\"flex items-center h-5\">\r\n                            <input id=\"protection-fee-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                        <\/div>\r\n                        <div class=\"ml-3 text-sm\">\r\n                            <label for=\"protection-fee-checkbox\" class=\"font-medium text-gray-800\">Add Protection Fee<\/label>\r\n                            <p class=\"text-gray-500\">Add a 5% fee for shipment protection.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Price Summary -->\r\n                <div class=\"pt-6 border-t border-gray-200\">\r\n                     <div class=\"flex justify-between items-center\">\r\n                        <p class=\"text-xl font-semibold text-gray-600\">Total Price:<\/p>\r\n                        <p id=\"total-price\" class=\"text-3xl font-bold text-gray-900\">$0.00<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Modal Footer -->\r\n            <div id=\"modal-footer\" class=\"p-6 bg-gray-50 rounded-b-2xl\">\r\n                <div id=\"guest-view\">\r\n                    <p class=\"text-center text-sm text-gray-600 mb-4\">To complete your order, please sign up or log in.<\/p>\r\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                        <button id=\"login-btn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-900 transition-colors\">Log In<\/button>\r\n                        <button id=\"signup-btn\" class=\"w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition-colors\">Sign Up<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"loggedin-view\" class=\"hidden\">\r\n                    <button id=\"complete-order-btn\" class=\"w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 transition-colors text-lg\">Complete Order<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Success Message -->\r\n            <div id=\"success-message\" class=\"hidden p-8 text-center bg-green-50 rounded-b-2xl\">\r\n                <div class=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\r\n                    <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3 class=\"text-2xl font-bold text-green-800\">Success!<\/h3>\r\n                <p class=\"mt-2 text-gray-600\">You have successfully placed an order. Please check your email for further instructions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ --- DATA & STATE ---\r\n            const containersData = [\r\n                { id: 'c1', name: '40 Gallon Tote', price: 239, dimensions: '36\" x 21\" x 18\"' },\r\n                { id: 'c2', name: '50 Gallon Tote', price: 279, dimensions: '39\" x 23\" x 20\"' },\r\n                { id: 'c3', name: '60 Gallon Tote', price: 320, dimensions: '42\" x 24\" x 21\"' },\r\n                { id: 'c4', name: '77 Gallon Barrel', price: 343, dimensions: '24\" (Dia) x 42\" (H)' },\r\n                { id: 'c5', name: '55 Gallon Barrel', price: 299, dimensions: '23\" (Dia) x 35\" (H)' },\r\n                { id: 'c6', name: 'Small Box', price: 150, dimensions: '16\" x 12\" x 12\"' },\r\n                { id: 'c7', name: 'Medium Box', price: 220, dimensions: '18\" x 18\" x 16\"' },\r\n                { id: 'c8', name: 'Large Box', price: 250, dimensions: '24\" x 18\" x 18\"' },\r\n                { id: 'c9', name: 'Small Wardrobe', price: 263, dimensions: '24\" x 20\" x 34\"' },\r\n                { id: 'c10', name: '43-Inch TV', price: 215, dimensions: '38\" x 6\" x 24\"' },\r\n                { id: 'c11', name: '55-Inch TV', price: 250, dimensions: '49\" x 6\" x 30\"' },\r\n                { id: 'c12', name: '65-Inch TV', price: 399, dimensions: '58\" x 7\" x 35\"' },\r\n                { id: 'c13', name: '77-Inch TV', price: 449, dimensions: '68\" x 8\" x 40\"' }\r\n            ];\r\n\r\n            let state = {\r\n                isLoggedIn: false,\r\n                currentOrder: {\r\n                    items: [], \/\/ Changed to an array of items\r\n                    homeDelivery: false,\r\n                    selectedLocation: null,\r\n                    protectionFee: false,\r\n                }\r\n            };\r\n\r\n            \/\/ --- DOM ELEMENTS ---\r\n            const containerListingsEl = document.getElementById('container-listings');\r\n            const modalEl = document.getElementById('modal');\r\n            const modalContentEl = document.getElementById('modal-content');\r\n            const closeModalBtn = document.getElementById('close-modal-btn');\r\n            const containerSelectEl = document.getElementById('container-select');\r\n            const addContainerBtn = document.getElementById('add-container-btn');\r\n            const shipmentItemsListEl = document.getElementById('shipment-items-list');\r\n            const homeDeliveryCheckbox = document.getElementById('home-delivery-checkbox');\r\n            const deliveryLocationsEl = document.getElementById('delivery-locations');\r\n            const locationButtons = document.querySelectorAll('.location-btn');\r\n            const protectionFeeCheckbox = document.getElementById('protection-fee-checkbox');\r\n            const totalPriceEl = document.getElementById('total-price');\r\n            const guestViewEl = document.getElementById('guest-view');\r\n            const loggedinViewEl = document.getElementById('loggedin-view');\r\n            const loginBtn = document.getElementById('login-btn');\r\n            const signupBtn = document.getElementById('signup-btn');\r\n            const completeOrderBtn = document.getElementById('complete-order-btn');\r\n            const successMessageEl = document.getElementById('success-message');\r\n            const modalBodyEl = document.getElementById('modal-body');\r\n            const modalFooterEl = document.getElementById('modal-footer');\r\n\r\n            \/\/ --- FUNCTIONS ---\r\n\r\n            const updatePrice = () => {\r\n                let basePrice = state.currentOrder.items.reduce((total, item) => {\r\n                    const container = containersData.find(c => c.id === item.id);\r\n                    return total + (container.price * item.quantity);\r\n                }, 0);\r\n\r\n                let deliveryFee = state.currentOrder.selectedLocation ? 20 : 0;\r\n                let subtotal = basePrice + deliveryFee;\r\n                let protectionFee = state.currentOrder.protectionFee ? subtotal * 0.05 : 0;\r\n                let totalPrice = subtotal + protectionFee;\r\n\r\n                totalPriceEl.textContent = totalPrice.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\r\n            };\r\n            \r\n            const renderShipmentItems = () => {\r\n                shipmentItemsListEl.innerHTML = ''; \/\/ Clear the list first\r\n                if (state.currentOrder.items.length === 0) {\r\n                    shipmentItemsListEl.innerHTML = `<p class=\"text-center text-gray-500 py-4\">Your shipment is empty.<\/p>`;\r\n                    return;\r\n                }\r\n                \r\n                state.currentOrder.items.forEach(item => {\r\n                    const container = containersData.find(c => c.id === item.id);\r\n                    const itemEl = document.createElement('div');\r\n                    itemEl.className = 'flex items-center justify-between bg-white p-3 rounded-lg border border-gray-200';\r\n                    itemEl.innerHTML = `\r\n                        <div class=\"flex-grow\">\r\n                            <p class=\"font-semibold text-gray-800\">${container.name}<\/p>\r\n                            <p class=\"text-sm text-gray-500\">${(container.price).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/p>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <p class=\"font-bold text-blue-600\">x ${item.quantity}<\/p>\r\n                            <button data-item-id=\"${item.id}\" class=\"remove-item-btn text-red-500 hover:text-red-700 transition-colors p-1 rounded-full hover:bg-red-50\">\r\n                                <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    `;\r\n                    shipmentItemsListEl.appendChild(itemEl);\r\n\r\n                    \/\/ Add animation for newly added items\r\n                    if (item.isNew) {\r\n                        itemEl.classList.add('item-added-animation');\r\n                        delete item.isNew;\r\n                    }\r\n                });\r\n\r\n                \/\/ Re-attach event listeners for remove buttons\r\n                document.querySelectorAll('.remove-item-btn').forEach(btn => {\r\n                    btn.addEventListener('click', (e) => {\r\n                        const itemIdToRemove = e.currentTarget.dataset.itemId;\r\n                        state.currentOrder.items = state.currentOrder.items.filter(i => i.id !== itemIdToRemove);\r\n                        renderUI();\r\n                    });\r\n                });\r\n            };\r\n\r\n            const renderUI = () => {\r\n                if (state.isLoggedIn) {\r\n                    guestViewEl.classList.add('hidden');\r\n                    loggedinViewEl.classList.remove('hidden');\r\n                } else {\r\n                    guestViewEl.classList.remove('hidden');\r\n                    loggedinViewEl.classList.add('hidden');\r\n                }\r\n                \r\n                homeDeliveryCheckbox.checked = state.currentOrder.homeDelivery;\r\n                protectionFeeCheckbox.checked = state.currentOrder.protectionFee;\r\n                \r\n                if (state.currentOrder.homeDelivery) {\r\n                    deliveryLocationsEl.classList.remove('hidden');\r\n                } else {\r\n                    deliveryLocationsEl.classList.add('hidden');\r\n                }\r\n\r\n                locationButtons.forEach(btn => {\r\n                    btn.classList.toggle('selected', btn.dataset.location === state.currentOrder.selectedLocation);\r\n                });\r\n\r\n                renderShipmentItems();\r\n                updatePrice();\r\n            };\r\n\r\n            const resetOrderForm = () => {\r\n                state.currentOrder = {\r\n                    items: [],\r\n                    homeDelivery: false,\r\n                    selectedLocation: null,\r\n                    protectionFee: false,\r\n                };\r\n                modalBodyEl.classList.remove('hidden');\r\n                modalFooterEl.classList.remove('hidden');\r\n                successMessageEl.classList.add('hidden');\r\n            };\r\n\r\n            const openModal = (containerId) => {\r\n                resetOrderForm();\r\n                \/\/ Add the initially selected container to the cart\r\n                state.currentOrder.items.push({ id: containerId, quantity: 1, isNew: true });\r\n                containerSelectEl.value = containerId;\r\n                \r\n                document.body.classList.add('modal-open');\r\n                modalEl.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n                modalContentEl.classList.remove('scale-95');\r\n                renderUI();\r\n            };\r\n\r\n            const closeModal = () => {\r\n                document.body.classList.remove('modal-open');\r\n                modalEl.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n                modalContentEl.classList.add('scale-95');\r\n            };\r\n\r\n            const handleAddItem = () => {\r\n                const selectedId = containerSelectEl.value;\r\n                const existingItem = state.currentOrder.items.find(item => item.id === selectedId);\r\n\r\n                if (existingItem) {\r\n                    existingItem.quantity++;\r\n                } else {\r\n                    state.currentOrder.items.push({ id: selectedId, quantity: 1, isNew: true });\r\n                }\r\n                renderUI();\r\n            };\r\n\r\n            \/\/ --- INITIALIZATION & EVENT LISTENERS ---\r\n\r\n            \/\/ Populate container listings on the main page (for demonstration)\r\n            containersData.forEach(container => {\r\n                containerListingsEl.innerHTML += `\r\n                    <div class=\"bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300\">\r\n                        <div class=\"p-8\">\r\n                            <div class=\"uppercase tracking-wide text-sm text-blue-500 font-semibold\">${container.dimensions}<\/div>\r\n                            <h3 class=\"block mt-1 text-xl leading-tight font-bold text-black\">${container.name}<\/h3>\r\n                            <p class=\"mt-2 text-gray-500\">Starting at <span class=\"font-semibold text-gray-700\">${container.price.toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/span><\/p>\r\n                            <button data-container-id=\"${container.id}\" class=\"view-more-btn mt-6 bg-gray-800 text-white font-bold py-2 px-4 rounded-lg hover:bg-gray-900 transition-colors w-full\">\r\n                                View More Information\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            });\r\n\r\n            \/\/ Populate the dropdown in the modal\r\n            containersData.forEach(container => {\r\n                containerSelectEl.innerHTML += `<option value=\"${container.id}\">${container.name}<\/option>`;\r\n            });\r\n\r\n            \/\/ Event Listeners\r\n            document.querySelectorAll('.view-more-btn').forEach(button => {\r\n                button.addEventListener('click', (e) => openModal(e.currentTarget.dataset.containerId));\r\n            });\r\n            \r\n            addContainerBtn.addEventListener('click', handleAddItem);\r\n            closeModalBtn.addEventListener('click', closeModal);\r\n            modalEl.addEventListener('click', (e) => { if (e.target === modalEl) closeModal(); });\r\n\r\n            homeDeliveryCheckbox.addEventListener('change', (e) => {\r\n                state.currentOrder.homeDelivery = e.target.checked;\r\n                if (!e.target.checked) state.currentOrder.selectedLocation = null;\r\n                renderUI();\r\n            });\r\n\r\n            locationButtons.forEach(button => {\r\n                button.addEventListener('click', () => {\r\n                    const location = button.dataset.location;\r\n                    state.currentOrder.selectedLocation = state.currentOrder.selectedLocation === location ? null : location;\r\n                    renderUI();\r\n                });\r\n            });\r\n\r\n            protectionFeeCheckbox.addEventListener('change', (e) => {\r\n                state.currentOrder.protectionFee = e.target.checked;\r\n                renderUI();\r\n            });\r\n\r\n            loginBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n            signupBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n            completeOrderBtn.addEventListener('click', () => {\r\n                modalBodyEl.classList.add('hidden');\r\n                modalFooterEl.classList.add('hidden');\r\n                successMessageEl.classList.remove('hidden');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19f64c2 e-con-full e-flex e-con e-child\" data-id=\"19f64c2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-797a308 elementor-widget elementor-widget-heading\" data-id=\"797a308\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">60-gallon tote <strong>$320<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c579394 elementor-widget elementor-widget-image\" data-id=\"c579394\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png\" class=\"attachment-large size-large wp-image-1393\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/Large-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a035da elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6a035da\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#open-order-modal\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fb7770 elementor-widget elementor-widget-html\" data-id=\"2fb7770\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    body {\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n    #order-modal {\r\n        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\r\n    }\r\n    .modal-open {\r\n        overflow: hidden;\r\n    }\r\n    .focus-ring-blue-500:focus {\r\n        --tw-ring-color: #3b82f6;\r\n    }\r\n    .location-btn.selected {\r\n        background-color: #2563eb;\r\n        color: white;\r\n        border-color: #1d4ed8;\r\n    }\r\n    @keyframes item-added {\r\n        0% { background-color: transparent; }\r\n        50% { background-color: #eff6ff; }\r\n        100% { background-color: transparent; }\r\n    }\r\n    .item-added-animation {\r\n        animation: item-added 0.7s ease-in-out;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"order-modal\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 z-50 opacity-0 -translate-y-10 pointer-events-none\">\r\n    <div id=\"modal-content\" class=\"bg-white rounded-2xl shadow-2xl w-full max-w-2xl transform transition-transform duration-300 scale-95\">\r\n        <div class=\"flex justify-between items-center p-6 border-b border-gray-200\">\r\n            <h2 class=\"text-2xl font-bold text-gray-900\">Your Shipment<\/h2>\r\n            <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-gray-600 transition-colors\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"modal-body\" class=\"p-6 space-y-6 max-h-[70vh] overflow-y-auto\">\r\n            <div class=\"flex items-end gap-3 bg-gray-50 p-4 rounded-lg\">\r\n                <div class=\"flex-grow\">\r\n                    <label for=\"container-select\" class=\"block text-sm font-medium text-gray-700 mb-1\">Add a Container<\/label>\r\n                    <select id=\"container-select\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus-ring-blue-500 focus:border-blue-500 transition\"><\/select>\r\n                <\/div>\r\n                <button id=\"add-container-btn\" class=\"bg-blue-500 text-white rounded-lg h-12 w-12 flex-shrink-0 flex items-center justify-center hover:bg-blue-600 transition-transform transform hover:scale-105 shadow-md\">\r\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"><\/path><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div id=\"shipment-items-list\" class=\"space-y-3\"><\/div>\r\n\r\n            <div class=\"space-y-4 pt-4 border-t\">\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\">\r\n                        <input id=\"home-delivery-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                    <\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"home-delivery-checkbox\" class=\"font-medium text-gray-800\">Home Delivery<\/label>\r\n                        <p class=\"text-gray-500\">Select a location to add a flat fee of $20 for delivery.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"delivery-locations\" class=\"hidden pl-8 space-y-2\">\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\r\n                        <button data-location=\"New York\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">New York, NY<\/button>\r\n                        <button data-location=\"Los Angeles\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Los Angeles, CA<\/button>\r\n                        <button data-location=\"Chicago\" class=\"location-btn w-full text-center p-2 border border-gray-300 rounded-md focus:ring-1 focus-ring-blue-500 transition-colors hover:bg-gray-100\">Chicago, IL<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"relative flex items-start p-4 border border-gray-200 rounded-lg\">\r\n                    <div class=\"flex items-center h-5\">\r\n                        <input id=\"protection-fee-checkbox\" type=\"checkbox\" class=\"h-5 w-5 text-blue-600 border-gray-300 rounded focus:ring-blue-500\">\r\n                    <\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"protection-fee-checkbox\" class=\"font-medium text-gray-800\">Add Protection Fee<\/label>\r\n                        <p class=\"text-gray-500\">Add a 5% fee for shipment protection.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-6 border-t border-gray-200\">\r\n                <div class=\"flex justify-between items-center\">\r\n                    <p class=\"text-xl font-semibold text-gray-600\">Total Price:<\/p>\r\n                    <p id=\"total-price\" class=\"text-3xl font-bold text-gray-900\">$0.00<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"modal-footer\" class=\"p-6 bg-gray-50 rounded-b-2xl\">\r\n            <div id=\"guest-view\">\r\n                <p class=\"text-center text-sm text-gray-600 mb-4\">To complete your order, please sign up or log in.<\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                    <button id=\"login-btn\" class=\"w-full bg-gray-800 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-900 transition-colors\">Log In<\/button>\r\n                    <button id=\"signup-btn\" class=\"w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition-colors\">Sign Up<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div id=\"loggedin-view\" class=\"hidden\">\r\n                <button id=\"complete-order-btn\" class=\"w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 transition-colors text-lg\">Complete Order<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"success-message\" class=\"hidden p-8 text-center bg-green-50 rounded-b-2xl\">\r\n            <div class=\"mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4\">\r\n                <svg class=\"w-10 h-10 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n            <\/div>\r\n            <h3 class=\"text-2xl font-bold text-green-800\">Success!<\/h3>\r\n            <p class=\"mt-2 text-gray-600\">You have successfully placed an order. Please check your email for further instructions.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ --- DATA & STATE ---\r\n    const containersData = [\r\n        { id: 'c1', name: '40 Gallon Tote', price: 239 }, { id: 'c2', name: '50 Gallon Tote', price: 279 },\r\n        { id: 'c3', name: '60 Gallon Tote', price: 320 }, { id: 'c4', name: '77 Gallon Barrel', price: 343 },\r\n        { id: 'c5', name: '55 Gallon Barrel', price: 299 }, { id: 'c6', name: 'Small Box', price: 150 },\r\n        { id: 'c7', name: 'Medium Box', price: 220 }, { id: 'c8', name: 'Large Box', price: 250 },\r\n        { id: 'c9', name: 'Small Wardrobe', price: 263 }, { id: 'c10', name: '43-Inch TV', price: 215 },\r\n        { id: 'c11', name: '55-Inch TV', price: 250 }, { id: 'c12', name: '65-Inch TV', price: 399 },\r\n        { id: 'c13', name: '77-Inch TV', price: 449 }\r\n    ];\r\n\r\n    let state = { isLoggedIn: false, currentOrder: { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false } };\r\n\r\n    \/\/ --- DOM ELEMENTS ---\r\n    const modalEl = document.getElementById('order-modal');\r\n    const modalContentEl = document.getElementById('modal-content');\r\n    const closeModalBtn = document.getElementById('close-modal-btn');\r\n    const containerSelectEl = document.getElementById('container-select');\r\n    const addContainerBtn = document.getElementById('add-container-btn');\r\n    const shipmentItemsListEl = document.getElementById('shipment-items-list');\r\n    const homeDeliveryCheckbox = document.getElementById('home-delivery-checkbox');\r\n    const deliveryLocationsEl = document.getElementById('delivery-locations');\r\n    const locationButtons = document.querySelectorAll('.location-btn');\r\n    const protectionFeeCheckbox = document.getElementById('protection-fee-checkbox');\r\n    const totalPriceEl = document.getElementById('total-price');\r\n    const guestViewEl = document.getElementById('guest-view');\r\n    const loggedinViewEl = document.getElementById('loggedin-view');\r\n    const loginBtn = document.getElementById('login-btn');\r\n    const signupBtn = document.getElementById('signup-btn');\r\n    const completeOrderBtn = document.getElementById('complete-order-btn');\r\n    const successMessageEl = document.getElementById('success-message');\r\n    const modalBodyEl = document.getElementById('modal-body');\r\n    const modalFooterEl = document.getElementById('modal-footer');\r\n\r\n    \/\/ --- FUNCTIONS ---\r\n    const updatePrice = () => {\r\n        let basePrice = state.currentOrder.items.reduce((total, item) => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            return total + (container.price * item.quantity);\r\n        }, 0);\r\n        let deliveryFee = state.currentOrder.selectedLocation ? 20 : 0;\r\n        let subtotal = basePrice + deliveryFee;\r\n        let protectionFee = state.currentOrder.protectionFee ? subtotal * 0.05 : 0;\r\n        let totalPrice = subtotal + protectionFee;\r\n        totalPriceEl.textContent = totalPrice.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\r\n    };\r\n    \r\n    const renderShipmentItems = () => {\r\n        shipmentItemsListEl.innerHTML = '';\r\n        if (state.currentOrder.items.length === 0) {\r\n            shipmentItemsListEl.innerHTML = `<p class=\"text-center text-gray-500 py-4\">Your shipment is empty.<\/p>`;\r\n            return;\r\n        }\r\n        state.currentOrder.items.forEach(item => {\r\n            const container = containersData.find(c => c.id === item.id);\r\n            const itemEl = document.createElement('div');\r\n            itemEl.className = 'flex items-center justify-between bg-white p-3 rounded-lg border border-gray-200';\r\n            itemEl.innerHTML = `\r\n                <div class=\"flex-grow\">\r\n                    <p class=\"font-semibold text-gray-800\">${container.name}<\/p>\r\n                    <p class=\"text-sm text-gray-500\">${(container.price).toLocaleString('en-US', { style: 'currency', currency: 'USD' })}<\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-3\">\r\n                    <p class=\"font-bold text-blue-600\">x ${item.quantity}<\/p>\r\n                    <button data-item-id=\"${item.id}\" class=\"remove-item-btn text-red-500 hover:text-red-700 p-1 rounded-full hover:bg-red-50\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\r\n                    <\/button>\r\n                <\/div>`;\r\n            shipmentItemsListEl.appendChild(itemEl);\r\n            if (item.isNew) {\r\n                itemEl.classList.add('item-added-animation');\r\n                delete item.isNew;\r\n            }\r\n        });\r\n        document.querySelectorAll('.remove-item-btn').forEach(btn => {\r\n            btn.addEventListener('click', (e) => {\r\n                const itemIdToRemove = e.currentTarget.dataset.itemId;\r\n                state.currentOrder.items = state.currentOrder.items.filter(i => i.id !== itemIdToRemove);\r\n                renderUI();\r\n            });\r\n        });\r\n    };\r\n\r\n    const renderUI = () => {\r\n        guestViewEl.classList.toggle('hidden', state.isLoggedIn);\r\n        loggedinViewEl.classList.toggle('hidden', !state.isLoggedIn);\r\n        homeDeliveryCheckbox.checked = state.currentOrder.homeDelivery;\r\n        protectionFeeCheckbox.checked = state.currentOrder.protectionFee;\r\n        deliveryLocationsEl.classList.toggle('hidden', !state.currentOrder.homeDelivery);\r\n        locationButtons.forEach(btn => btn.classList.toggle('selected', btn.dataset.location === state.currentOrder.selectedLocation));\r\n        renderShipmentItems();\r\n        updatePrice();\r\n    };\r\n\r\n    const resetOrderForm = () => {\r\n        state.currentOrder = { items: [], homeDelivery: false, selectedLocation: null, protectionFee: false };\r\n        modalBodyEl.classList.remove('hidden');\r\n        modalFooterEl.classList.remove('hidden');\r\n        successMessageEl.classList.add('hidden');\r\n    };\r\n\r\n    const openModal = () => {\r\n        resetOrderForm();\r\n        document.body.classList.add('modal-open');\r\n        modalEl.classList.remove('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.remove('scale-95');\r\n        renderUI();\r\n    };\r\n\r\n    const closeModal = () => {\r\n        document.body.classList.remove('modal-open');\r\n        modalEl.classList.add('opacity-0', '-translate-y-10', 'pointer-events-none');\r\n        modalContentEl.classList.add('scale-95');\r\n    };\r\n\r\n    const handleAddItem = () => {\r\n        const selectedId = containerSelectEl.value;\r\n        const existingItem = state.currentOrder.items.find(item => item.id === selectedId);\r\n        if (existingItem) {\r\n            existingItem.quantity++;\r\n        } else {\r\n            state.currentOrder.items.push({ id: selectedId, quantity: 1, isNew: true });\r\n        }\r\n        renderUI();\r\n    };\r\n\r\n    \/\/ --- INITIALIZATION & EVENT LISTENERS ---\r\n    containersData.forEach(c => { containerSelectEl.innerHTML += `<option value=\"${c.id}\">${c.name}<\/option>`; });\r\n\r\n    \/\/ Listen for clicks on ANY link that points to \"#open-order-modal\"\r\n    document.querySelectorAll('a[href=\"#open-order-modal\"]').forEach(button => {\r\n        button.addEventListener('click', (e) => {\r\n            e.preventDefault(); \/\/ Prevent page from jumping\r\n            openModal();\r\n        });\r\n    });\r\n    \r\n    addContainerBtn.addEventListener('click', handleAddItem);\r\n    closeModalBtn.addEventListener('click', closeModal);\r\n    modalEl.addEventListener('click', (e) => { if (e.target === modalEl) closeModal(); });\r\n\r\n    homeDeliveryCheckbox.addEventListener('change', (e) => {\r\n        state.currentOrder.homeDelivery = e.target.checked;\r\n        if (!e.target.checked) state.currentOrder.selectedLocation = null;\r\n        renderUI();\r\n    });\r\n\r\n    locationButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const location = button.dataset.location;\r\n            state.currentOrder.selectedLocation = state.currentOrder.selectedLocation === location ? null : location;\r\n            renderUI();\r\n        });\r\n    });\r\n\r\n    protectionFeeCheckbox.addEventListener('change', (e) => {\r\n        state.currentOrder.protectionFee = e.target.checked;\r\n        renderUI();\r\n    });\r\n\r\n    loginBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    signupBtn.addEventListener('click', () => { state.isLoggedIn = true; renderUI(); });\r\n    completeOrderBtn.addEventListener('click', () => {\r\n        modalBodyEl.classList.add('hidden');\r\n        modalFooterEl.classList.add('hidden');\r\n        successMessageEl.classList.remove('hidden');\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8edaf79 e-con-full e-flex e-con e-child\" data-id=\"8edaf79\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9675d elementor-widget elementor-widget-heading\" data-id=\"4f9675d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">77-gallon barell <strong>$343<\/strong><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ea649d elementor-widget elementor-widget-image\" data-id=\"2ea649d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png\" class=\"attachment-large size-large wp-image-1389\" alt=\"\" srcset=\"https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1.png 700w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-300x300.png 300w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-100x100.png 100w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-600x600.png 600w, https:\/\/kenyalinkconsolidators.com\/wp-content\/uploads\/2025\/07\/77_gallon_blue_plastic_drum_cover_with_lever_lock_ring_closure_56w77b_1-150x150.png 150w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-faf1af3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"faf1af3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popup-77g\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8bced elementor-widget elementor-widget-html\" data-id=\"bf8bced\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Popup Modal 77G -->\r\n<div id=\"popupModal77G\" class=\"modal-overlay\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"close-btn\" onclick=\"closePopup77G()\">\u00d7<\/button>\r\n    <h2 class=\"title\">Container Calculator<\/h2>\r\n\r\n    <label for=\"containerSize\">Container Size:<\/label>\r\n    <select id=\"containerSize\" disabled>\r\n      <option selected>77 Gallon<\/option>\r\n    <\/select>\r\n\r\n    <p class=\"description\">Description:<\/p>\r\n    <ul>\r\n      <li>Length: 42 inches<\/li>\r\n      <li>Width: 30 inches<\/li>\r\n      <li>Height: 30 inches<\/li>\r\n    <\/ul>\r\n\r\n    <p id=\"price\">Total: $343<\/p>\r\n    <p>Price Breakdown:<\/p>\r\n\r\n    <p>Please login or create an account to complete your shipment.<\/p>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/login'\">Login<\/button>\r\n      <button onclick=\"window.location.href='https:\/\/kenyalinkconsolidators.com\/register'\">Create Account<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const trigger = document.querySelector('a[href=\"#popup-77g\"]');\r\n    if (trigger) {\r\n      trigger.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        document.getElementById(\"popupModal77G\").style.display = \"flex\";\r\n      });\r\n    }\r\n  });\r\n\r\n  function closePopup77G() {\r\n    document.getElementById(\"popupModal77G\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8821879 e-con-full e-flex e-con e-child\" data-id=\"8821879\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37bdca0 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"37bdca0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Ship from the USA to Kenya Somalia Tanzania Uganda Login Get Started 40-gallon tote $239 Click here \u00d7 Container Calculator Container Size: 40 Gallon Description: Length: 36 inches Width: 24 inches Height: 24 inches Total:$239 Price Breakdown: Please login or create an account to complete your shipment. Login Create Account 50-gallon tote $279 Click here [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1546","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/pages\/1546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/comments?post=1546"}],"version-history":[{"count":103,"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/pages\/1546\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/pages\/1546\/revisions\/1712"}],"wp:attachment":[{"href":"https:\/\/kenyalinkconsolidators.com\/main\/wp-json\/wp\/v2\/media?parent=1546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}