{"id":5677,"date":"2025-04-02T08:36:59","date_gmt":"2025-04-02T08:36:59","guid":{"rendered":"https:\/\/aldenham.fluiddev.co.uk\/prep\/?page_id=5677"},"modified":"2025-04-02T08:36:59","modified_gmt":"2025-04-02T08:36:59","slug":"coach-routes","status":"publish","type":"page","link":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/","title":{"rendered":"Coach Routes"},"content":{"rendered":"  <section id=\"block_aa56ef1d6dbe140af5b6289b27352f6f\" class=\" hero-banner-inner ipad:pt-md ipad:pb-md pt-md pb-md relative ipad:min-h-[450px] min-h-[calc(100vh-155px)] flex items-center\" style=\" background-color: ; \"> \n    <div class=\"overlay absolute bg-[#2B2B2B] opacity-[0.65] h-full w-full top-0 bottom-0 left-0 right-0\"><\/div>\n\n    <div class=\" hero-banner-inner__container container ipad:px-0 px-0 relative z-10\">\n      <div class=\" hero-banner-inner__content flex flex-col gap-[17px] justify-center items-center text-center mx-auto\">\n\n                  <div class=\"w-[1px] h-[40px] bg-white block mx-auto\"><\/div>\n          <div class=\" hero-banner-inner__sub-heading bg-white px-5 inline mb-[3px]\">\n            <p class=\"subheading\">Coach Routes<\/p>\n          <\/div>\n        \n                  <div class=\"text-center text-white relative\">\n            <h2>\n              Aldenham School Transport Options\n            <\/h2>\n          <\/div>\n        \n                  <div class=\" hero-banner-inner__content-text wysiwyg text-white mt-[-10px]\">\n            <p>Aldenham School runs a wide network of Coach Routes serving the Hertfordshire, Buckinghamshire and North London area. In most<br \/>\ncases, children will be able to find a stop near to their home, but on other occasions, they may travel by car or public transport to a<br \/>\npoint nearer to one of our stops. Coaches are an additional cost, and are available to Day pupils and to Flexi-Boarders.<\/p>\n\n          <\/div>\n        \n      <\/div>\n    <\/div> \n  <\/section>\n\n\r\n \n\n\r\n\r\n<!-- Leaflet's Module Libraries -->\r\n<!-- Leaflet's css -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.3.4\/dist\/leaflet.css\" integrity=\"sha512-puBpdR0798OZvTTbP4A8Ix\/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb\/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==\" crossorigin=\"\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.2.0\/dist\/leaflet.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet-routing-machine@latest\/dist\/leaflet-routing-machine.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet-control-geocoder@2.0.1\/dist\/Control.Geocoder.css\" \/>\r\n\r\n<!-- Leaflet's Scripts -->\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.3.4\/dist\/leaflet.js\" integrity=\"sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==\" crossorigin=\"\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.2.0\/dist\/leaflet.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/leaflet-routing-machine@latest\/dist\/leaflet-routing-machine.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/leaflet-control-geocoder@2.0.1\/dist\/Control.Geocoder.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/leaflet.markercluster@1.4.1\/dist\/leaflet.markercluster.js\"><\/script>\r\n\r\n\r\n<!-- End of Leaflet's Module Libraries -->\r\n\r\n<!-- Custom CSS for Map display -->\r\n<style>\r\n  #mapid {\r\n      height: 650px;\r\n  }\r\n\r\n .route-lists {\r\n   \r\n    background: #F1F1F1 0% 0% no-repeat padding-box;\r\n    box-shadow: 0px 0px 10px #00000029;\r\n    opacity: 1;\r\n    padding: 30px 20px;\r\n    overflow: auto;\r\n  }\r\n @media only screen and (min-width: 768px) {\r\n\r\n  .route-lists {\r\n    position: absolute;\r\n    z-index: 1000;\r\n    right: 20px;\r\n    top:70px;\r\n    width: 360px;\r\n    height: 519px; \r\n  }\r\n}\r\n<\/style>\r\n<!-- End of Custom CSS for Map display -->\r\n\r\n<section data-section=\"block\" id=\"base-block_6ce2758cb01c6541bb5fcfca356597ae\" class=\" map-routes bg-white pt-lg pb-md\">\r\n  <div class=\" w-full  map-routes__container\">\r\n    <div class=\" map-routes__content\">\r\n      <!-- Heading Section -->\r\n      <div class=\"text-center\">\r\n        <p class=\"subtitle mb-[20px] text-forsubtitle\">TRANSPORT ROUTES<\/p>\r\n        <h2>School Coach Routes<\/h2>\r\n      <\/div>\r\n      <!-- End of Heading Section -->\r\n\r\n      <!-- PHP SEARCH FUNCTION -->\r\n      \r\n      <!-- Search Section -->\r\n      <div class=\"search_input_container w-full  mx-auto mt-[11px] mb-[20px] md:mt-[50px] md:mb-[60px]\">\r\n        <div class=\"container\">\r\n          <form class=\"w-full flex sm:flex-row flex-col items-center ipad:gap-0 gap-[10px] relative\" name=\"searchRoute\" method=\"POST\" id=\"searchRoute\">   \r\n            <label for=\"voice-search\" class=\"sr-only\">Search<\/label>\r\n            <div class=\"relative w-full\">\r\n              <input type=\"text\" name = \"searchPostcode\" id=\"search_location\" class=\"w-full h-[45px] border border-[#D9D9D9] px-[20px]\" placeholder=\"Search Routes (e.g Postcode or Town)\" value=\"\" required \/>\r\n              <input type = \"hidden\" name = \"searchLat\" value =\"\" id = \"search_lat\" \/>\r\n              <input type = \"hidden\" name = \"searchLng\" value =\"\" id = \"search_lng\" \/>\r\n              <button type=\"button\" class=\"absolute inset-y-0 end-0 flex items-center pe-3\" onClick=\"getLocation()\"> <span class=\"sr-only\">Location<\/span>\r\n                 <i class=\"fa-regular fa-crosshairs text-primary\"><\/i>\r\n              \r\n              <\/button>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"btn btn--primary sm:w-[188px] w-full h-[45px]\">\r\n              Search\r\n            <\/button>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- End of Search Section -->\r\n      <div class=\"md:hidden block\"> \r\n        <div class=\"route-lists\">\r\n          <p>30 Coach Routes Results <\/span> <\/p>\r\n          <p>Some routes are not displayed on the map.<\/p>\r\n          <div class=\"accordion-content w-full max-w-[1000px] mx-auto mt-[11px]\">\r\n             \r\n            <div id=\"accordion-collapse-4086\" data-accordion=\"collapse\">\r\n              <!-- Dynamic Route -->\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4086\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_0\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (AM)\",\"line_color\":\"#b70000\",\"start_point\":\"Rickmansworth Bus Stop C  7:30\",\"route_start_lat\":\"51.640465\",\"route_start_lng\":\"-0.4711223\",\"stops\":[{\"stop_name\":\"Croxley Green Train Station - 7:38\",\"route_stops_lat\":\"51.64697\",\"route_stops_lng\":\"-0.441601\"},{\"stop_name\":\"Two Bridges Bus Stop - 7:41\",\"route_stops_lat\":\"51.651802\",\"route_stops_lng\":\"-0.428443\"},{\"stop_name\":\"Watford Town Hall Stop W - 7:48\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4086\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4086\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 1 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4086\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4086\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C  7:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges Bus Stop &#8211; 7:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4087\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_1\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Watford Town Hall Stop W - 17:23\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Two Bridges (Stop B) - 17:30\",\"route_stops_lat\":\"51.651178\",\"route_stops_lng\":\"-0.430425\"},{\"stop_name\":\"Croxley Green Train Station - 17:34\",\"route_stops_lat\":\"51.646914\",\"route_stops_lng\":\"-0.443392\"},{\"stop_name\":\"Rickmansworth Bus Stop C - 17:40\",\"route_stops_lat\":\"51.640465\",\"route_stops_lng\":\"-0.4711223\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4087\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4087\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 1 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4087\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4087\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges (Stop B) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 17:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4088\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_2\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (PM) [TTH]\",\"line_color\":\"#0000ff\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Watford Town Hall Stop W - 17:59\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Two Bridges (Stop B) - 18:06\",\"route_stops_lat\":\"51.651178\",\"route_stops_lng\":\"-0.430425\"},{\"stop_name\":\"Croxley Green Train Station - 18:10\",\"route_stops_lat\":\"51.646914\",\"route_stops_lng\":\"-0.443392\"},{\"stop_name\":\"Rickmansworth Bus Stop C - 18:20\",\"route_stops_lat\":\"51.640465\",\"route_stops_lng\":\"-0.4711223\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4088\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4088\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 1 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4088\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4088\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges (Stop B) &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4089\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_3\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Moffats Lane - 7:15\",\"route_start_lat\":\"51.721675\",\"route_start_lng\":\"-0.190357\",\"stops\":[{\"stop_name\":\"Brookmans Park Ave 7:17\",\"route_stops_lat\":\"51.721949\",\"route_stops_lng\":\"-0.201485\"},{\"stop_name\":\"Hawkshead Road - 7:21\",\"route_stops_lat\":\"51.707708\",\"route_stops_lng\":\"-0.180091\"},{\"stop_name\":\"Potter Bar, Bus Garage - 7:23\",\"route_stops_lat\":\"51.696678\",\"route_stops_lng\":\"-0.175759\"},{\"stop_name\":\"Great North Road, Wagon Road - 7:29\",\"route_stops_lat\":\"51.679074\",\"route_stops_lng\":\"-0.187571\"},{\"stop_name\":\"Dury Road Bus Stop - 7:31\",\"route_stops_lat\":\"51.662681\",\"route_stops_lng\":\"-0.199002\"},{\"stop_name\":\"Barnet High ST Stop D - 7:37\",\"route_stops_lat\":\"51.654298\",\"route_stops_lng\":\"-0.201525\"},{\"stop_name\":\"Galley Lane Stop E - 7:42\",\"route_stops_lat\":\"51.652532\",\"route_stops_lng\":\"-0.218466\"},{\"stop_name\":\"Brickfield Lane (Stop F) - 7:43\",\"route_stops_lat\":\"51.64229\",\"route_stops_lng\":\"-0.242198\"},{\"stop_name\":\"Ashley Drive - 7:48\",\"route_stops_lat\":\"51.645309\",\"route_stops_lng\":\"-0.261342\"},{\"stop_name\":\"Glenhaven Ave Stop E - 7:55\",\"route_stops_lat\":\"51.654375\",\"route_stops_lng\":\"-0.278552\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4089\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4089\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 2 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4089\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4089\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Moffats Lane &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave 7:17<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hawkshead Road &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 7:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road Bus Stop &#8211; 7:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Barnet High ST Stop D &#8211; 7:37<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane Stop E &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop F) &#8211; 7:43<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Ave Stop E &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4090\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_4\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Glenhaven Avenue (Stop D) - 17:19\",\"route_stops_lat\":\"51.65452\",\"route_stops_lng\":\"-0.278487\"},{\"stop_name\":\"Ashley Drive - 17:23\",\"route_stops_lat\":\"51.645725\",\"route_stops_lng\":\"-0.261461\"},{\"stop_name\":\"Brickfield Lane (Stop C) - 17:29\",\"route_stops_lat\":\"51.642494\",\"route_stops_lng\":\"-0.241929\"},{\"stop_name\":\"Galley Lane (Stop K) - 17:32\",\"route_stops_lat\":\"51.652601\",\"route_stops_lng\":\"-0.218991\"},{\"stop_name\":\"St. Albans Road (Stop B) - 17:37\",\"route_stops_lat\":\"51.655859\",\"route_stops_lng\":\"-0.201901\"},{\"stop_name\":\"Dury Road - 17:40\",\"route_stops_lat\":\"51.662859\",\"route_stops_lng\":\"-0.199066\"},{\"stop_name\":\"Great North Road, Wagon Road - 17:42\",\"route_stops_lat\":\"51.679563\",\"route_stops_lng\":\"-0.187189\"},{\"stop_name\":\"Potter Bar, Bus Garage - 17:50\",\"route_stops_lat\":\"51.697605\",\"route_stops_lng\":\"-0.175331\"},{\"stop_name\":\"Osbourne Road - 17:53\",\"route_stops_lat\":\"51.708281\",\"route_stops_lng\":\"-0.181696\"},{\"stop_name\":\"Mymms Drive - 17:57\",\"route_stops_lat\":\"51.7218457584849\",\"route_stops_lng\":\"-0.187286124746384\"},{\"stop_name\":\"Brookmans Park Ave - 17:59\",\"route_stops_lat\":\"51.721965\",\"route_stops_lng\":\"-0.201545\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4090\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4090\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 2 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4090\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4090\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Avenue (Stop D) &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop C) &#8211; 17:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane (Stop K) &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St. Albans Road (Stop B) &#8211; 17:37<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 17:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Osbourne Road &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mymms Drive &#8211; 17:57<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4091\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_5\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Glenhaven Avenue (Stop D) - 17:55\",\"route_stops_lat\":\"51.65452\",\"route_stops_lng\":\"-0.278487\"},{\"stop_name\":\"Ashley Drive - 17:58\",\"route_stops_lat\":\"51.645725\",\"route_stops_lng\":\"-0.261461\"},{\"stop_name\":\"Brickfield Lane (Stop C) - 18:05\",\"route_stops_lat\":\"51.642494\",\"route_stops_lng\":\"-0.241929\"},{\"stop_name\":\"Galley Lane (Stop K) - 18:08\",\"route_stops_lat\":\"51.652601\",\"route_stops_lng\":\"-0.218991\"},{\"stop_name\":\"St. Albans Road (Stop B) - 18:12\",\"route_stops_lat\":\"51.655859\",\"route_stops_lng\":\"-0.201901\"},{\"stop_name\":\"Dury Road - 18:15\",\"route_stops_lat\":\"51.662859\",\"route_stops_lng\":\"-0.199066\"},{\"stop_name\":\"Great North Road, Wagon Road - 18:18\",\"route_stops_lat\":\"51.679563\",\"route_stops_lng\":\"-0.187189\"},{\"stop_name\":\"Potter Bar, Bus Garage - 18:26\",\"route_stops_lat\":\"51.697605\",\"route_stops_lng\":\"-0.175331\"},{\"stop_name\":\"Osbourne Road - 18:29\",\"route_stops_lat\":\"51.708281\",\"route_stops_lng\":\"-0.181696\"},{\"stop_name\":\"Mymms Drive - 18:31\",\"route_stops_lat\":\"51.7218457584849\",\"route_stops_lng\":\"-0.187286124746384\"},{\"stop_name\":\"Brookmans Park Ave - 18:33\",\"route_stops_lat\":\"51.721965\",\"route_stops_lng\":\"-0.201545\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4091\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4091\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 2 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4091\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4091\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Avenue (Stop D) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 17:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop C) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane (Stop K) &#8211; 18:08<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St. Albans Road (Stop B) &#8211; 18:12<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road &#8211; 18:15<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 18:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Osbourne Road &#8211; 18:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mymms Drive &#8211; 18:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave &#8211; 18:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4092\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_6\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Beech Hill Bus Stop B - 7:15\",\"route_start_lat\":\"51.668031\",\"route_start_lng\":\"-0.157941\",\"stops\":[{\"stop_name\":\"Cock Fosters Station Bus Stop B - 7:18\",\"route_stops_lat\":\"51.651479\",\"route_stops_lng\":\"-0.14977\"},{\"stop_name\":\"Heddon Court Avenue (Stop L) - 7:21\",\"route_stops_lat\":\"51.645358\",\"route_stops_lng\":\"-0.152867\"},{\"stop_name\":\"East Barnet Village (Stop BP) - 7:23\",\"route_stops_lat\":\"51.64294\",\"route_stops_lng\":\"-0.164074\"},{\"stop_name\":\"Hasluck Gardens (Stop H) - 7:26\",\"route_stops_lat\":\"51.64286\",\"route_stops_lng\":\"-0.17956\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop B) - 7:36\",\"route_stops_lat\":\"51.630128\",\"route_stops_lng\":\"-0.179615\"},{\"stop_name\":\"The Orange Tree Public House - 7:39\",\"route_stops_lat\":\"51.630533\",\"route_stops_lng\":\"-0.197661\"},{\"stop_name\":\"Grange Avenue - 7:41\",\"route_stops_lat\":\"51.634567\",\"route_stops_lng\":\"-0.205435\"},{\"stop_name\":\"Totteridge Common Mill Hill - 7:44\",\"route_stops_lat\":\"51.630832\",\"route_stops_lng\":\"-0.227223\"},{\"stop_name\":\"Uphill Road (Stop U) - 7:48\",\"route_stops_lat\":\"51.618321\",\"route_stops_lng\":\"-0.244886\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4092\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4092\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 3 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4092\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4092\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Beech Hill Bus Stop B &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cock Fosters Station Bus Stop B &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop L) &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BP) &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop H) &#8211; 7:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop B) &#8211; 7:36<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 7:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 7:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 7:44<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop U) &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4093\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_7\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Uphill Road (Stop T) - 17:23\",\"route_stops_lat\":\"51.617697\",\"route_stops_lng\":\"-0.245084\"},{\"stop_name\":\"Totteridge Common Mill Hill - 17:30\",\"route_stops_lat\":\"51.630994\",\"route_stops_lng\":\"-0.226674\"},{\"stop_name\":\"Grange Avenue - 17:32\",\"route_stops_lat\":\"51.634579\",\"route_stops_lng\":\"-0.205709\"},{\"stop_name\":\"The Orange Tree Public House - 17:34\",\"route_stops_lat\":\"51.630486\",\"route_stops_lng\":\"-0.197305\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop A) - 17:39\",\"route_stops_lat\":\"51.630101\",\"route_stops_lng\":\"-0.177848\"},{\"stop_name\":\"Hasluck Gardens (Stop N) - 17:46\",\"route_stops_lat\":\"51.64311\",\"route_stops_lng\":\"-0.179362\"},{\"stop_name\":\"East Barnet Village (Stop BB) - 17:52\",\"route_stops_lat\":\"51.643093\",\"route_stops_lng\":\"-0.164536\"},{\"stop_name\":\"Heddon Court Avenue (Stop N) - 17:55\",\"route_stops_lat\":\"51.645365\",\"route_stops_lng\":\"-0.152376\"},{\"stop_name\":\"Cockfosters Station - 18:00\",\"route_stops_lat\":\"51.651714\",\"route_stops_lng\":\"-0.150044\"},{\"stop_name\":\"Beech Hill (Stop C) - 18:03\",\"route_stops_lat\":\"51.667382\",\"route_stops_lng\":\"-0.157551\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4093\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4093\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 3 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4093\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4093\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop T) &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 17:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop A) &#8211; 17:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop N) &#8211; 17:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BB) &#8211; 17:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop N) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cockfosters Station &#8211; 18:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Beech Hill (Stop C) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4094\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_8\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Uphill Road (Stop T) - 17:55\",\"route_stops_lat\":\"51.617697\",\"route_stops_lng\":\"-0.245084\"},{\"stop_name\":\"Totteridge Common Mill Hill - 18:00\",\"route_stops_lat\":\"51.630994\",\"route_stops_lng\":\"-0.226674\"},{\"stop_name\":\"Grange Avenue - 18:02\",\"route_stops_lat\":\"51.634579\",\"route_stops_lng\":\"-0.205709\"},{\"stop_name\":\"The Orange Tree Public House - 18:06\",\"route_stops_lat\":\"51.630486\",\"route_stops_lng\":\"-0.197305\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop A) - 18:10\",\"route_stops_lat\":\"51.630101\",\"route_stops_lng\":\"-0.177848\"},{\"stop_name\":\"Hasluck Gardens (Stop N) - 18:19\",\"route_stops_lat\":\"51.64311\",\"route_stops_lng\":\"-0.179362\"},{\"stop_name\":\"East Barnet Village (Stop BB) - 18:22\",\"route_stops_lat\":\"51.643093\",\"route_stops_lng\":\"-0.164536\"},{\"stop_name\":\"Heddon Court Avenue (Stop N) - 18:25\",\"route_stops_lat\":\"51.645365\",\"route_stops_lng\":\"-0.152376\"},{\"stop_name\":\"Cockfosters Station - 18:30\",\"route_stops_lat\":\"51.651714\",\"route_stops_lng\":\"-0.150044\"},{\"stop_name\":\"Beech Hill (Stop C) - 18:33\",\"route_stops_lat\":\"51.667382\",\"route_stops_lng\":\"-0.157551\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4094\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4094\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 3 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4094\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4094\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop T) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 18:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 18:02<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop A) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop N) &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BB) &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop N) &#8211; 18:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cockfosters Station &#8211; 18:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Beech Hill (Stop C) &#8211; 18:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4095\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_9\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Lycee International Kings Drive (Stop S) - 7:15\",\"route_start_lat\":\"51.565359\",\"route_start_lng\":\"-0.275611\",\"stops\":[{\"stop_name\":\"Empire Way (Stop A) - 7:18\",\"route_stops_lat\":\"51.561866\",\"route_stops_lng\":\"-0.283283\"},{\"stop_name\":\"Wembley Hill Road (Stop N) - 7:20\",\"route_stops_lat\":\"51.56004\",\"route_stops_lng\":\"-0.290138\"},{\"stop_name\":\"Preston Road Station (Stop PA) - 7:24\",\"route_stops_lat\":\"51.57234\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop F) - 7:30\",\"route_stops_lat\":\"51.584319\",\"route_stops_lng\":\"-0.282544\"},{\"stop_name\":\"Queensbury Morrisons (Stop DD) - 7:35\",\"route_stops_lat\":\"51.592121\",\"route_stops_lng\":\"-0.286314\"},{\"stop_name\":\"Honeypot Lane Centre (Stop E) - 7:38\",\"route_stops_lat\":\"51.605753\",\"route_stops_lng\":\"-0.300096\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 7:44\",\"route_stops_lat\":\"51.615222\",\"route_stops_lng\":\"-0.3065\"},{\"stop_name\":\"Stanmore Station (Stop B) - 7:50\",\"route_stops_lat\":\"51.605753\",\"route_stops_lng\":\"-0.300101\"},{\"stop_name\":\"London Road Synagogue (Stop H) - 7:52\",\"route_stops_lat\":\"51.620773\",\"route_stops_lng\":\"-0.29833\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4095\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4095\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 4 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4095\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4095\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop S) &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop A) &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wembley Hill Road (Stop N) &#8211; 7:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PA) &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop F) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop DD) &#8211; 7:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Honeypot Lane Centre (Stop E) &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 7:44<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop B) &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road Synagogue (Stop H) &#8211; 7:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4096\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_10\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Rodgers Close - 17:07\",\"route_stops_lat\":\"51.642544\",\"route_stops_lng\":\"-0.299962\"},{\"stop_name\":\"Stanmore Station (Stop A) - 17:19\",\"route_stops_lat\":\"51.619781\",\"route_stops_lng\":\"-0.303748\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 17:21\",\"route_stops_lat\":\"51.614083\",\"route_stops_lng\":\"-0.305667\"},{\"stop_name\":\"Wemborough Road (Stop D) - 17:23\",\"route_stops_lat\":\"51.606372\",\"route_stops_lng\":\"-0.300295\"},{\"stop_name\":\"Queensbury Morrisons (Stop EE) - 17:31\",\"route_stops_lat\":\"51.591606\",\"route_stops_lng\":\"-0.285293\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop E) - 17:35\",\"route_stops_lat\":\"51.584122\",\"route_stops_lng\":\"-0.282702\"},{\"stop_name\":\"Preston Road Station (Stop PB) - 17:42\",\"route_stops_lat\":\"51.571897\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Park Lane North Wembley (Stop C) - 17:49\",\"route_stops_lat\":\"51.559827\",\"route_stops_lng\":\"-0.290968\"},{\"stop_name\":\"Empire Way (Stop J) - 17:51\",\"route_stops_lat\":\"51.56199\",\"route_stops_lng\":\"-0.281836\"},{\"stop_name\":\"Lycee International Kings Drive (Stop BA) - 18:06\",\"route_stops_lat\":\"51.565499\",\"route_stops_lng\":\"-0.273819\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4096\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4096\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 4 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4096\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4096\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rodgers Close &#8211; 17:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop A) &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 17:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wemborough Road (Stop D) &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop EE) &#8211; 17:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop E) &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PB) &#8211; 17:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Lane North Wembley (Stop C) &#8211; 17:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop J) &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop BA) &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4097\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_11\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Rodgers Close - 17:40\",\"route_stops_lat\":\"51.642544\",\"route_stops_lng\":\"-0.299962\"},{\"stop_name\":\"Stanmore Station (Stop A) - 17:50\",\"route_stops_lat\":\"51.619781\",\"route_stops_lng\":\"-0.303748\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 17:53\",\"route_stops_lat\":\"51.614083\",\"route_stops_lng\":\"-0.305667\"},{\"stop_name\":\"Wemborough Road (Stop D) - 17:55\",\"route_stops_lat\":\"51.606372\",\"route_stops_lng\":\"-0.300295\"},{\"stop_name\":\"Queensbury Morrisons (Stop EE) - 18:05\",\"route_stops_lat\":\"51.591606\",\"route_stops_lng\":\"-0.285293\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop E) - 18:10\",\"route_stops_lat\":\"51.584122\",\"route_stops_lng\":\"-0.282702\"},{\"stop_name\":\"Preston Road Station (Stop PB) - 18:15\",\"route_stops_lat\":\"51.571897\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Park Lane North Wembley (Stop C) - 18:20\",\"route_stops_lat\":\"51.559827\",\"route_stops_lng\":\"-0.290968\"},{\"stop_name\":\"Empire Way (Stop J) - 18:25\",\"route_stops_lat\":\"51.56199\",\"route_stops_lng\":\"-0.281836\"},{\"stop_name\":\"Lycee International Kings Drive (Stop BA) - 18:27\",\"route_stops_lat\":\"51.565499\",\"route_stops_lng\":\"-0.273819\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4097\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4097\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 4 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4097\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4097\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rodgers Close &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop A) &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wemborough Road (Stop D) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop EE) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop E) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PB) &#8211; 18:15<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Lane North Wembley (Stop C) &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop J) &#8211; 18:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop BA) &#8211; 18:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4098\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_12\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Headstone Road Doctors - 7:15\",\"route_start_lat\":\"51.583747\",\"route_start_lng\":\"-0.34125\",\"stops\":[{\"stop_name\":\"The Gardens Harrow (Stop WK) - 7:22\",\"route_stops_lat\":\"51.582952\",\"route_stops_lng\":\"-0.354155\"},{\"stop_name\":\"Station Road (Stop NB) - 7:25\",\"route_stops_lat\":\"51.587069\",\"route_stops_lng\":\"-0.362214\"},{\"stop_name\":\"Pinner (Stop B) - 7:27\",\"route_stops_lat\":\"51.592456\",\"route_stops_lng\":\"-0.382037\"},{\"stop_name\":\"West End Lane Pinner (Stop PR) - 7:30\",\"route_stops_lat\":\"51.598174\",\"route_stops_lng\":\"-0.391885\"},{\"stop_name\":\"Woodhall Drive (Stop PZ) - 7:33\",\"route_stops_lat\":\"51.604313\",\"route_stops_lng\":\"-0.382648\"},{\"stop_name\":\"Hatch End Telephone Exchange - 7:36\",\"route_stops_lat\":\"51.607558\",\"route_stops_lng\":\"-0.374924\"},{\"stop_name\":\"Belsize Road - 7:42\",\"route_stops_lat\":\"51.610127\",\"route_stops_lng\":\"-0.346342\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4098\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4098\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 5 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4098\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4098\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Gardens Harrow (Stop WK) &#8211; 7:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road (Stop NB) &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner (Stop B) &#8211; 7:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PR) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PZ) &#8211; 7:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 7:36<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4099\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_13\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Belsize Road - 17:17\",\"route_stops_lat\":\"51.609977\",\"route_stops_lng\":\"-0.346606\"},{\"stop_name\":\"Hatch End Telephone Exchange - 17:22\",\"route_stops_lat\":\"51.607405\",\"route_stops_lng\":\"-0.375228\"},{\"stop_name\":\"Woodhall Drive (Stop PH) - 17:24\",\"route_stops_lat\":\"51.603584\",\"route_stops_lng\":\"-0.383512\"},{\"stop_name\":\"West End Lane Pinner (Stop PL) - 17:26\",\"route_stops_lat\":\"51.598061\",\"route_stops_lng\":\"-0.391278\"},{\"stop_name\":\"Pinner Library (Stop A) - 17:29\",\"route_stops_lat\":\"51.591309\",\"route_stops_lng\":\"-0.380754\"},{\"stop_name\":\"Station Road North Harrow (Stop NC) - 17:35\",\"route_stops_lat\":\"51.586538\",\"route_stops_lng\":\"-0.361602\"},{\"stop_name\":\"Rutland Road - 17:40\",\"route_stops_lat\":\"51.58219\",\"route_stops_lng\":\"-0.351814\"},{\"stop_name\":\"Headstone Road Doctors - 17:45\",\"route_stops_lat\":\"51.583747\",\"route_stops_lng\":\"-0.34125\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4099\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4099\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 5 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4099\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4099\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 17:17<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 17:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PH) &#8211; 17:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PL) &#8211; 17:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner Library (Stop A) &#8211; 17:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road North Harrow (Stop NC) &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rutland Road &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4100\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_14\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Belsize Road - 17:55\",\"route_stops_lat\":\"51.609977\",\"route_stops_lng\":\"-0.346606\"},{\"stop_name\":\"Hatch End Telephone Exchange - 18:01\",\"route_stops_lat\":\"51.607405\",\"route_stops_lng\":\"-0.375228\"},{\"stop_name\":\"Woodhall Drive (Stop PH) - 18:03\",\"route_stops_lat\":\"51.603584\",\"route_stops_lng\":\"-0.383512\"},{\"stop_name\":\"West End Lane Pinner (Stop PL) - 18:04\",\"route_stops_lat\":\"51.598061\",\"route_stops_lng\":\"-0.391278\"},{\"stop_name\":\"Pinner Library (Stop A) - 18:10\",\"route_stops_lat\":\"51.591309\",\"route_stops_lng\":\"-0.380754\"},{\"stop_name\":\"Station Road North Harrow (Stop NC) - 18:16\",\"route_stops_lat\":\"51.586538\",\"route_stops_lng\":\"-0.361602\"},{\"stop_name\":\"Rutland Road - 18:20\",\"route_stops_lat\":\"51.58219\",\"route_stops_lng\":\"-0.351814\"},{\"stop_name\":\"Headstone Road Doctors - 18:22\",\"route_stops_lat\":\"51.583747\",\"route_stops_lng\":\"-0.34125\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4100\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4100\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 5 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4100\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4100\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PH) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PL) &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner Library (Stop A) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road North Harrow (Stop NC) &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rutland Road &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4101\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_15\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Fortis Green Road (Stop N) - 7:15\",\"route_start_lat\":\"51.5889941958592\",\"route_start_lng\":\"-0.145723545949002\",\"stops\":[{\"stop_name\":\"Woodside Ave - 7:18\",\"route_stops_lat\":\"51.586818\",\"route_stops_lng\":\"-0.150352\"},{\"stop_name\":\"Woodside Avenue (Stop K) - 7:23\",\"route_stops_lat\":\"51.582526\",\"route_stops_lng\":\"-0.158173\"},{\"stop_name\":\"Great North Road (Stop B) - 7:25\",\"route_stops_lat\":\"51.585813\",\"route_stops_lng\":\"-0.164479\"},{\"stop_name\":\"Market Place - 7:28\",\"route_stops_lat\":\"51.585478\",\"route_stops_lng\":\"-0.179717\"},{\"stop_name\":\"Brookland Rise - 7:29\",\"route_stops_lat\":\"51.5868\",\"route_stops_lng\":\"-0.190757\"},{\"stop_name\":\"Aldenham School - 8:03\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4101\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4101\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 6 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4101\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4101\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop N) &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop K) &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road (Stop B) &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 7:28<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 7:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4102\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_16\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Brookland Rise - 17:40\",\"route_stops_lat\":\"51.58703\",\"route_stops_lng\":\"-0.19136\"},{\"stop_name\":\"Market Place - 17:41\",\"route_stops_lat\":\"51.585941\",\"route_stops_lng\":\"-0.182505\"},{\"stop_name\":\"Bishops AVE Opposite Bus Stop B - 17:45\",\"route_stops_lat\":\"51.585866\",\"route_stops_lng\":\"-0.164382\"},{\"stop_name\":\"Woodside Avenue (Stop P) - 17:48\",\"route_stops_lat\":\"51.583176\",\"route_stops_lng\":\"-0.159106\"},{\"stop_name\":\"Woodside Ave - 17:50\",\"route_stops_lat\":\"51.586639\",\"route_stops_lng\":\"-0.151669\"},{\"stop_name\":\"Fortis Green Road (Stop M) - 17:53\",\"route_stops_lat\":\"51.5892803958043\",\"route_stops_lng\":\"-0.145741967277626\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4102\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4102\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 6 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4102\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4102\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 17:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bishops AVE Opposite Bus Stop B &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop P) &#8211; 17:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop M) &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4103\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_17\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Brookland Rise - 18:14\",\"route_stops_lat\":\"51.58703\",\"route_stops_lng\":\"-0.19136\"},{\"stop_name\":\"Market Place - 18:16\",\"route_stops_lat\":\"51.585941\",\"route_stops_lng\":\"-0.182505\"},{\"stop_name\":\"Bishops AVE Opposite Bus Stop B - 18:19\",\"route_stops_lat\":\"51.585866\",\"route_stops_lng\":\"-0.164382\"},{\"stop_name\":\"Woodside Avenue (Stop P) - 18:21\",\"route_stops_lat\":\"51.583176\",\"route_stops_lng\":\"-0.159106\"},{\"stop_name\":\"Woodside Ave - 18:24\",\"route_stops_lat\":\"51.586639\",\"route_stops_lng\":\"-0.151669\"},{\"stop_name\":\"Fortis Green Road (Stop M) - 18:27\",\"route_stops_lat\":\"51.5892803958043\",\"route_stops_lng\":\"-0.145741967277626\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4103\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4103\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 6 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4103\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4103\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 18:14<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bishops AVE Opposite Bus Stop B &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop P) &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 18:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop M) &#8211; 18:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4104\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_18\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Eastcote Road - 7:15\",\"route_start_lat\":\"51.577317\",\"route_start_lng\":\"-0.426049\",\"stops\":[{\"stop_name\":\"Ladygate Lane - 7:19\",\"route_stops_lat\":\"51.581346\",\"route_stops_lng\":\"-0.431962\"},{\"stop_name\":\"Jackets Lane - 7:24\",\"route_stops_lat\":\"51.606456\",\"route_stops_lng\":\"-0.44468\"},{\"stop_name\":\"The Avenue (Stop L) - 7:27\",\"route_stops_lat\":\"51.612321\",\"route_stops_lng\":\"-0.434308\"},{\"stop_name\":\"Northwood (Stop D) - 7:31\",\"route_stops_lat\":\"51.611368\",\"route_stops_lng\":\"-0.422866\"},{\"stop_name\":\"Sandy Lane - 7:32\",\"route_stops_lat\":\"51.61781\",\"route_stops_lng\":\"-0.407816\"},{\"stop_name\":\"Westbury Road - 7:35\",\"route_stops_lat\":\"51.627762\",\"route_stops_lng\":\"-0.414025\"},{\"stop_name\":\"Deacons Hill - 7:45\",\"route_stops_lat\":\"51.643822\",\"route_stops_lng\":\"-0.392418\"},{\"stop_name\":\"Bushey Railway Station West (Stop D) - 7:48\",\"route_stops_lat\":\"51.646255\",\"route_stops_lng\":\"-0.386057\"},{\"stop_name\":\"Bushey Hillside Road - 7:50\",\"route_stops_lat\":\"51.649414\",\"route_stops_lng\":\"-0.380124145298557\"},{\"stop_name\":\"The Avenue - 7:54\",\"route_stops_lat\":\"51.654299\",\"route_stops_lng\":\"-0.374366\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4104\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4104\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 7 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4104\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4104\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 7:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue (Stop L) &#8211; 7:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop D) &#8211; 7:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 7:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 7:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Railway Station West (Stop D) &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 7:54<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4105\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_19\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"The Avenue - 16:53\",\"route_stops_lat\":\"51.654164\",\"route_stops_lng\":\"-0.374615\"},{\"stop_name\":\"Bushey Hillside Road - 16:55\",\"route_stops_lat\":\"51.6486881827835\",\"route_stops_lng\":\"-0.380405817244342\"},{\"stop_name\":\"Bushey Station - 16:58\",\"route_stops_lat\":\"51.646237\",\"route_stops_lng\":\"-0.386065\"},{\"stop_name\":\"Deacons Hill - 17:01\",\"route_stops_lat\":\"51.642853\",\"route_stops_lng\":\"-0.393905\"},{\"stop_name\":\"Westbury Road - 17:05\",\"route_stops_lat\":\"51.628654\",\"route_stops_lng\":\"-0.414027\"},{\"stop_name\":\"Sandy Lane - 17:07\",\"route_stops_lat\":\"51.61767\",\"route_stops_lng\":\"-0.407845\"},{\"stop_name\":\"Northwood (Stop C) - 17:10\",\"route_stops_lat\":\"51.611301\",\"route_stops_lng\":\"-0.422635\"},{\"stop_name\":\"Myrtleside Close (Stop R) - 17:13\",\"route_stops_lat\":\"51.611694\",\"route_stops_lng\":\"-0.432505\"},{\"stop_name\":\"Jackets Lane - 17:16\",\"route_stops_lat\":\"51.605857\",\"route_stops_lng\":\"-0.445032\"},{\"stop_name\":\"Ladygate Lane - 17:20\",\"route_stops_lat\":\"51.581464\",\"route_stops_lng\":\"-0.431868\"},{\"stop_name\":\"Eastcote Road - 17:21\",\"route_stops_lat\":\"51.577383\",\"route_stops_lng\":\"-0.425912\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4105\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4105\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 7 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4105\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4105\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 16:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 16:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Station &#8211; 16:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 17:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 17:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 17:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop C) &#8211; 17:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Myrtleside Close (Stop R) &#8211; 17:13<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 17:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 17:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 17:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4106\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_20\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"The Avenue - 17:53\",\"route_stops_lat\":\"51.654164\",\"route_stops_lng\":\"-0.374615\"},{\"stop_name\":\"Bushey Hillside Road - 17:55\",\"route_stops_lat\":\"51.6486881827835\",\"route_stops_lng\":\"-0.380405817244342\"},{\"stop_name\":\"Bushey Station - 17:58\",\"route_stops_lat\":\"51.646237\",\"route_stops_lng\":\"-0.386065\"},{\"stop_name\":\"Deacons Hill - 18:01\",\"route_stops_lat\":\"51.642853\",\"route_stops_lng\":\"-0.393905\"},{\"stop_name\":\"Westbury Road - 18:05\",\"route_stops_lat\":\"51.628654\",\"route_stops_lng\":\"-0.414027\"},{\"stop_name\":\"Sandy Lane - 18:07\",\"route_stops_lat\":\"51.61767\",\"route_stops_lng\":\"-0.407845\"},{\"stop_name\":\"Northwood (Stop C) - 18:10\",\"route_stops_lat\":\"51.611301\",\"route_stops_lng\":\"-0.422635\"},{\"stop_name\":\"Myrtleside Close (Stop R) - 18:13\",\"route_stops_lat\":\"51.611694\",\"route_stops_lng\":\"-0.432505\"},{\"stop_name\":\"Jackets Lane - 18:16\",\"route_stops_lat\":\"51.605857\",\"route_stops_lng\":\"-0.445032\"},{\"stop_name\":\"Ladygate Lane - 18:20\",\"route_stops_lat\":\"51.581464\",\"route_stops_lng\":\"-0.431868\"},{\"stop_name\":\"Eastcote Road - 18:21\",\"route_stops_lat\":\"51.577383\",\"route_stops_lng\":\"-0.425912\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4106\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4106\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 7 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4106\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4106\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Station &#8211; 17:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop C) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Myrtleside Close (Stop R) &#8211; 18:13<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4107\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_21\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Allandale Avenue (Stop TR) - 7:17\",\"route_start_lat\":\"51.592301\",\"route_start_lng\":\"-0.199472\",\"stops\":[{\"stop_name\":\"Gravel Hill (Stop L) - 7:20\",\"route_stops_lat\":\"51.597661\",\"route_stops_lng\":\"-0.198576\"},{\"stop_name\":\"Crooked Usage - 7:24\",\"route_stops_lat\":\"51.59328\",\"route_stops_lng\":\"-0.208156\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 7:30\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Ashley Lane - 7:32\",\"route_stops_lat\":\"51.593835\",\"route_stops_lng\":\"-0.21833\"},{\"stop_name\":\"Flower Lane Sacred Heart Ch (Stop H) - 7:46\",\"route_stops_lat\":\"51.615113\",\"route_stops_lng\":\"-0.245921\"},{\"stop_name\":\"Cloister Gardens (Stop G) - 7:49\",\"route_stops_lat\":\"51.617013\",\"route_stops_lng\":\"-0.261135\"},{\"stop_name\":\"Edgware - 7:55\",\"route_stops_lat\":\"51.612324\",\"route_stops_lng\":\"-0.281136\"},{\"stop_name\":\"Aldenham School - 8:05\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4107\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4107\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 8 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4107\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4107\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TR) &#8211; 7:17<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop L) &#8211; 7:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Flower Lane Sacred Heart Ch (Stop H) &#8211; 7:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop G) &#8211; 7:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Edgware &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4108\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_22\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Grove Road (Stop U) - 17:22\",\"route_stops_lat\":\"51.612297\",\"route_stops_lng\":\"-0.280972\"},{\"stop_name\":\"Cloister Gardens (Stop b) - 17:27\",\"route_stops_lat\":\"51.617185\",\"route_stops_lng\":\"-0.26132\"},{\"stop_name\":\"Mill Hill Circus Flower Lane (Stop M) - 17:30\",\"route_stops_lat\":\"51.615973\",\"route_stops_lng\":\"-0.244974\"},{\"stop_name\":\"Ashley Lane - 17:41\",\"route_stops_lat\":\"51.593203\",\"route_stops_lng\":\"-0.219116\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 17:43\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Crooked Usage - 17:51\",\"route_stops_lat\":\"51.593569\",\"route_stops_lng\":\"-0.20784\"},{\"stop_name\":\"Gravel Hill (Stop R) - 17:53\",\"route_stops_lat\":\"51.597662\",\"route_stops_lng\":\"-0.198479\"},{\"stop_name\":\"Allandale Avenue (Stop TA) - 17:56\",\"route_stops_lat\":\"51.591934\",\"route_stops_lng\":\"-0.199487\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4108\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4108\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 8 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4108\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4108\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grove Road (Stop U) &#8211; 17:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop b) &#8211; 17:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mill Hill Circus Flower Lane (Stop M) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 17:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 17:43<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop R) &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TA) &#8211; 17:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4109\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_23\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Grove Road (Stop U) - 17:55\",\"route_stops_lat\":\"51.612297\",\"route_stops_lng\":\"-0.280972\"},{\"stop_name\":\"Cloister Gardens (Stop b) - 18:02\",\"route_stops_lat\":\"51.617185\",\"route_stops_lng\":\"-0.26132\"},{\"stop_name\":\"Mill Hill Circus Flower Lane (Stop M) - 18:05\",\"route_stops_lat\":\"51.615973\",\"route_stops_lng\":\"-0.244974\"},{\"stop_name\":\"Ashley Lane - 18:19\",\"route_stops_lat\":\"51.593203\",\"route_stops_lng\":\"-0.219116\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 18:21\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Crooked Usage - 18:26\",\"route_stops_lat\":\"51.593569\",\"route_stops_lng\":\"-0.20784\"},{\"stop_name\":\"Gravel Hill (Stop R) - 18:29\",\"route_stops_lat\":\"51.597662\",\"route_stops_lng\":\"-0.198479\"},{\"stop_name\":\"Allandale Avenue (Stop TA) - 18:32\",\"route_stops_lat\":\"51.591934\",\"route_stops_lng\":\"-0.199487\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4109\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4109\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 8 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4109\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4109\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grove Road (Stop U) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop b) &#8211; 18:02<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mill Hill Circus Flower Lane (Stop M) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop R) &#8211; 18:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TA) &#8211; 18:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4110\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_24\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Midcot Way - 7:15\",\"route_start_lat\":\"51.767531\",\"route_start_lng\":\"-0.586044\",\"stops\":[{\"stop_name\":\"Kings Road - 7:18\",\"route_stops_lat\":\"51.76132\",\"route_stops_lng\":\"-0.567336\"},{\"stop_name\":\"Swing Gate Lane - 7:21\",\"route_stops_lat\":\"51.757058\",\"route_stops_lng\":\"-0.55356\"},{\"stop_name\":\"Watermill Hotel - 7:25\",\"route_stops_lat\":\"51.746091\",\"route_stops_lng\":\"-0.521172\"},{\"stop_name\":\"VP Autoservices - 7:28\",\"route_stops_lat\":\"51.742773\",\"route_stops_lng\":\"-0.501238\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop F) - 7:30\",\"route_stops_lat\":\"51.743221\",\"route_stops_lng\":\"-0.489597\"},{\"stop_name\":\"London Road - 7:32\",\"route_stops_lat\":\"51.741159\",\"route_stops_lng\":\"-0.477048\"},{\"stop_name\":\"Featherbed Lane - 7:38\",\"route_stops_lat\":\"51.73962\",\"route_stops_lng\":\"-0.472492\"},{\"stop_name\":\"Rucklers Lane - 7:40\",\"route_stops_lat\":\"51.727813\",\"route_stops_lng\":\"-0.454548\"},{\"stop_name\":\"Vicarage Lane - 7:42\",\"route_stops_lat\":\"51.713486\",\"route_stops_lng\":\"-0.450128\"},{\"stop_name\":\"Langleybury Church - 7:52\",\"route_stops_lat\":\"51.692586\",\"route_stops_lng\":\"-0.436438\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4110\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4110\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 9 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4110\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4110\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 7:28<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop F) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 7:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 7:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4111\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_25\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Langleybury Church - 17:40\",\"route_stops_lat\":\"51.692608\",\"route_stops_lng\":\"-0.436811\"},{\"stop_name\":\"Vicarage Lane - 17:51\",\"route_stops_lat\":\"51.714295\",\"route_stops_lng\":\"-0.450547\"},{\"stop_name\":\"Rucklers Lane - 17:53\",\"route_stops_lat\":\"51.726407\",\"route_stops_lng\":\"-0.454011\"},{\"stop_name\":\"Featherbed Lane - 17:59\",\"route_stops_lat\":\"51.73903\",\"route_stops_lng\":\"-0.471827\"},{\"stop_name\":\"London Road - 18:01\",\"route_stops_lat\":\"51.741094\",\"route_stops_lng\":\"-0.477033\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop E) - 18:03\",\"route_stops_lat\":\"51.743006\",\"route_stops_lng\":\"-0.490662\"},{\"stop_name\":\"VP Autoservices - 18:04\",\"route_stops_lat\":\"51.742822\",\"route_stops_lng\":\"-0.501946\"},{\"stop_name\":\"Watermill Hotel - 18:07\",\"route_stops_lat\":\"51.746\",\"route_stops_lng\":\"-0.521484\"},{\"stop_name\":\"Swing Gate Lane - 18:09\",\"route_stops_lat\":\"51.757368\",\"route_stops_lng\":\"-0.555153\"},{\"stop_name\":\"Kings Road - 18:10\",\"route_stops_lat\":\"51.760854\",\"route_stops_lng\":\"-0.566235\"},{\"stop_name\":\"Midcot Way - 18:16\",\"route_stops_lat\":\"51.767531\",\"route_stops_lng\":\"-0.586044\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4111\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4111\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 9 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4111\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4111\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop E) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 18:09<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4112\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_26\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Langleybury Church - 18:12\",\"route_stops_lat\":\"51.692608\",\"route_stops_lng\":\"-0.436811\"},{\"stop_name\":\"Vicarage Lane - 18:20\",\"route_stops_lat\":\"51.714295\",\"route_stops_lng\":\"-0.450547\"},{\"stop_name\":\"Rucklers Lane - 18:22\",\"route_stops_lat\":\"51.726407\",\"route_stops_lng\":\"-0.454011\"},{\"stop_name\":\"Featherbed Lane - 18:24\",\"route_stops_lat\":\"51.73903\",\"route_stops_lng\":\"-0.471827\"},{\"stop_name\":\"London Road - 18:26\",\"route_stops_lat\":\"51.741094\",\"route_stops_lng\":\"-0.477033\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop E) - 18:30\",\"route_stops_lat\":\"51.743006\",\"route_stops_lng\":\"-0.490662\"},{\"stop_name\":\"VP Autoservices - 18:34\",\"route_stops_lat\":\"51.742822\",\"route_stops_lng\":\"-0.501946\"},{\"stop_name\":\"Watermill Hotel - 18:38\",\"route_stops_lat\":\"51.746\",\"route_stops_lng\":\"-0.521484\"},{\"stop_name\":\"Swing Gate Lane - 18:40\",\"route_stops_lat\":\"51.757368\",\"route_stops_lng\":\"-0.555153\"},{\"stop_name\":\"Kings Road - 18:50\",\"route_stops_lat\":\"51.760854\",\"route_stops_lng\":\"-0.566235\"},{\"stop_name\":\"Midcot Way - 18:56\",\"route_stops_lat\":\"51.767531\",\"route_stops_lng\":\"-0.586044\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4112\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4112\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 9 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4112\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4112\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 18:12<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 18:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop E) &#8211; 18:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 18:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 18:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 18:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 18:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 18:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4113\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_27\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"St Albans Girls School - 7:20\",\"route_start_lat\":\"51.770448\",\"route_start_lng\":\"-0.334\",\"stops\":[{\"stop_name\":\"Chime Square - 7:25\",\"route_stops_lat\":\"51.756994\",\"route_stops_lng\":\"-0.334148\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 7:30\",\"route_stops_lat\":\"51.752507\",\"route_stops_lng\":\"-0.338398\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop A) - 7:33\",\"route_stops_lat\":\"51.745474\",\"route_stops_lng\":\"-0.343026\"},{\"stop_name\":\"Mount Drive - 7:39\",\"route_stops_lat\":\"51.727423\",\"route_stops_lng\":\"-0.341101\"},{\"stop_name\":\"Park Street War Memorial - 7:42\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Minster Court - 7:46\",\"route_stops_lat\":\"51.718185\",\"route_stops_lng\":\"-0.334938\"},{\"stop_name\":\"The Red Cow PH - 7:50\",\"route_stops_lat\":\"51.712226\",\"route_stops_lng\":\"-0.332844\"},{\"stop_name\":\"Recreation Ground (Stop B) - 7:55\",\"route_stops_lat\":\"51.685844\",\"route_stops_lng\":\"-0.318378\"},{\"stop_name\":\"Radlett High Street - 8:00\",\"route_stops_lat\":\"51.683013\",\"route_stops_lng\":\"-0.316901\"},{\"stop_name\":\"Aldenham School - 8:10\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4113\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4113\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 10 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4113\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4113\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 7:20<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop A) &#8211; 7:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 7:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 7:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop B) &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4114\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_28\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Radlett High Street - 16:50\",\"route_stops_lat\":\"51.682795\",\"route_stops_lng\":\"-0.316705\"},{\"stop_name\":\"Recreation Ground (Stop C) - 16:55\",\"route_stops_lat\":\"51.686059\",\"route_stops_lng\":\"-0.318554\"},{\"stop_name\":\"The Red Cow PH - 17:00\",\"route_stops_lat\":\"51.711677\",\"route_stops_lng\":\"-0.332694\"},{\"stop_name\":\"Minster Court - 17:05\",\"route_stops_lat\":\"51.717637\",\"route_stops_lng\":\"-0.334536\"},{\"stop_name\":\"Park Street War Memorial - 17:09\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Mount Drive - 17:19\",\"route_stops_lat\":\"51.728247\",\"route_stops_lng\":\"-0.341579\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop B) - 17:30\",\"route_stops_lat\":\"51.746161\",\"route_stops_lng\":\"-0.342737\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 17:32\",\"route_stops_lat\":\"51.752548\",\"route_stops_lng\":\"-0.338441\"},{\"stop_name\":\"Chime Square - 17:40\",\"route_stops_lat\":\"51.75689\",\"route_stops_lng\":\"-0.334381\"},{\"stop_name\":\"St Albans Girls School - 17:46\",\"route_stops_lat\":\"51.770448\",\"route_stops_lng\":\"-0.334\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4114\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4114\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 10 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4114\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4114\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 16:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop C) &#8211; 16:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 17:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 17:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 17:09<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop B) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 17:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-4115\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_29\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Radlett High Street - 17:35\",\"route_stops_lat\":\"51.682795\",\"route_stops_lng\":\"-0.316705\"},{\"stop_name\":\"Recreation Ground (Stop C) - 17:40\",\"route_stops_lat\":\"51.686059\",\"route_stops_lng\":\"-0.318554\"},{\"stop_name\":\"The Red Cow PH - 17:45\",\"route_stops_lat\":\"51.711677\",\"route_stops_lng\":\"-0.332694\"},{\"stop_name\":\"Minster Court - 17:49\",\"route_stops_lat\":\"51.717637\",\"route_stops_lng\":\"-0.334536\"},{\"stop_name\":\"Park Street War Memorial - 17:53\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Mount Drive - 17:56\",\"route_stops_lat\":\"51.728247\",\"route_stops_lng\":\"-0.341579\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop B) - 18:04\",\"route_stops_lat\":\"51.746161\",\"route_stops_lng\":\"-0.342737\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 18:07\",\"route_stops_lat\":\"51.752548\",\"route_stops_lng\":\"-0.338441\"},{\"stop_name\":\"Chime Square - 18:14\",\"route_stops_lat\":\"51.75689\",\"route_stops_lng\":\"-0.334381\"},{\"stop_name\":\"St Albans Girls School - 18:19\",\"route_stops_lat\":\"51.770448\",\"route_stops_lng\":\"-0.334\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[9px] px-[22px] h-[40px] border-none hover:bg-white bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-4115\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-4115\">\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] text-[#282828] mt-[-2px] uppercase\">Route 10 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[20px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-4115\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-4115\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop C) &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 17:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 17:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop B) &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 18:14<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                  \r\n            <\/div> \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Map Section -->\r\n      <div id=\"mapid\" class=\"z-10\">\r\n        <div class=\"container relative\">\r\n        <div class=\"route-lists\">\r\n          <p>30 Coach Routes Results <\/span> <\/p>\r\n          <p class=\"whitespace-nowrap\">Some routes are not displayed on the map.<\/p>\r\n          <div class=\"accordion-content w-full max-w-[1000px] mx-auto mt-[11px]\">\r\n             \r\n            <div id=\"accordion-collapse-9000\" data-accordion=\"collapse\">\r\n              <!-- Dynamic Route -->\r\n                            <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9000\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_0\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (AM)\",\"line_color\":\"#b70000\",\"start_point\":\"Rickmansworth Bus Stop C  7:30\",\"route_start_lat\":\"51.640465\",\"route_start_lng\":\"-0.4711223\",\"stops\":[{\"stop_name\":\"Croxley Green Train Station - 7:38\",\"route_stops_lat\":\"51.64697\",\"route_stops_lng\":\"-0.441601\"},{\"stop_name\":\"Two Bridges Bus Stop - 7:41\",\"route_stops_lat\":\"51.651802\",\"route_stops_lng\":\"-0.428443\"},{\"stop_name\":\"Watford Town Hall Stop W - 7:48\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9000\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9000\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 1 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9000\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9000\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C  7:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges Bus Stop &#8211; 7:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9001\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_1\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Watford Town Hall Stop W - 17:23\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Two Bridges (Stop B) - 17:30\",\"route_stops_lat\":\"51.651178\",\"route_stops_lng\":\"-0.430425\"},{\"stop_name\":\"Croxley Green Train Station - 17:34\",\"route_stops_lat\":\"51.646914\",\"route_stops_lng\":\"-0.443392\"},{\"stop_name\":\"Rickmansworth Bus Stop C - 17:40\",\"route_stops_lat\":\"51.640465\",\"route_stops_lng\":\"-0.4711223\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9001\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9001\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 1 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9001\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9001\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges (Stop B) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 17:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9002\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_2\" type = \"hidden\"  value = '{\"route_name\":\"Route 1 (PM) [TTH]\",\"line_color\":\"#0000ff\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Watford Town Hall Stop W - 17:59\",\"route_stops_lat\":\"51.66051\",\"route_stops_lng\":\"-0.403598\"},{\"stop_name\":\"Two Bridges (Stop B) - 18:06\",\"route_stops_lat\":\"51.651178\",\"route_stops_lng\":\"-0.430425\"},{\"stop_name\":\"Croxley Green Train Station - 18:10\",\"route_stops_lat\":\"51.646914\",\"route_stops_lng\":\"-0.443392\"},{\"stop_name\":\"Rickmansworth Bus Stop C - 18:20\",\"route_stops_lat\":\"51.640465\",\"route_stops_lng\":\"-0.4711223\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9002\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9002\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 1 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9002\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9002\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watford Town Hall Stop W &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Two Bridges (Stop B) &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Croxley Green Train Station &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rickmansworth Bus Stop C &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9003\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_3\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Moffats Lane - 7:15\",\"route_start_lat\":\"51.721675\",\"route_start_lng\":\"-0.190357\",\"stops\":[{\"stop_name\":\"Brookmans Park Ave 7:17\",\"route_stops_lat\":\"51.721949\",\"route_stops_lng\":\"-0.201485\"},{\"stop_name\":\"Hawkshead Road - 7:21\",\"route_stops_lat\":\"51.707708\",\"route_stops_lng\":\"-0.180091\"},{\"stop_name\":\"Potter Bar, Bus Garage - 7:23\",\"route_stops_lat\":\"51.696678\",\"route_stops_lng\":\"-0.175759\"},{\"stop_name\":\"Great North Road, Wagon Road - 7:29\",\"route_stops_lat\":\"51.679074\",\"route_stops_lng\":\"-0.187571\"},{\"stop_name\":\"Dury Road Bus Stop - 7:31\",\"route_stops_lat\":\"51.662681\",\"route_stops_lng\":\"-0.199002\"},{\"stop_name\":\"Barnet High ST Stop D - 7:37\",\"route_stops_lat\":\"51.654298\",\"route_stops_lng\":\"-0.201525\"},{\"stop_name\":\"Galley Lane Stop E - 7:42\",\"route_stops_lat\":\"51.652532\",\"route_stops_lng\":\"-0.218466\"},{\"stop_name\":\"Brickfield Lane (Stop F) - 7:43\",\"route_stops_lat\":\"51.64229\",\"route_stops_lng\":\"-0.242198\"},{\"stop_name\":\"Ashley Drive - 7:48\",\"route_stops_lat\":\"51.645309\",\"route_stops_lng\":\"-0.261342\"},{\"stop_name\":\"Glenhaven Ave Stop E - 7:55\",\"route_stops_lat\":\"51.654375\",\"route_stops_lng\":\"-0.278552\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9003\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9003\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 2 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9003\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9003\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Moffats Lane &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave 7:17<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hawkshead Road &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 7:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road Bus Stop &#8211; 7:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Barnet High ST Stop D &#8211; 7:37<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane Stop E &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop F) &#8211; 7:43<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Ave Stop E &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9004\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_4\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Glenhaven Avenue (Stop D) - 17:19\",\"route_stops_lat\":\"51.65452\",\"route_stops_lng\":\"-0.278487\"},{\"stop_name\":\"Ashley Drive - 17:23\",\"route_stops_lat\":\"51.645725\",\"route_stops_lng\":\"-0.261461\"},{\"stop_name\":\"Brickfield Lane (Stop C) - 17:29\",\"route_stops_lat\":\"51.642494\",\"route_stops_lng\":\"-0.241929\"},{\"stop_name\":\"Galley Lane (Stop K) - 17:32\",\"route_stops_lat\":\"51.652601\",\"route_stops_lng\":\"-0.218991\"},{\"stop_name\":\"St. Albans Road (Stop B) - 17:37\",\"route_stops_lat\":\"51.655859\",\"route_stops_lng\":\"-0.201901\"},{\"stop_name\":\"Dury Road - 17:40\",\"route_stops_lat\":\"51.662859\",\"route_stops_lng\":\"-0.199066\"},{\"stop_name\":\"Great North Road, Wagon Road - 17:42\",\"route_stops_lat\":\"51.679563\",\"route_stops_lng\":\"-0.187189\"},{\"stop_name\":\"Potter Bar, Bus Garage - 17:50\",\"route_stops_lat\":\"51.697605\",\"route_stops_lng\":\"-0.175331\"},{\"stop_name\":\"Osbourne Road - 17:53\",\"route_stops_lat\":\"51.708281\",\"route_stops_lng\":\"-0.181696\"},{\"stop_name\":\"Mymms Drive - 17:57\",\"route_stops_lat\":\"51.7218457584849\",\"route_stops_lng\":\"-0.187286124746384\"},{\"stop_name\":\"Brookmans Park Ave - 17:59\",\"route_stops_lat\":\"51.721965\",\"route_stops_lng\":\"-0.201545\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9004\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9004\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 2 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9004\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9004\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Avenue (Stop D) &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop C) &#8211; 17:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane (Stop K) &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St. Albans Road (Stop B) &#8211; 17:37<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 17:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Osbourne Road &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mymms Drive &#8211; 17:57<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9005\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_5\" type = \"hidden\"  value = '{\"route_name\":\"Route 2 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Glenhaven Avenue (Stop D) - 17:55\",\"route_stops_lat\":\"51.65452\",\"route_stops_lng\":\"-0.278487\"},{\"stop_name\":\"Ashley Drive - 17:58\",\"route_stops_lat\":\"51.645725\",\"route_stops_lng\":\"-0.261461\"},{\"stop_name\":\"Brickfield Lane (Stop C) - 18:05\",\"route_stops_lat\":\"51.642494\",\"route_stops_lng\":\"-0.241929\"},{\"stop_name\":\"Galley Lane (Stop K) - 18:08\",\"route_stops_lat\":\"51.652601\",\"route_stops_lng\":\"-0.218991\"},{\"stop_name\":\"St. Albans Road (Stop B) - 18:12\",\"route_stops_lat\":\"51.655859\",\"route_stops_lng\":\"-0.201901\"},{\"stop_name\":\"Dury Road - 18:15\",\"route_stops_lat\":\"51.662859\",\"route_stops_lng\":\"-0.199066\"},{\"stop_name\":\"Great North Road, Wagon Road - 18:18\",\"route_stops_lat\":\"51.679563\",\"route_stops_lng\":\"-0.187189\"},{\"stop_name\":\"Potter Bar, Bus Garage - 18:26\",\"route_stops_lat\":\"51.697605\",\"route_stops_lng\":\"-0.175331\"},{\"stop_name\":\"Osbourne Road - 18:29\",\"route_stops_lat\":\"51.708281\",\"route_stops_lng\":\"-0.181696\"},{\"stop_name\":\"Mymms Drive - 18:31\",\"route_stops_lat\":\"51.7218457584849\",\"route_stops_lng\":\"-0.187286124746384\"},{\"stop_name\":\"Brookmans Park Ave - 18:33\",\"route_stops_lat\":\"51.721965\",\"route_stops_lng\":\"-0.201545\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9005\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9005\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 2 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9005\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9005\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Glenhaven Avenue (Stop D) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Drive &#8211; 17:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brickfield Lane (Stop C) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Galley Lane (Stop K) &#8211; 18:08<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St. Albans Road (Stop B) &#8211; 18:12<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Dury Road &#8211; 18:15<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road, Wagon Road &#8211; 18:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Potter Bar, Bus Garage &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Osbourne Road &#8211; 18:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mymms Drive &#8211; 18:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookmans Park Ave &#8211; 18:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9006\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_6\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Beech Hill Bus Stop B - 7:15\",\"route_start_lat\":\"51.668031\",\"route_start_lng\":\"-0.157941\",\"stops\":[{\"stop_name\":\"Cock Fosters Station Bus Stop B - 7:18\",\"route_stops_lat\":\"51.651479\",\"route_stops_lng\":\"-0.14977\"},{\"stop_name\":\"Heddon Court Avenue (Stop L) - 7:21\",\"route_stops_lat\":\"51.645358\",\"route_stops_lng\":\"-0.152867\"},{\"stop_name\":\"East Barnet Village (Stop BP) - 7:23\",\"route_stops_lat\":\"51.64294\",\"route_stops_lng\":\"-0.164074\"},{\"stop_name\":\"Hasluck Gardens (Stop H) - 7:26\",\"route_stops_lat\":\"51.64286\",\"route_stops_lng\":\"-0.17956\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop B) - 7:36\",\"route_stops_lat\":\"51.630128\",\"route_stops_lng\":\"-0.179615\"},{\"stop_name\":\"The Orange Tree Public House - 7:39\",\"route_stops_lat\":\"51.630533\",\"route_stops_lng\":\"-0.197661\"},{\"stop_name\":\"Grange Avenue - 7:41\",\"route_stops_lat\":\"51.634567\",\"route_stops_lng\":\"-0.205435\"},{\"stop_name\":\"Totteridge Common Mill Hill - 7:44\",\"route_stops_lat\":\"51.630832\",\"route_stops_lng\":\"-0.227223\"},{\"stop_name\":\"Uphill Road (Stop U) - 7:48\",\"route_stops_lat\":\"51.618321\",\"route_stops_lng\":\"-0.244886\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9006\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9006\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 3 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9006\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9006\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Beech Hill Bus Stop B &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cock Fosters Station Bus Stop B &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop L) &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BP) &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop H) &#8211; 7:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop B) &#8211; 7:36<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 7:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 7:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 7:44<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop U) &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9007\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_7\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Uphill Road (Stop T) - 17:23\",\"route_stops_lat\":\"51.617697\",\"route_stops_lng\":\"-0.245084\"},{\"stop_name\":\"Totteridge Common Mill Hill - 17:30\",\"route_stops_lat\":\"51.630994\",\"route_stops_lng\":\"-0.226674\"},{\"stop_name\":\"Grange Avenue - 17:32\",\"route_stops_lat\":\"51.634579\",\"route_stops_lng\":\"-0.205709\"},{\"stop_name\":\"The Orange Tree Public House - 17:34\",\"route_stops_lat\":\"51.630486\",\"route_stops_lng\":\"-0.197305\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop A) - 17:39\",\"route_stops_lat\":\"51.630101\",\"route_stops_lng\":\"-0.177848\"},{\"stop_name\":\"Hasluck Gardens (Stop N) - 17:46\",\"route_stops_lat\":\"51.64311\",\"route_stops_lng\":\"-0.179362\"},{\"stop_name\":\"East Barnet Village (Stop BB) - 17:52\",\"route_stops_lat\":\"51.643093\",\"route_stops_lng\":\"-0.164536\"},{\"stop_name\":\"Heddon Court Avenue (Stop N) - 17:55\",\"route_stops_lat\":\"51.645365\",\"route_stops_lng\":\"-0.152376\"},{\"stop_name\":\"Cockfosters Station - 18:00\",\"route_stops_lat\":\"51.651714\",\"route_stops_lng\":\"-0.150044\"},{\"stop_name\":\"Beech Hill (Stop C) - 18:03\",\"route_stops_lat\":\"51.667382\",\"route_stops_lng\":\"-0.157551\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9007\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9007\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 3 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9007\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9007\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop T) &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 17:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop A) &#8211; 17:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop N) &#8211; 17:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BB) &#8211; 17:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop N) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cockfosters Station &#8211; 18:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Beech Hill (Stop C) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9008\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_8\" type = \"hidden\"  value = '{\"route_name\":\"Route 3 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Uphill Road (Stop T) - 17:55\",\"route_stops_lat\":\"51.617697\",\"route_stops_lng\":\"-0.245084\"},{\"stop_name\":\"Totteridge Common Mill Hill - 18:00\",\"route_stops_lat\":\"51.630994\",\"route_stops_lng\":\"-0.226674\"},{\"stop_name\":\"Grange Avenue - 18:02\",\"route_stops_lat\":\"51.634579\",\"route_stops_lng\":\"-0.205709\"},{\"stop_name\":\"The Orange Tree Public House - 18:06\",\"route_stops_lat\":\"51.630486\",\"route_stops_lng\":\"-0.197305\"},{\"stop_name\":\"Totteridge &amp; Whetstone (Stop A) - 18:10\",\"route_stops_lat\":\"51.630101\",\"route_stops_lng\":\"-0.177848\"},{\"stop_name\":\"Hasluck Gardens (Stop N) - 18:19\",\"route_stops_lat\":\"51.64311\",\"route_stops_lng\":\"-0.179362\"},{\"stop_name\":\"East Barnet Village (Stop BB) - 18:22\",\"route_stops_lat\":\"51.643093\",\"route_stops_lng\":\"-0.164536\"},{\"stop_name\":\"Heddon Court Avenue (Stop N) - 18:25\",\"route_stops_lat\":\"51.645365\",\"route_stops_lng\":\"-0.152376\"},{\"stop_name\":\"Cockfosters Station - 18:30\",\"route_stops_lat\":\"51.651714\",\"route_stops_lng\":\"-0.150044\"},{\"stop_name\":\"Beech Hill (Stop C) - 18:33\",\"route_stops_lat\":\"51.667382\",\"route_stops_lng\":\"-0.157551\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9008\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9008\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 3 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9008\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9008\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Uphill Road (Stop T) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge Common Mill Hill &#8211; 18:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grange Avenue &#8211; 18:02<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Orange Tree Public House &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Totteridge &amp; Whetstone (Stop A) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hasluck Gardens (Stop N) &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">East Barnet Village (Stop BB) &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Heddon Court Avenue (Stop N) &#8211; 18:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cockfosters Station &#8211; 18:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Beech Hill (Stop C) &#8211; 18:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9009\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_9\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Lycee International Kings Drive (Stop S) - 7:15\",\"route_start_lat\":\"51.565359\",\"route_start_lng\":\"-0.275611\",\"stops\":[{\"stop_name\":\"Empire Way (Stop A) - 7:18\",\"route_stops_lat\":\"51.561866\",\"route_stops_lng\":\"-0.283283\"},{\"stop_name\":\"Wembley Hill Road (Stop N) - 7:20\",\"route_stops_lat\":\"51.56004\",\"route_stops_lng\":\"-0.290138\"},{\"stop_name\":\"Preston Road Station (Stop PA) - 7:24\",\"route_stops_lat\":\"51.57234\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop F) - 7:30\",\"route_stops_lat\":\"51.584319\",\"route_stops_lng\":\"-0.282544\"},{\"stop_name\":\"Queensbury Morrisons (Stop DD) - 7:35\",\"route_stops_lat\":\"51.592121\",\"route_stops_lng\":\"-0.286314\"},{\"stop_name\":\"Honeypot Lane Centre (Stop E) - 7:38\",\"route_stops_lat\":\"51.605753\",\"route_stops_lng\":\"-0.300096\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 7:44\",\"route_stops_lat\":\"51.615222\",\"route_stops_lng\":\"-0.3065\"},{\"stop_name\":\"Stanmore Station (Stop B) - 7:50\",\"route_stops_lat\":\"51.605753\",\"route_stops_lng\":\"-0.300101\"},{\"stop_name\":\"London Road Synagogue (Stop H) - 7:52\",\"route_stops_lat\":\"51.620773\",\"route_stops_lng\":\"-0.29833\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9009\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9009\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 4 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9009\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9009\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop S) &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop A) &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wembley Hill Road (Stop N) &#8211; 7:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PA) &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop F) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop DD) &#8211; 7:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Honeypot Lane Centre (Stop E) &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 7:44<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop B) &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road Synagogue (Stop H) &#8211; 7:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9010\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_10\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Rodgers Close - 17:07\",\"route_stops_lat\":\"51.642544\",\"route_stops_lng\":\"-0.299962\"},{\"stop_name\":\"Stanmore Station (Stop A) - 17:19\",\"route_stops_lat\":\"51.619781\",\"route_stops_lng\":\"-0.303748\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 17:21\",\"route_stops_lat\":\"51.614083\",\"route_stops_lng\":\"-0.305667\"},{\"stop_name\":\"Wemborough Road (Stop D) - 17:23\",\"route_stops_lat\":\"51.606372\",\"route_stops_lng\":\"-0.300295\"},{\"stop_name\":\"Queensbury Morrisons (Stop EE) - 17:31\",\"route_stops_lat\":\"51.591606\",\"route_stops_lng\":\"-0.285293\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop E) - 17:35\",\"route_stops_lat\":\"51.584122\",\"route_stops_lng\":\"-0.282702\"},{\"stop_name\":\"Preston Road Station (Stop PB) - 17:42\",\"route_stops_lat\":\"51.571897\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Park Lane North Wembley (Stop C) - 17:49\",\"route_stops_lat\":\"51.559827\",\"route_stops_lng\":\"-0.290968\"},{\"stop_name\":\"Empire Way (Stop J) - 17:51\",\"route_stops_lat\":\"51.56199\",\"route_stops_lng\":\"-0.281836\"},{\"stop_name\":\"Lycee International Kings Drive (Stop BA) - 18:06\",\"route_stops_lat\":\"51.565499\",\"route_stops_lng\":\"-0.273819\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9010\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9010\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 4 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9010\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9010\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rodgers Close &#8211; 17:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop A) &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 17:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wemborough Road (Stop D) &#8211; 17:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop EE) &#8211; 17:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop E) &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PB) &#8211; 17:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Lane North Wembley (Stop C) &#8211; 17:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop J) &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop BA) &#8211; 18:06<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9011\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_11\" type = \"hidden\"  value = '{\"route_name\":\"Route 4 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Rodgers Close - 17:40\",\"route_stops_lat\":\"51.642544\",\"route_stops_lng\":\"-0.299962\"},{\"stop_name\":\"Stanmore Station (Stop A) - 17:50\",\"route_stops_lat\":\"51.619781\",\"route_stops_lng\":\"-0.303748\"},{\"stop_name\":\"Marsh Lane Nelson Road stop - 17:53\",\"route_stops_lat\":\"51.614083\",\"route_stops_lng\":\"-0.305667\"},{\"stop_name\":\"Wemborough Road (Stop D) - 17:55\",\"route_stops_lat\":\"51.606372\",\"route_stops_lng\":\"-0.300295\"},{\"stop_name\":\"Queensbury Morrisons (Stop EE) - 18:05\",\"route_stops_lat\":\"51.591606\",\"route_stops_lng\":\"-0.285293\"},{\"stop_name\":\"Kingsbury Circle The Mall (Stop E) - 18:10\",\"route_stops_lat\":\"51.584122\",\"route_stops_lng\":\"-0.282702\"},{\"stop_name\":\"Preston Road Station (Stop PB) - 18:15\",\"route_stops_lat\":\"51.571897\",\"route_stops_lng\":\"-0.294699\"},{\"stop_name\":\"Park Lane North Wembley (Stop C) - 18:20\",\"route_stops_lat\":\"51.559827\",\"route_stops_lng\":\"-0.290968\"},{\"stop_name\":\"Empire Way (Stop J) - 18:25\",\"route_stops_lat\":\"51.56199\",\"route_stops_lng\":\"-0.281836\"},{\"stop_name\":\"Lycee International Kings Drive (Stop BA) - 18:27\",\"route_stops_lat\":\"51.565499\",\"route_stops_lng\":\"-0.273819\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9011\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9011\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 4 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9011\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9011\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rodgers Close &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Stanmore Station (Stop A) &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Marsh Lane Nelson Road stop &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Wemborough Road (Stop D) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Queensbury Morrisons (Stop EE) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kingsbury Circle The Mall (Stop E) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Preston Road Station (Stop PB) &#8211; 18:15<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Lane North Wembley (Stop C) &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Empire Way (Stop J) &#8211; 18:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Lycee International Kings Drive (Stop BA) &#8211; 18:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9012\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_12\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Headstone Road Doctors - 7:15\",\"route_start_lat\":\"51.583747\",\"route_start_lng\":\"-0.34125\",\"stops\":[{\"stop_name\":\"The Gardens Harrow (Stop WK) - 7:22\",\"route_stops_lat\":\"51.582952\",\"route_stops_lng\":\"-0.354155\"},{\"stop_name\":\"Station Road (Stop NB) - 7:25\",\"route_stops_lat\":\"51.587069\",\"route_stops_lng\":\"-0.362214\"},{\"stop_name\":\"Pinner (Stop B) - 7:27\",\"route_stops_lat\":\"51.592456\",\"route_stops_lng\":\"-0.382037\"},{\"stop_name\":\"West End Lane Pinner (Stop PR) - 7:30\",\"route_stops_lat\":\"51.598174\",\"route_stops_lng\":\"-0.391885\"},{\"stop_name\":\"Woodhall Drive (Stop PZ) - 7:33\",\"route_stops_lat\":\"51.604313\",\"route_stops_lng\":\"-0.382648\"},{\"stop_name\":\"Hatch End Telephone Exchange - 7:36\",\"route_stops_lat\":\"51.607558\",\"route_stops_lng\":\"-0.374924\"},{\"stop_name\":\"Belsize Road - 7:42\",\"route_stops_lat\":\"51.610127\",\"route_stops_lng\":\"-0.346342\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9012\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9012\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 5 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9012\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9012\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Gardens Harrow (Stop WK) &#8211; 7:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road (Stop NB) &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner (Stop B) &#8211; 7:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PR) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PZ) &#8211; 7:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 7:36<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9013\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_13\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Belsize Road - 17:17\",\"route_stops_lat\":\"51.609977\",\"route_stops_lng\":\"-0.346606\"},{\"stop_name\":\"Hatch End Telephone Exchange - 17:22\",\"route_stops_lat\":\"51.607405\",\"route_stops_lng\":\"-0.375228\"},{\"stop_name\":\"Woodhall Drive (Stop PH) - 17:24\",\"route_stops_lat\":\"51.603584\",\"route_stops_lng\":\"-0.383512\"},{\"stop_name\":\"West End Lane Pinner (Stop PL) - 17:26\",\"route_stops_lat\":\"51.598061\",\"route_stops_lng\":\"-0.391278\"},{\"stop_name\":\"Pinner Library (Stop A) - 17:29\",\"route_stops_lat\":\"51.591309\",\"route_stops_lng\":\"-0.380754\"},{\"stop_name\":\"Station Road North Harrow (Stop NC) - 17:35\",\"route_stops_lat\":\"51.586538\",\"route_stops_lng\":\"-0.361602\"},{\"stop_name\":\"Rutland Road - 17:40\",\"route_stops_lat\":\"51.58219\",\"route_stops_lng\":\"-0.351814\"},{\"stop_name\":\"Headstone Road Doctors - 17:45\",\"route_stops_lat\":\"51.583747\",\"route_stops_lng\":\"-0.34125\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9013\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9013\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 5 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9013\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9013\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 17:17<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 17:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PH) &#8211; 17:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PL) &#8211; 17:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner Library (Stop A) &#8211; 17:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road North Harrow (Stop NC) &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rutland Road &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9014\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_14\" type = \"hidden\"  value = '{\"route_name\":\"Route 5 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Belsize Road - 17:55\",\"route_stops_lat\":\"51.609977\",\"route_stops_lng\":\"-0.346606\"},{\"stop_name\":\"Hatch End Telephone Exchange - 18:01\",\"route_stops_lat\":\"51.607405\",\"route_stops_lng\":\"-0.375228\"},{\"stop_name\":\"Woodhall Drive (Stop PH) - 18:03\",\"route_stops_lat\":\"51.603584\",\"route_stops_lng\":\"-0.383512\"},{\"stop_name\":\"West End Lane Pinner (Stop PL) - 18:04\",\"route_stops_lat\":\"51.598061\",\"route_stops_lng\":\"-0.391278\"},{\"stop_name\":\"Pinner Library (Stop A) - 18:10\",\"route_stops_lat\":\"51.591309\",\"route_stops_lng\":\"-0.380754\"},{\"stop_name\":\"Station Road North Harrow (Stop NC) - 18:16\",\"route_stops_lat\":\"51.586538\",\"route_stops_lng\":\"-0.361602\"},{\"stop_name\":\"Rutland Road - 18:20\",\"route_stops_lat\":\"51.58219\",\"route_stops_lng\":\"-0.351814\"},{\"stop_name\":\"Headstone Road Doctors - 18:22\",\"route_stops_lat\":\"51.583747\",\"route_stops_lng\":\"-0.34125\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9014\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9014\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 5 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9014\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9014\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Belsize Road &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hatch End Telephone Exchange &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodhall Drive (Stop PH) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">West End Lane Pinner (Stop PL) &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Pinner Library (Stop A) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Station Road North Harrow (Stop NC) &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rutland Road &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Headstone Road Doctors &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9015\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_15\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Fortis Green Road (Stop N) - 7:15\",\"route_start_lat\":\"51.5889941958592\",\"route_start_lng\":\"-0.145723545949002\",\"stops\":[{\"stop_name\":\"Woodside Ave - 7:18\",\"route_stops_lat\":\"51.586818\",\"route_stops_lng\":\"-0.150352\"},{\"stop_name\":\"Woodside Avenue (Stop K) - 7:23\",\"route_stops_lat\":\"51.582526\",\"route_stops_lng\":\"-0.158173\"},{\"stop_name\":\"Great North Road (Stop B) - 7:25\",\"route_stops_lat\":\"51.585813\",\"route_stops_lng\":\"-0.164479\"},{\"stop_name\":\"Market Place - 7:28\",\"route_stops_lat\":\"51.585478\",\"route_stops_lng\":\"-0.179717\"},{\"stop_name\":\"Brookland Rise - 7:29\",\"route_stops_lat\":\"51.5868\",\"route_stops_lng\":\"-0.190757\"},{\"stop_name\":\"Aldenham School - 8:03\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9015\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9015\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 6 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9015\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9015\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop N) &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop K) &#8211; 7:23<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Great North Road (Stop B) &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 7:28<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 7:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9016\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_16\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Brookland Rise - 17:40\",\"route_stops_lat\":\"51.58703\",\"route_stops_lng\":\"-0.19136\"},{\"stop_name\":\"Market Place - 17:41\",\"route_stops_lat\":\"51.585941\",\"route_stops_lng\":\"-0.182505\"},{\"stop_name\":\"Bishops AVE Opposite Bus Stop B - 17:45\",\"route_stops_lat\":\"51.585866\",\"route_stops_lng\":\"-0.164382\"},{\"stop_name\":\"Woodside Avenue (Stop P) - 17:48\",\"route_stops_lat\":\"51.583176\",\"route_stops_lng\":\"-0.159106\"},{\"stop_name\":\"Woodside Ave - 17:50\",\"route_stops_lat\":\"51.586639\",\"route_stops_lng\":\"-0.151669\"},{\"stop_name\":\"Fortis Green Road (Stop M) - 17:53\",\"route_stops_lat\":\"51.5892803958043\",\"route_stops_lng\":\"-0.145741967277626\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9016\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9016\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 6 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9016\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9016\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 17:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bishops AVE Opposite Bus Stop B &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop P) &#8211; 17:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 17:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop M) &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9017\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_17\" type = \"hidden\"  value = '{\"route_name\":\"Route 6 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Brookland Rise - 18:14\",\"route_stops_lat\":\"51.58703\",\"route_stops_lng\":\"-0.19136\"},{\"stop_name\":\"Market Place - 18:16\",\"route_stops_lat\":\"51.585941\",\"route_stops_lng\":\"-0.182505\"},{\"stop_name\":\"Bishops AVE Opposite Bus Stop B - 18:19\",\"route_stops_lat\":\"51.585866\",\"route_stops_lng\":\"-0.164382\"},{\"stop_name\":\"Woodside Avenue (Stop P) - 18:21\",\"route_stops_lat\":\"51.583176\",\"route_stops_lng\":\"-0.159106\"},{\"stop_name\":\"Woodside Ave - 18:24\",\"route_stops_lat\":\"51.586639\",\"route_stops_lng\":\"-0.151669\"},{\"stop_name\":\"Fortis Green Road (Stop M) - 18:27\",\"route_stops_lat\":\"51.5892803958043\",\"route_stops_lng\":\"-0.145741967277626\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9017\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9017\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 6 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9017\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9017\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Brookland Rise &#8211; 18:14<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Market Place &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bishops AVE Opposite Bus Stop B &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Avenue (Stop P) &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Woodside Ave &#8211; 18:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Fortis Green Road (Stop M) &#8211; 18:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9018\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_18\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Eastcote Road - 7:15\",\"route_start_lat\":\"51.577317\",\"route_start_lng\":\"-0.426049\",\"stops\":[{\"stop_name\":\"Ladygate Lane - 7:19\",\"route_stops_lat\":\"51.581346\",\"route_stops_lng\":\"-0.431962\"},{\"stop_name\":\"Jackets Lane - 7:24\",\"route_stops_lat\":\"51.606456\",\"route_stops_lng\":\"-0.44468\"},{\"stop_name\":\"The Avenue (Stop L) - 7:27\",\"route_stops_lat\":\"51.612321\",\"route_stops_lng\":\"-0.434308\"},{\"stop_name\":\"Northwood (Stop D) - 7:31\",\"route_stops_lat\":\"51.611368\",\"route_stops_lng\":\"-0.422866\"},{\"stop_name\":\"Sandy Lane - 7:32\",\"route_stops_lat\":\"51.61781\",\"route_stops_lng\":\"-0.407816\"},{\"stop_name\":\"Westbury Road - 7:35\",\"route_stops_lat\":\"51.627762\",\"route_stops_lng\":\"-0.414025\"},{\"stop_name\":\"Deacons Hill - 7:45\",\"route_stops_lat\":\"51.643822\",\"route_stops_lng\":\"-0.392418\"},{\"stop_name\":\"Bushey Railway Station West (Stop D) - 7:48\",\"route_stops_lat\":\"51.646255\",\"route_stops_lng\":\"-0.386057\"},{\"stop_name\":\"Bushey Hillside Road - 7:50\",\"route_stops_lat\":\"51.649414\",\"route_stops_lng\":\"-0.380124145298557\"},{\"stop_name\":\"The Avenue - 7:54\",\"route_stops_lat\":\"51.654299\",\"route_stops_lng\":\"-0.374366\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9018\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9018\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 7 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9018\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9018\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 7:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue (Stop L) &#8211; 7:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop D) &#8211; 7:31<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 7:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 7:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Railway Station West (Stop D) &#8211; 7:48<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 7:54<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9019\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_19\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"The Avenue - 16:53\",\"route_stops_lat\":\"51.654164\",\"route_stops_lng\":\"-0.374615\"},{\"stop_name\":\"Bushey Hillside Road - 16:55\",\"route_stops_lat\":\"51.6486881827835\",\"route_stops_lng\":\"-0.380405817244342\"},{\"stop_name\":\"Bushey Station - 16:58\",\"route_stops_lat\":\"51.646237\",\"route_stops_lng\":\"-0.386065\"},{\"stop_name\":\"Deacons Hill - 17:01\",\"route_stops_lat\":\"51.642853\",\"route_stops_lng\":\"-0.393905\"},{\"stop_name\":\"Westbury Road - 17:05\",\"route_stops_lat\":\"51.628654\",\"route_stops_lng\":\"-0.414027\"},{\"stop_name\":\"Sandy Lane - 17:07\",\"route_stops_lat\":\"51.61767\",\"route_stops_lng\":\"-0.407845\"},{\"stop_name\":\"Northwood (Stop C) - 17:10\",\"route_stops_lat\":\"51.611301\",\"route_stops_lng\":\"-0.422635\"},{\"stop_name\":\"Myrtleside Close (Stop R) - 17:13\",\"route_stops_lat\":\"51.611694\",\"route_stops_lng\":\"-0.432505\"},{\"stop_name\":\"Jackets Lane - 17:16\",\"route_stops_lat\":\"51.605857\",\"route_stops_lng\":\"-0.445032\"},{\"stop_name\":\"Ladygate Lane - 17:20\",\"route_stops_lat\":\"51.581464\",\"route_stops_lng\":\"-0.431868\"},{\"stop_name\":\"Eastcote Road - 17:21\",\"route_stops_lat\":\"51.577383\",\"route_stops_lng\":\"-0.425912\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9019\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9019\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 7 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9019\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9019\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 16:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 16:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Station &#8211; 16:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 17:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 17:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 17:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop C) &#8211; 17:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Myrtleside Close (Stop R) &#8211; 17:13<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 17:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 17:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 17:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9020\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_20\" type = \"hidden\"  value = '{\"route_name\":\"Route 7 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"The Avenue - 17:53\",\"route_stops_lat\":\"51.654164\",\"route_stops_lng\":\"-0.374615\"},{\"stop_name\":\"Bushey Hillside Road - 17:55\",\"route_stops_lat\":\"51.6486881827835\",\"route_stops_lng\":\"-0.380405817244342\"},{\"stop_name\":\"Bushey Station - 17:58\",\"route_stops_lat\":\"51.646237\",\"route_stops_lng\":\"-0.386065\"},{\"stop_name\":\"Deacons Hill - 18:01\",\"route_stops_lat\":\"51.642853\",\"route_stops_lng\":\"-0.393905\"},{\"stop_name\":\"Westbury Road - 18:05\",\"route_stops_lat\":\"51.628654\",\"route_stops_lng\":\"-0.414027\"},{\"stop_name\":\"Sandy Lane - 18:07\",\"route_stops_lat\":\"51.61767\",\"route_stops_lng\":\"-0.407845\"},{\"stop_name\":\"Northwood (Stop C) - 18:10\",\"route_stops_lat\":\"51.611301\",\"route_stops_lng\":\"-0.422635\"},{\"stop_name\":\"Myrtleside Close (Stop R) - 18:13\",\"route_stops_lat\":\"51.611694\",\"route_stops_lng\":\"-0.432505\"},{\"stop_name\":\"Jackets Lane - 18:16\",\"route_stops_lat\":\"51.605857\",\"route_stops_lng\":\"-0.445032\"},{\"stop_name\":\"Ladygate Lane - 18:20\",\"route_stops_lat\":\"51.581464\",\"route_stops_lng\":\"-0.431868\"},{\"stop_name\":\"Eastcote Road - 18:21\",\"route_stops_lat\":\"51.577383\",\"route_stops_lng\":\"-0.425912\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9020\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9020\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 7 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9020\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9020\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Avenue &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Hillside Road &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Bushey Station &#8211; 17:58<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Deacons Hill &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Westbury Road &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Sandy Lane &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Northwood (Stop C) &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Myrtleside Close (Stop R) &#8211; 18:13<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Jackets Lane &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ladygate Lane &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Eastcote Road &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9021\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_21\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Allandale Avenue (Stop TR) - 7:17\",\"route_start_lat\":\"51.592301\",\"route_start_lng\":\"-0.199472\",\"stops\":[{\"stop_name\":\"Gravel Hill (Stop L) - 7:20\",\"route_stops_lat\":\"51.597661\",\"route_stops_lng\":\"-0.198576\"},{\"stop_name\":\"Crooked Usage - 7:24\",\"route_stops_lat\":\"51.59328\",\"route_stops_lng\":\"-0.208156\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 7:30\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Ashley Lane - 7:32\",\"route_stops_lat\":\"51.593835\",\"route_stops_lng\":\"-0.21833\"},{\"stop_name\":\"Flower Lane Sacred Heart Ch (Stop H) - 7:46\",\"route_stops_lat\":\"51.615113\",\"route_stops_lng\":\"-0.245921\"},{\"stop_name\":\"Cloister Gardens (Stop G) - 7:49\",\"route_stops_lat\":\"51.617013\",\"route_stops_lng\":\"-0.261135\"},{\"stop_name\":\"Edgware - 7:55\",\"route_stops_lat\":\"51.612324\",\"route_stops_lng\":\"-0.281136\"},{\"stop_name\":\"Aldenham School - 8:05\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9021\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9021\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 8 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9021\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9021\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TR) &#8211; 7:17<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop L) &#8211; 7:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 7:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Flower Lane Sacred Heart Ch (Stop H) &#8211; 7:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop G) &#8211; 7:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Edgware &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9022\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_22\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Grove Road (Stop U) - 17:22\",\"route_stops_lat\":\"51.612297\",\"route_stops_lng\":\"-0.280972\"},{\"stop_name\":\"Cloister Gardens (Stop b) - 17:27\",\"route_stops_lat\":\"51.617185\",\"route_stops_lng\":\"-0.26132\"},{\"stop_name\":\"Mill Hill Circus Flower Lane (Stop M) - 17:30\",\"route_stops_lat\":\"51.615973\",\"route_stops_lng\":\"-0.244974\"},{\"stop_name\":\"Ashley Lane - 17:41\",\"route_stops_lat\":\"51.593203\",\"route_stops_lng\":\"-0.219116\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 17:43\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Crooked Usage - 17:51\",\"route_stops_lat\":\"51.593569\",\"route_stops_lng\":\"-0.20784\"},{\"stop_name\":\"Gravel Hill (Stop R) - 17:53\",\"route_stops_lat\":\"51.597662\",\"route_stops_lng\":\"-0.198479\"},{\"stop_name\":\"Allandale Avenue (Stop TA) - 17:56\",\"route_stops_lat\":\"51.591934\",\"route_stops_lng\":\"-0.199487\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9022\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9022\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 8 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9022\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9022\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grove Road (Stop U) &#8211; 17:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop b) &#8211; 17:27<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mill Hill Circus Flower Lane (Stop M) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 17:41<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 17:43<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop R) &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TA) &#8211; 17:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9023\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_23\" type = \"hidden\"  value = '{\"route_name\":\"Route 8 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Grove Road (Stop U) - 17:55\",\"route_stops_lat\":\"51.612297\",\"route_stops_lng\":\"-0.280972\"},{\"stop_name\":\"Cloister Gardens (Stop b) - 18:02\",\"route_stops_lat\":\"51.617185\",\"route_stops_lng\":\"-0.26132\"},{\"stop_name\":\"Mill Hill Circus Flower Lane (Stop M) - 18:05\",\"route_stops_lat\":\"51.615973\",\"route_stops_lng\":\"-0.244974\"},{\"stop_name\":\"Ashley Lane - 18:19\",\"route_stops_lat\":\"51.593203\",\"route_stops_lng\":\"-0.219116\"},{\"stop_name\":\"Finchley Lane: Alexandra Road stop - 18:21\",\"route_stops_lat\":\"51.590056\",\"route_stops_lng\":\"-0.215\"},{\"stop_name\":\"Crooked Usage - 18:26\",\"route_stops_lat\":\"51.593569\",\"route_stops_lng\":\"-0.20784\"},{\"stop_name\":\"Gravel Hill (Stop R) - 18:29\",\"route_stops_lat\":\"51.597662\",\"route_stops_lng\":\"-0.198479\"},{\"stop_name\":\"Allandale Avenue (Stop TA) - 18:32\",\"route_stops_lat\":\"51.591934\",\"route_stops_lng\":\"-0.199487\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9023\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9023\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 8 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9023\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9023\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Grove Road (Stop U) &#8211; 17:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Cloister Gardens (Stop b) &#8211; 18:02<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mill Hill Circus Flower Lane (Stop M) &#8211; 18:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Ashley Lane &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Finchley Lane: Alexandra Road stop &#8211; 18:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Crooked Usage &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Gravel Hill (Stop R) &#8211; 18:29<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Allandale Avenue (Stop TA) &#8211; 18:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9024\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_24\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"Midcot Way - 7:15\",\"route_start_lat\":\"51.767531\",\"route_start_lng\":\"-0.586044\",\"stops\":[{\"stop_name\":\"Kings Road - 7:18\",\"route_stops_lat\":\"51.76132\",\"route_stops_lng\":\"-0.567336\"},{\"stop_name\":\"Swing Gate Lane - 7:21\",\"route_stops_lat\":\"51.757058\",\"route_stops_lng\":\"-0.55356\"},{\"stop_name\":\"Watermill Hotel - 7:25\",\"route_stops_lat\":\"51.746091\",\"route_stops_lng\":\"-0.521172\"},{\"stop_name\":\"VP Autoservices - 7:28\",\"route_stops_lat\":\"51.742773\",\"route_stops_lng\":\"-0.501238\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop F) - 7:30\",\"route_stops_lat\":\"51.743221\",\"route_stops_lng\":\"-0.489597\"},{\"stop_name\":\"London Road - 7:32\",\"route_stops_lat\":\"51.741159\",\"route_stops_lng\":\"-0.477048\"},{\"stop_name\":\"Featherbed Lane - 7:38\",\"route_stops_lat\":\"51.73962\",\"route_stops_lng\":\"-0.472492\"},{\"stop_name\":\"Rucklers Lane - 7:40\",\"route_stops_lat\":\"51.727813\",\"route_stops_lng\":\"-0.454548\"},{\"stop_name\":\"Vicarage Lane - 7:42\",\"route_stops_lat\":\"51.713486\",\"route_stops_lng\":\"-0.450128\"},{\"stop_name\":\"Langleybury Church - 7:52\",\"route_stops_lat\":\"51.692586\",\"route_stops_lng\":\"-0.436438\"},{\"stop_name\":\"Aldenham School - 8:00\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9024\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9024\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 9 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9024\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9024\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 7:15<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 7:18<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 7:21<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 7:28<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop F) &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 7:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 7:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 7:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 7:52<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9025\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_25\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Langleybury Church - 17:40\",\"route_stops_lat\":\"51.692608\",\"route_stops_lng\":\"-0.436811\"},{\"stop_name\":\"Vicarage Lane - 17:51\",\"route_stops_lat\":\"51.714295\",\"route_stops_lng\":\"-0.450547\"},{\"stop_name\":\"Rucklers Lane - 17:53\",\"route_stops_lat\":\"51.726407\",\"route_stops_lng\":\"-0.454011\"},{\"stop_name\":\"Featherbed Lane - 17:59\",\"route_stops_lat\":\"51.73903\",\"route_stops_lng\":\"-0.471827\"},{\"stop_name\":\"London Road - 18:01\",\"route_stops_lat\":\"51.741094\",\"route_stops_lng\":\"-0.477033\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop E) - 18:03\",\"route_stops_lat\":\"51.743006\",\"route_stops_lng\":\"-0.490662\"},{\"stop_name\":\"VP Autoservices - 18:04\",\"route_stops_lat\":\"51.742822\",\"route_stops_lng\":\"-0.501946\"},{\"stop_name\":\"Watermill Hotel - 18:07\",\"route_stops_lat\":\"51.746\",\"route_stops_lng\":\"-0.521484\"},{\"stop_name\":\"Swing Gate Lane - 18:09\",\"route_stops_lat\":\"51.757368\",\"route_stops_lng\":\"-0.555153\"},{\"stop_name\":\"Kings Road - 18:10\",\"route_stops_lat\":\"51.760854\",\"route_stops_lng\":\"-0.566235\"},{\"stop_name\":\"Midcot Way - 18:16\",\"route_stops_lat\":\"51.767531\",\"route_stops_lng\":\"-0.586044\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9025\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9025\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 9 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9025\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9025\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 17:51<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 17:59<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 18:01<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop E) &#8211; 18:03<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 18:09<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 18:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 18:16<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9026\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_26\" type = \"hidden\"  value = '{\"route_name\":\"Route 9 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Langleybury Church - 18:12\",\"route_stops_lat\":\"51.692608\",\"route_stops_lng\":\"-0.436811\"},{\"stop_name\":\"Vicarage Lane - 18:20\",\"route_stops_lat\":\"51.714295\",\"route_stops_lng\":\"-0.450547\"},{\"stop_name\":\"Rucklers Lane - 18:22\",\"route_stops_lat\":\"51.726407\",\"route_stops_lng\":\"-0.454011\"},{\"stop_name\":\"Featherbed Lane - 18:24\",\"route_stops_lat\":\"51.73903\",\"route_stops_lng\":\"-0.471827\"},{\"stop_name\":\"London Road - 18:26\",\"route_stops_lat\":\"51.741094\",\"route_stops_lng\":\"-0.477033\"},{\"stop_name\":\"Hemel Hempstead Railway Station (Stop E) - 18:30\",\"route_stops_lat\":\"51.743006\",\"route_stops_lng\":\"-0.490662\"},{\"stop_name\":\"VP Autoservices - 18:34\",\"route_stops_lat\":\"51.742822\",\"route_stops_lng\":\"-0.501946\"},{\"stop_name\":\"Watermill Hotel - 18:38\",\"route_stops_lat\":\"51.746\",\"route_stops_lng\":\"-0.521484\"},{\"stop_name\":\"Swing Gate Lane - 18:40\",\"route_stops_lat\":\"51.757368\",\"route_stops_lng\":\"-0.555153\"},{\"stop_name\":\"Kings Road - 18:50\",\"route_stops_lat\":\"51.760854\",\"route_stops_lng\":\"-0.566235\"},{\"stop_name\":\"Midcot Way - 18:56\",\"route_stops_lat\":\"51.767531\",\"route_stops_lng\":\"-0.586044\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9026\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9026\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 9 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9026\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9026\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Langleybury Church &#8211; 18:12<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Vicarage Lane &#8211; 18:20<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Rucklers Lane &#8211; 18:22<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Featherbed Lane &#8211; 18:24<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">London Road &#8211; 18:26<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Hemel Hempstead Railway Station (Stop E) &#8211; 18:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">VP Autoservices &#8211; 18:34<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Watermill Hotel &#8211; 18:38<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Swing Gate Lane &#8211; 18:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Kings Road &#8211; 18:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Midcot Way &#8211; 18:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9027\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_27\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (AM)\",\"line_color\":\"#0000FF\",\"start_point\":\"St Albans Girls School - 7:20\",\"route_start_lat\":\"51.770448\",\"route_start_lng\":\"-0.334\",\"stops\":[{\"stop_name\":\"Chime Square - 7:25\",\"route_stops_lat\":\"51.756994\",\"route_stops_lng\":\"-0.334148\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 7:30\",\"route_stops_lat\":\"51.752507\",\"route_stops_lng\":\"-0.338398\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop A) - 7:33\",\"route_stops_lat\":\"51.745474\",\"route_stops_lng\":\"-0.343026\"},{\"stop_name\":\"Mount Drive - 7:39\",\"route_stops_lat\":\"51.727423\",\"route_stops_lng\":\"-0.341101\"},{\"stop_name\":\"Park Street War Memorial - 7:42\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Minster Court - 7:46\",\"route_stops_lat\":\"51.718185\",\"route_stops_lng\":\"-0.334938\"},{\"stop_name\":\"The Red Cow PH - 7:50\",\"route_stops_lat\":\"51.712226\",\"route_stops_lng\":\"-0.332844\"},{\"stop_name\":\"Recreation Ground (Stop B) - 7:55\",\"route_stops_lat\":\"51.685844\",\"route_stops_lng\":\"-0.318378\"},{\"stop_name\":\"Radlett High Street - 8:00\",\"route_stops_lat\":\"51.683013\",\"route_stops_lng\":\"-0.316901\"},{\"stop_name\":\"Aldenham School - 8:10\",\"route_stops_lat\":\"51.662104\",\"route_stops_lng\":\"-0.326429\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9027\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9027\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 10 (AM)<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9027\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9027\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 7:20<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 7:25<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 7:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop A) &#8211; 7:33<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 7:39<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 7:42<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 7:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 7:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop B) &#8211; 7:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 8:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 8:10<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9028\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_28\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (PM) [MWF]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 16:45\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Radlett High Street - 16:50\",\"route_stops_lat\":\"51.682795\",\"route_stops_lng\":\"-0.316705\"},{\"stop_name\":\"Recreation Ground (Stop C) - 16:55\",\"route_stops_lat\":\"51.686059\",\"route_stops_lng\":\"-0.318554\"},{\"stop_name\":\"The Red Cow PH - 17:00\",\"route_stops_lat\":\"51.711677\",\"route_stops_lng\":\"-0.332694\"},{\"stop_name\":\"Minster Court - 17:05\",\"route_stops_lat\":\"51.717637\",\"route_stops_lng\":\"-0.334536\"},{\"stop_name\":\"Park Street War Memorial - 17:09\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Mount Drive - 17:19\",\"route_stops_lat\":\"51.728247\",\"route_stops_lng\":\"-0.341579\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop B) - 17:30\",\"route_stops_lat\":\"51.746161\",\"route_stops_lng\":\"-0.342737\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 17:32\",\"route_stops_lat\":\"51.752548\",\"route_stops_lng\":\"-0.338441\"},{\"stop_name\":\"Chime Square - 17:40\",\"route_stops_lat\":\"51.75689\",\"route_stops_lng\":\"-0.334381\"},{\"stop_name\":\"St Albans Girls School - 17:46\",\"route_stops_lat\":\"51.770448\",\"route_stops_lng\":\"-0.334\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9028\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9028\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 10 (PM) [MWF]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9028\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9028\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 16:45<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 16:50<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop C) &#8211; 16:55<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 17:00<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 17:05<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 17:09<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 17:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop B) &#8211; 17:30<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 17:32<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 17:46<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                              <div class=\"block py-[8px] w-full\">\r\n                <p id=\"accordion-collapse-heading-9029\" class=\"mb-0 accordion-header\">\r\n                                    <input id = \"routes_index_29\" type = \"hidden\"  value = '{\"route_name\":\"Route 10 (PM) [TTH]\",\"line_color\":\"#0000FF\",\"start_point\":\"Aldenham School - 17:30\",\"route_start_lat\":\"51.662104\",\"route_start_lng\":\"-0.326429\",\"stops\":[{\"stop_name\":\"Radlett High Street - 17:35\",\"route_stops_lat\":\"51.682795\",\"route_stops_lng\":\"-0.316705\"},{\"stop_name\":\"Recreation Ground (Stop C) - 17:40\",\"route_stops_lat\":\"51.686059\",\"route_stops_lng\":\"-0.318554\"},{\"stop_name\":\"The Red Cow PH - 17:45\",\"route_stops_lat\":\"51.711677\",\"route_stops_lng\":\"-0.332694\"},{\"stop_name\":\"Minster Court - 17:49\",\"route_stops_lat\":\"51.717637\",\"route_stops_lng\":\"-0.334536\"},{\"stop_name\":\"Park Street War Memorial - 17:53\",\"route_stops_lat\":\"51.722737\",\"route_stops_lng\":\"-0.338828\"},{\"stop_name\":\"Mount Drive - 17:56\",\"route_stops_lat\":\"51.728247\",\"route_stops_lng\":\"-0.341579\"},{\"stop_name\":\"St Albans Abbey Railway Station (Stop B) - 18:04\",\"route_stops_lat\":\"51.746161\",\"route_stops_lng\":\"-0.342737\"},{\"stop_name\":\"St Peter Street, Waterstone layby - 18:07\",\"route_stops_lat\":\"51.752548\",\"route_stops_lng\":\"-0.338441\"},{\"stop_name\":\"Chime Square - 18:14\",\"route_stops_lat\":\"51.75689\",\"route_stops_lng\":\"-0.334381\"},{\"stop_name\":\"St Albans Girls School - 18:19\",\"route_stops_lat\":\"51.770448\",\"route_stops_lng\":\"-0.334\"}]}'>\r\n                  <button type=\"button\" class=\"rounded-[5px] flex w-full py-[15px] px-[22px] h-[60px] border-none hover:bg-secondary bg-white\" \r\n                    data-accordion-target=\"#accordion-collapse-body-9029\" \r\n                    aria-expanded=\"false\" \r\n                    aria-controls=\"accordion-collapse-body-9029\">\r\n\r\n                      <span class=\"block w-full text-left md:text-[16px] text-[14px] segoe-bold tracking-[3.2px] hover:text-btnlabel text-primary mt-[-2px] uppercase\">Route 10 (PM) [TTH]<\/span>\r\n                      <i class=\"fa-regular fa-route text-[25px] text-[#211730]\"><\/i>\r\n                  <\/button>\r\n                <\/p>\r\n                <div id=\"accordion-collapse-body-9029\" class=\"hidden\" aria-labelledby=\"accordion-collapse-heading-9029\">\r\n                    <div class=\"pr-[20px] pb-[20px] border-none bg-white\">\r\n                        <div class=\"md:text-[16px] text-[14px] opacity-[86%] text-[#282828]\">\r\n\r\n                          <ul class=\"space-y-[5px] pt-[11px]\">\r\n                            <!-- Start Stop -->\r\n                            <li class=\"flex items-start\">\r\n                              <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                              <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                              <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                              <\/div>\r\n                              <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                <p class=\"bg-transparent leading-[16px]\">Aldenham School &#8211; 17:30<\/p>\r\n                              \r\n                              <\/label>\r\n                            <\/li>\r\n                            <!-- End Start Stop -->\r\n\r\n                            <!-- Stops Lists -->\r\n                                                                                        <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Radlett High Street &#8211; 17:35<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Recreation Ground (Stop C) &#8211; 17:40<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">The Red Cow PH &#8211; 17:45<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Minster Court &#8211; 17:49<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Park Street War Memorial &#8211; 17:53<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Mount Drive &#8211; 17:56<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Abbey Railway Station (Stop B) &#8211; 18:04<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Peter Street, Waterstone layby &#8211; 18:07<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <li class=\"flex items-start\">\r\n                                <div class=\"flex flex-col justify-center items-center gap-[5px]\">\r\n                                  <i class=\"fa-light fa-circle text-[17px] text-[#211730]\"><\/i>\r\n                                  <i class=\"fa-solid fa-ellipsis-vertical text-primary text-[16px]\"><\/i>\r\n                                <\/div>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">Chime Square &#8211; 18:14<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                                                                                          <!-- Last Stop -->\r\n                              <li class=\"flex items-start\">\r\n                                <i class=\"fa-light fa-location-dot text-[15px] text-forsubtitle ml-[3px]\"><\/i>\r\n                                <label for=\"bateman\" class=\"ml-3 flex items-center justify-between w-full\">\r\n                                  <p class=\"bg-transparent leading-[16px]\">St Albans Girls School &#8211; 18:19<\/p> \r\n                                <\/label>\r\n                              <\/li>\r\n                              <!-- End Last Stop -->\r\n                               \r\n                            <!-- End Stops Lists -->\r\n                          <\/ul>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n              <\/div>\r\n                    \r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- End Map Section -->\r\n\r\n      <script>\r\n\r\n        \/\/ Global Variable\r\n        var loc_lat = 51.662104;\r\n        var loc_lng = -0.326429;\r\n\r\n        var control;\r\n        var markersLayer = L.layerGroup();\r\n\r\n        \/\/ Map Initialization\r\n        var cusMap = L.map('mapid',{ scrollWheelZoom: false} ).setView([loc_lat, loc_lng], 13);\r\n\r\n        \/\/ Creating Custom Icon\r\n        let ColorIcon =  L.Icon.extend({ options: {\r\n            iconSize: [30, 41],\r\n            iconAnchor: [12, 41],\r\n            popupAnchor: [1, -34]\r\n          }\r\n        });\r\n\r\n        let redIcon = new ColorIcon({iconUrl: '\/wp-content\/themes\/aldenham\/src\/img\/red-pin.png'});\r\n\r\n        \/\/ Adding Marker on the Location\r\n        createMarker('Aldenham School', loc_lat, loc_lng);\r\n\r\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n            attribution: '\u00a9 Aldenham School'\r\n        }).addTo(cusMap);\r\n\r\n        \/\/ markersLayer to the map\r\n        markersLayer.addTo(cusMap);\r\n\r\n        \/\/ accordion listener\r\n        document.querySelectorAll('.accordion-header').forEach((header) => {\r\n          header.addEventListener('click', function () {\r\n\r\n            \/\/ Check if all accordions are closed\r\n            var buttons = document.querySelectorAll('.accordion-header button');\r\n            var allClosed = [...buttons].every((button) => button.getAttribute('aria-expanded') === 'false');\r\n\r\n            var inputElement = this.querySelector('input').value;\r\n\r\n            if (allClosed) {\r\n              handleAllAccordionsClosed();\r\n            }else{\r\n              showRoute(inputElement);\r\n            }\r\n          });\r\n        });\r\n\r\n        function handleAllAccordionsClosed() {\r\n          \/\/ Clear old Marking\r\n          markersLayer.clearLayers();\r\n          cusMap.removeControl(control);\r\n          \r\n          \/\/ Adding Marker on the Location\r\n          createMarker('Aldenham School', loc_lat, loc_lng);\r\n          cusMap.setView([loc_lat, loc_lng], 13);\r\n        }\r\n\r\n        document.getElementById('searchRoute').addEventListener('submit', async function(event) {\r\n          event.preventDefault();\r\n\r\n          try {\r\n            const searchInput = document.getElementById(\"search_location\").value;\r\n            const locationData = await searchLocation(searchInput);\r\n            if (locationData) {\r\n              \/\/ Proceed with the next steps\r\n              console.log('Location data:', locationData);\r\n              event.target.submit();\r\n\r\n            } else {\r\n              console.log('Location not found.');\r\n\r\n            }\r\n\r\n          } catch (error) {\r\n            console.error('Error fetching data:', error);\r\n            \/\/ Handle errors as needed\r\n          }\r\n        });\r\n\r\n        \/\/ Fucntion that call when clicking the Routes Accordion\r\n        function showRoute(objRoutesData){\r\n          var objRoutesData = JSON.parse(objRoutesData);\r\n          var waypointsCoordinates = [];\r\n\r\n          \/\/ Clear old Marking\r\n          markersLayer.clearLayers();\r\n\r\n          \/\/ Adding Marker on the Location\r\n          createMarker('Aldenham School', loc_lat, loc_lng);\r\n\r\n          \/\/ Check if there's search data and add starting point\r\n          if(objRoutesData.search_location){\r\n            createMarker(objRoutesData.search_location, objRoutesData.search_lat, objRoutesData.search_lng);\r\n            waypointsCoordinates.push(L.latLng(objRoutesData.search_lat, objRoutesData.search_lng));\r\n          }\r\n\r\n          \/\/ Create starting points\r\n          createMarker(objRoutesData.start_point, objRoutesData.route_start_lat, objRoutesData.route_start_lng);\r\n\r\n          \/\/ Add Start point\r\n          waypointsCoordinates.push(L.latLng(objRoutesData.route_start_lat, objRoutesData.route_start_lng));\r\n\r\n          for (const stop of objRoutesData.stops){\r\n            createMarker(stop.stop_name, stop.route_stops_lat, stop.route_stops_lng);\r\n\r\n            \/\/ creating way points\r\n            waypointsCoordinates.push(L.latLng(stop.route_stops_lat, stop.route_stops_lng));\r\n          }\r\n\r\n          createRouting(waypointsCoordinates,objRoutesData.line_color);\r\n        }\r\n\r\n        \/\/ Function that create the marker on the location\r\n        function createMarker(label, markerLat, markerLng){\r\n          var marker = L.marker([markerLat, markerLng], { icon: redIcon }).bindTooltip(label, { permanent: true, direction: 'right', className: 'custom-tooltip', offset: [14, -10]}).addTo(markersLayer);\r\n        }\r\n\r\n        \/\/ Function that create the routes\r\n        function createRouting(coordinates, lineColor){\r\n          if(control!=null){\r\n            resetRouting();\r\n          }\r\n          control = L.Routing.control({\r\n            show: false,\r\n            waypoints: coordinates,\r\n            routeWhileDragging: false,\r\n            fitSelectedRoutes: true,\r\n            lineOptions: {\r\n                styles: [{color: lineColor, opacity: 1, weight: 5}]\r\n            },createMarker: function (i, waypoint, n) {\r\n              \/\/ Create a marker for each waypoint with a custom PNG icon\r\n              var markerOptions = {\r\n                icon: L.icon({\r\n                  iconUrl: '\/wp-content\/themes\/aldenham\/src\/img\/red-pin.png',\r\n                  iconSize: [30, 41],\r\n                  iconAnchor: [12, 41],\r\n                  popupAnchor: [1, -34],\r\n                  title: 'Red Pin Marker' \r\n                })\r\n              };\r\n\r\n              \/\/ Return a marker with the custom PNG icon\r\n              return L.marker(waypoint.latLng, markerOptions);\r\n            }\r\n          }).addTo(cusMap);\r\n         \r\n        }\r\n\r\n        function resetRouting() {\r\n          console.log(\"clear route\");\r\n          \/\/ Clear the route (reset waypoints)\r\n          cusMap.removeControl(control);\r\n          \/\/ control = null;\r\n        }\r\n\r\n        \/\/ Get current location\r\n        function getGeoLocation() {\r\n            return new Promise((resolve, reject) => {\r\n                if (navigator.geolocation) {\r\n                    navigator.geolocation.getCurrentPosition(resolve, reject);\r\n                } else {\r\n                    reject(\"Geolocation is not supported by this browser.\");\r\n                }\r\n            });\r\n        }\r\n\r\n      \/\/ Get current location and postcode\r\n      async function getLocation() {\r\n          try {\r\n              \/\/ Get position as a Promise\r\n              const position = await getGeoLocation();\r\n              const latitude = position.coords.latitude;\r\n              const longitude = position.coords.longitude;\r\n              console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);\r\n\r\n              \/\/ URL for reverse geocoding\r\n              const url = `https:\/\/nominatim.openstreetmap.org\/reverse?lat=${latitude}&lon=${longitude}&format=json`;\r\n\r\n              \/\/ Fetch the geocoding data\r\n              const response = await fetch(url);\r\n              const data = await response.json();\r\n\r\n              if (data && data.address && data.address.postcode) {\r\n                const postcode = data.address.postcode;\r\n                document.getElementById('search_location').value = postcode;\r\n                document.getElementById('search_lat').value = longitude;\r\n                document.getElementById('search_lng').value = longitude;\r\n\r\n              } else {\r\n                alert(\"Postcode not found.\");\r\n                console.log(\"Postcode not found.\");\r\n              }\r\n          } catch (error) {\r\n              console.error(\"Error fetching data:\", error);\r\n          }\r\n      }\r\n\r\n      \/\/ Function to search and show results\r\n      async function searchLocation(query) {\r\n        const url = `https:\/\/nominatim.openstreetmap.org\/search?q=${encodeURIComponent(query)}&format=json&countrycodes=GB&addressdetails=1&limit=1`;\r\n        try {\r\n          const response = await fetch(url);\r\n          if (!response.ok) {\r\n            throw new Error(`HTTP error! Status: ${response.status}`);\r\n          }\r\n          const data = await response.json();\r\n          if (data.length > 0) {\r\n            const resLat = data[0].lat;\r\n            const resLng = data[0].lon;\r\n\r\n            document.getElementById('search_lat').value = resLat\r\n            document.getElementById('search_lng').value = resLng;\r\n            \r\n            return true;\r\n          } else {\r\n            alert(\"Can't find town or postcode within the area\");\r\n            return false;\r\n          }\r\n        } catch (error) {\r\n          console.error(\"Error fetching search results:\", error);\r\n          return false;\r\n        }\r\n      }\r\n\r\n      <\/script>\r\n\r\n    <\/div>\r\n  <\/div> \r\n<\/section>\r\n\r\n<style>\r\n  \r\n\r\n  .leaflet-routing-container {\r\n    display: none !important;\r\n  }\r\n\r\n  .custom-tooltip {\r\n    opacity: .9;\r\n    color: black;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    padding: 3;\r\n  }\r\n<\/style>\n\n\r\n<section data-section=\"block\" id=\"base-block_8be9e653419d3960815c04a215f7f06c\" class=\"my-6 download-area   bg-white ipad:pt-md ipad:pb-md pt-md pb-md relative   flex  items-center w-full overflow-hidden\">\r\n  \r\n  <div class=\"w-full my-6 download-area__container ipad:px-0 px-0 relative z-10\"> \r\n    <div class=\"my-6 download-area__content  container \">               \r\n      <div class=\"h-full w-full relative mx-auto bg-white rounded-[10px] px-[20px]  ipad:px-[30px] box-shadow py-[20px] ipad:py-[34px]  ipad:max-w-none max-w-[400px] ipad:w-full\">   \r\n        <div class=\"flex flex-row justify-between items-center\"> \r\n          <div class=\"flex-none max-w-[832px] items-center  relative ipad:static w-full xl:w-[77%] ipad:w-[66%]\">\r\n            <div class=\"flex flex-col justify-center h-full\">    \r\n              <div class=\"ipad:block flex\">\r\n                 \r\n                <div>\r\n                   \r\n                      <p class=\"subtitle mb-[15px] text-forsubtitle\">\r\n                        Free Download                      <\/p> \r\n                    \r\n\r\n                                      <div class=\" text-primary relative mb-[-7px]\">\r\n                      <h2 class=\"h2-class\">\r\n                        Coach Routes Download                      <\/h2>\r\n                    <\/div>\r\n                                  <\/div>\r\n              <\/div>\r\n                              <div class=\"mt-[20px]\">\r\n                  <div class=\"text-primary  gap-[8px] flex flex-col wysiwyg-wrap\">\r\n                    <p>You may download the up to date version here. Please be mindful of the environment before printing.<\/p>\n<p>Ask yourself &#8211; Do I need to print this? Do I need all these pages? Thank you.<\/p>\n                  <\/div>\r\n                <\/div>\r\n                 \r\n                            \r\n            <\/div>\r\n          <\/div>\r\n           <div class=\"img min-w-[200px] hidden ipad:block \">\r\n             \r\n          <\/div>    \r\n        <\/div>  \r\n      <\/div>\r\n    <\/div><!--$className; ?>__content -->\r\n  <\/div>      \r\n<\/section>      \r\n      \r\n\r\n\r\n<style>\r\n    #base-block_8be9e653419d3960815c04a215f7f06c {\r\n               \r\n    }\r\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":5647,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5677","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Coach Routes - Aldenham Prep<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Coach Routes - Aldenham Prep\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/\" \/>\n<meta property=\"og:site_name\" content=\"Aldenham Prep\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/coach-routes\\\/\",\"url\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/coach-routes\\\/\",\"name\":\"Coach Routes - Aldenham Prep\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#website\"},\"datePublished\":\"2025-04-02T08:36:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/coach-routes\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/coach-routes\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/coach-routes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The School\",\"item\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Visit Us\",\"item\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To Find Us\",\"item\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/the-school\\\/visit-us\\\/how-to-find-us\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Coach Routes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#website\",\"url\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/\",\"name\":\"Aldenham Prep\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#organization\",\"name\":\"Aldenham Prep\",\"url\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/06\\\/logo-icon.svg\",\"contentUrl\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/06\\\/logo-icon.svg\",\"caption\":\"Aldenham Prep\"},\"image\":{\"@id\":\"https:\\\/\\\/aldenham.com\\\/prep\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Coach Routes - Aldenham Prep","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/","og_locale":"en_GB","og_type":"article","og_title":"Coach Routes - Aldenham Prep","og_url":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/","og_site_name":"Aldenham Prep","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/","url":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/","name":"Coach Routes - Aldenham Prep","isPartOf":{"@id":"https:\/\/aldenham.com\/prep\/#website"},"datePublished":"2025-04-02T08:36:59+00:00","breadcrumb":{"@id":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/coach-routes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aldenham.com\/prep\/"},{"@type":"ListItem","position":2,"name":"The School","item":"https:\/\/aldenham.com\/prep\/the-school\/"},{"@type":"ListItem","position":3,"name":"Visit Us","item":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/"},{"@type":"ListItem","position":4,"name":"How To Find Us","item":"https:\/\/aldenham.com\/prep\/the-school\/visit-us\/how-to-find-us\/"},{"@type":"ListItem","position":5,"name":"Coach Routes"}]},{"@type":"WebSite","@id":"https:\/\/aldenham.com\/prep\/#website","url":"https:\/\/aldenham.com\/prep\/","name":"Aldenham Prep","description":"","publisher":{"@id":"https:\/\/aldenham.com\/prep\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aldenham.com\/prep\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aldenham.com\/prep\/#organization","name":"Aldenham Prep","url":"https:\/\/aldenham.com\/prep\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aldenham.com\/prep\/#\/schema\/logo\/image\/","url":"https:\/\/aldenham.com\/prep\/wp-content\/uploads\/sites\/2\/2025\/06\/logo-icon.svg","contentUrl":"https:\/\/aldenham.com\/prep\/wp-content\/uploads\/sites\/2\/2025\/06\/logo-icon.svg","caption":"Aldenham Prep"},"image":{"@id":"https:\/\/aldenham.com\/prep\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/pages\/5677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/comments?post=5677"}],"version-history":[{"count":0,"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/pages\/5677\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/pages\/5647"}],"wp:attachment":[{"href":"https:\/\/aldenham.com\/prep\/wp-json\/wp\/v2\/media?parent=5677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}