GSAP Scroll Sequence<\/title><\/p>\n<style>\n \/* --- CONFIGURATION SETTINGS (CSS Variables) --- *\/\n #custom-scroll-sequence-root2 {\n --seq-width: 100%; \n --seq-height: 100vh; \n --seq-scroll-depth: 600vh; \/* Determines scroll duration (6x viewport height) *\/\n margin-bottom: 0px;\n }\n \/* --- CORE SEQUENCE STYLES --- *\/\n #custom-scroll-sequence-root2 {\n position: relative;\n width: 100%;\n height: var(--seq-scroll-depth);\n }\n .seq-sticky-wrapper2 {\n position: sticky;\n top: 0px; \n width: var(--seq-width);\n height: var(--seq-height);\n margin: 0 auto; \n background: #000;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10;\n }\n #seq-canvas2 {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* --- LOADER STYLES --- *\/\n .seq-loader-overlay {\n position: absolute;\n top: 0; \n left: 0;\n width: 100%;\n height: 100vh; \n background: #000;\n z-index: 100; \/* Sit on top of everything *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s ease-out; \/* Smooth fade out *\/\n }\n .seq-spinner {\n width: 120px;\n height: 20px;\n background: \n linear-gradient(#25b09b 0 0) left -40px top 0\/40px 20px,\n linear-gradient(#ddd 0 0) center\/100% 50%; \n background-repeat: no-repeat;\n animation: l5 1s infinite linear;\n margin-bottom: 15px;\n }\n @keyframes l5 {\n 100% {background-position: right -40px top 0,center}\n }\n .seq-loading-text {\n color: #fff;\n font-family: sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 1px;\n }\n \/* --- TEXT STYLES (currently empty, but kept for future expansion) --- *\/\n .seq-text-slide {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n opacity: 0;\n padding: 20px;\n box-sizing: border-box;\n pointer-events: none;\n z-index: 20;\n }\n .seq-text-slide h2 {\n font-size: clamp(20px, 5vw, 50px);\n line-height: 1.2;\n color: white;\n margin: 0;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n .seq-char2 {\n opacity: 0.15;\n color: #777;\n transition: opacity 0.1s;\n display: inline-block;\n }\n \/* --- MEDIA QUERIES --- *\/\n @media (max-width: 991.98px) {\n #custom-scroll-sequence-root2 {\n --seq-width: 100%;\n --seq-height: 90vh;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n LOADING 0%<br \/>\n <canvas id=\"seq-canvas2\"><\/canvas><br \/>\n<\/body><br \/>\n<\/html><br \/>\n\t\t<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1193-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4?_=1\" \/><a href=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4\">http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4<\/a><\/video><\/div>\t\t<\/p>\n<h2>We Ship Everywhere<\/h2>\n<p>Serving Every State in the USA including Alaska and Mexico & All Provinces in Canada with Flatbed Hauling<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080.jpg\" alt=\"\" srcset=\"https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080.jpg 1920w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-300x169.jpg 300w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-1024x576.jpg 1024w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-768x432.jpg 768w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<style>\n \/* --- CONFIGURATION SETTINGS --- *\/\n #custom-scroll-sequence-root {\n \/* Width of your video box (80% of screen width, or use pixels like 800px) *\/\n --seq-width: 80%; \n \/* Height of your video box *\/\n --seq-height: 500px; \n \/* How long the scroll lasts (Higher number = Slower video) *\/\n --seq-scroll-depth: 600vh; \n }\n \/* --- STYLES --- *\/\n \/* Root container to scope styles so they don't break your theme *\/\n #custom-scroll-sequence-root {\n position: relative;\n width: 100%;\n height: var(--seq-scroll-depth); \/* Defines the scroll track length *\/\n margin-bottom: 100px; \/* Spacing after the section *\/\n }\n \/* The Sticky Box (The Video Player) *\/\n .seq-sticky-wrapper {\n position: sticky;\n top: 200px; \/* Distance from top of screen *\/\n width: var(--seq-width);\n height: var(--seq-height);\n margin: 0 auto; \/* Centers the box *\/\n background: #000;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10;\n }\n \/* The Canvas (Video) *\/\n #seq-canvas {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* Text Overlay Area *\/\n .seq-text-overlay {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n z-index: 20;\n pointer-events: none; \/* Let clicks pass through *\/\n }\n \/* Individual Text Slides *\/\n .seq-text-slide {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n opacity: 0; \/* Hidden initially *\/\n padding: 20px;\n box-sizing: border-box;\n }\n \/* Typography *\/\n .seq-text-slide h2 {\n \/* Smart sizing: Min 20px, Max 50px, otherwise 5% of screen width *\/\n font-size: clamp(20px, 5vw, 50px);\n line-height: 1.2;\n color: white; \/* Default color if animation fails *\/\n margin: 0;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n \/* Animation Chars *\/\n .seq-char {\n opacity: 0.15; \/* Dimmed state *\/\n color: #777;\n transition: opacity 0.1s;\n display: inline-block; \/* Fixes some spacing issues *\/\n }\n \/* Loading Indicator *\/\n .seq-loader {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n color: #ccff00;\n font-family: sans-serif;\n font-weight: bold;\n z-index: 50;\n }\n @media (max-width: 991.98px) {\n .seq-sticky-wrapper {\n width: 95%;\n height: 400px;\n top: min(30vh,250px);\n }\n }\n @media (max-width: 575.98px) {\n .seq-sticky-wrapper {\n height: 300px;\n }\n }\n<\/style>\n<p> <br \/>\n <canvas id=\"seq-canvas\"><\/canvas><\/p>\n<h2>OUR COMPREHENSIVE TRANSPORTATION SOLUTIONS<\/h2>\n<h2>Flatbed Trucking<\/h2>\n<p>Reliable, secure transportation for all types of cargo, ensuring your shipment reaches safely and on time.<\/p>\n<h2>Heavy Haul Services<\/h2>\n<p>Oversized and heavy items are expertly handled and delivered across long distances with precision and care.<\/p>\n<h2>Oversized Load Transport<\/h2>\n<p>Specialized solutions for huge, complex goods to ensure safe, efficient, and timely delivery.<\/p>\n<h2>Regional & Long haul Transport<\/h2>\n<p>From local deliveries to cross-country hauls, we provide trusted, on-time service wherever you need it.<\/p>\n<style>\n\/* Desktop styles (Default) *\/\n.animation-section .elementor-widget {\n width: 400px;\n opacity: 0;\n transition: all 0.5s ease;\n}\n.animation-section .elementor-container {\n display: flex;\n flex-wrap: nowrap;\n}\n.animation-section .elementor-widget-wrap {\n display: flex;\n flex-direction: column;\n gap: 20px;\n transition: all 0.3s linear !important;\n}\n.animation-section .e-child {\n min-width: 1px;\n overflow: hidden;\n transition: all 0.5s ease;\n}\n.animation-section .e-child:hover {\n width: 100%;\n}\n.animation-section .e-child:hover .elementor-widget {\n opacity: 1;\n}\n\/* Tablet *\/\n@media (max-width: 1024px) {\n .animation-section .elementor-widget {\n width: 300px;\n }\n}\n\/* Mobile (Overrides desktop hover behavior) *\/\n@media (max-width: 767px) {\n .animation-section .elementor-container {\n flex-wrap: wrap;\n }\n .animation-section .elementor-widget {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n transition: all 0.5s ease;\n }\n .animation-section .e-child:hover .elementor-widget {\n opacity: 0; \/* prevent accidental hover on mobile *\/\n }\n .animation-section .e-child.active .elementor-widget {\n opacity: 1;\n max-height: 1000px;\n overflow: visible;\n }\n}\n<\/style>\n<h2>Certifications<\/h2>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"150\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Group-9.webp\" alt=\"\" \/><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"150\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>COMPANIES WORKED WITH<\/h2>\n<p> <br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/zcwjljpgyksxxfaallsd.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/rrb4vcbzsy9wc3xxoogt.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/qm6tkc693riyrf7gigz5.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsro3sfgtw4is3dyfxew.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/cix2w0elzruw0vyprwle.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/Group-9.webp\"><br \/>\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/zcwjljpgyksxxfaallsd.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/rrb4vcbzsy9wc3xxoogt.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/qm6tkc693riyrf7gigz5.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsro3sfgtw4is3dyfxew.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/cix2w0elzruw0vyprwle.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/Group-9.webp\"><\/p>\n<style>\n.infinite-slider {\n width: 100%;\n overflow: hidden;\n padding: 20px 0;\n}\n.infinite-track {\n display: flex;\n width: max-content;\n animation: scrollSlider 30s linear infinite;\n}\n.infinite-track img {\n height: 150px;\n object-fit: cover;\n margin-right: 20px;\n border-radius: 15px;\n transition: transform 0.4s ease;\n}\n.infinite-track img:hover {\n transform: scale(1.05); \/* zoom on hover *\/\n}\n@keyframes scrollSlider {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n .infinite-track img {\n width: 180px;\n height: 110px;\n }\n}\n<\/style>\n<p>\t\t\tMiles Driven<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\tM<br \/>\n\t\t\tDeliveries<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\tK+<br \/>\n\t\t\tTrucks<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\t+<\/p>\n<div class=\"mp-mark-98367\">\n<div style=\"position: absolute; left: -7566px;\">\n<p><a href=\"https:\/\/casino50.com\/\">casino50<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>GSAP Scroll Sequence LOADING 0% http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4 We Ship Everywhere Serving Every State in the USA including Alaska and Mexico & All Provinces in Canada with Flatbed Hauling OUR COMPREHENSIVE TRANSPORTATION SOLUTIONS Flatbed Trucking Reliable, secure transportation for all types of cargo, ensuring your shipment reaches safely and on time. Heavy Haul Services Oversized and heavy […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1193"}],"version-history":[{"count":456,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193\/revisions"}],"predecessor-version":[{"id":3595,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193\/revisions\/3595"}],"wp:attachment":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1193,"date":"2025-12-03T06:25:25","date_gmt":"2025-12-03T06:25:25","guid":{"rendered":"http:\/\/tarzantransport.zaledigital.com\/?page_id=1193"},"modified":"2026-10-05T20:08:00","modified_gmt":"2026-10-05T20:08:00","slug":"home-new","status":"publish","type":"page","link":"https:\/\/tarzantransport.zaledigital.com\/","title":{"rendered":"Home New"},"content":{"rendered":"

\n
\n
\n
\n
\n GSAP Scroll Sequence<\/title><\/p>\n<style>\n \/* --- CONFIGURATION SETTINGS (CSS Variables) --- *\/\n #custom-scroll-sequence-root2 {\n --seq-width: 100%; \n --seq-height: 100vh; \n --seq-scroll-depth: 600vh; \/* Determines scroll duration (6x viewport height) *\/\n margin-bottom: 0px;\n }\n \/* --- CORE SEQUENCE STYLES --- *\/\n #custom-scroll-sequence-root2 {\n position: relative;\n width: 100%;\n height: var(--seq-scroll-depth);\n }\n .seq-sticky-wrapper2 {\n position: sticky;\n top: 0px; \n width: var(--seq-width);\n height: var(--seq-height);\n margin: 0 auto; \n background: #000;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10;\n }\n #seq-canvas2 {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* --- LOADER STYLES --- *\/\n .seq-loader-overlay {\n position: absolute;\n top: 0; \n left: 0;\n width: 100%;\n height: 100vh; \n background: #000;\n z-index: 100; \/* Sit on top of everything *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: opacity 0.5s ease-out; \/* Smooth fade out *\/\n }\n .seq-spinner {\n width: 120px;\n height: 20px;\n background: \n linear-gradient(#25b09b 0 0) left -40px top 0\/40px 20px,\n linear-gradient(#ddd 0 0) center\/100% 50%; \n background-repeat: no-repeat;\n animation: l5 1s infinite linear;\n margin-bottom: 15px;\n }\n @keyframes l5 {\n 100% {background-position: right -40px top 0,center}\n }\n .seq-loading-text {\n color: #fff;\n font-family: sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 1px;\n }\n \/* --- TEXT STYLES (currently empty, but kept for future expansion) --- *\/\n .seq-text-slide {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n opacity: 0;\n padding: 20px;\n box-sizing: border-box;\n pointer-events: none;\n z-index: 20;\n }\n .seq-text-slide h2 {\n font-size: clamp(20px, 5vw, 50px);\n line-height: 1.2;\n color: white;\n margin: 0;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n .seq-char2 {\n opacity: 0.15;\n color: #777;\n transition: opacity 0.1s;\n display: inline-block;\n }\n \/* --- MEDIA QUERIES --- *\/\n @media (max-width: 991.98px) {\n #custom-scroll-sequence-root2 {\n --seq-width: 100%;\n --seq-height: 90vh;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n LOADING 0%<br \/>\n <canvas id=\"seq-canvas2\"><\/canvas><br \/>\n<\/body><br \/>\n<\/html><br \/>\n\t\t<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1193-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4?_=1\" \/><a href=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4\">http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4<\/a><\/video><\/div>\t\t<\/p>\n<h2>We Ship Everywhere<\/h2>\n<p>Serving Every State in the USA including Alaska and Mexico & All Provinces in Canada with Flatbed Hauling<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080.jpg\" alt=\"\" srcset=\"https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080.jpg 1920w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-300x169.jpg 300w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-1024x576.jpg 1024w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-768x432.jpg 768w, https:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/ezgif-frame-080-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<style>\n \/* --- CONFIGURATION SETTINGS --- *\/\n #custom-scroll-sequence-root {\n \/* Width of your video box (80% of screen width, or use pixels like 800px) *\/\n --seq-width: 80%; \n \/* Height of your video box *\/\n --seq-height: 500px; \n \/* How long the scroll lasts (Higher number = Slower video) *\/\n --seq-scroll-depth: 600vh; \n }\n \/* --- STYLES --- *\/\n \/* Root container to scope styles so they don't break your theme *\/\n #custom-scroll-sequence-root {\n position: relative;\n width: 100%;\n height: var(--seq-scroll-depth); \/* Defines the scroll track length *\/\n margin-bottom: 100px; \/* Spacing after the section *\/\n }\n \/* The Sticky Box (The Video Player) *\/\n .seq-sticky-wrapper {\n position: sticky;\n top: 200px; \/* Distance from top of screen *\/\n width: var(--seq-width);\n height: var(--seq-height);\n margin: 0 auto; \/* Centers the box *\/\n background: #000;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10;\n }\n \/* The Canvas (Video) *\/\n #seq-canvas {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n \/* Text Overlay Area *\/\n .seq-text-overlay {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n z-index: 20;\n pointer-events: none; \/* Let clicks pass through *\/\n }\n \/* Individual Text Slides *\/\n .seq-text-slide {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n opacity: 0; \/* Hidden initially *\/\n padding: 20px;\n box-sizing: border-box;\n }\n \/* Typography *\/\n .seq-text-slide h2 {\n \/* Smart sizing: Min 20px, Max 50px, otherwise 5% of screen width *\/\n font-size: clamp(20px, 5vw, 50px);\n line-height: 1.2;\n color: white; \/* Default color if animation fails *\/\n margin: 0;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n \/* Animation Chars *\/\n .seq-char {\n opacity: 0.15; \/* Dimmed state *\/\n color: #777;\n transition: opacity 0.1s;\n display: inline-block; \/* Fixes some spacing issues *\/\n }\n \/* Loading Indicator *\/\n .seq-loader {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n color: #ccff00;\n font-family: sans-serif;\n font-weight: bold;\n z-index: 50;\n }\n @media (max-width: 991.98px) {\n .seq-sticky-wrapper {\n width: 95%;\n height: 400px;\n top: min(30vh,250px);\n }\n }\n @media (max-width: 575.98px) {\n .seq-sticky-wrapper {\n height: 300px;\n }\n }\n<\/style>\n<p> <br \/>\n <canvas id=\"seq-canvas\"><\/canvas><\/p>\n<h2>OUR COMPREHENSIVE TRANSPORTATION SOLUTIONS<\/h2>\n<h2>Flatbed Trucking<\/h2>\n<p>Reliable, secure transportation for all types of cargo, ensuring your shipment reaches safely and on time.<\/p>\n<h2>Heavy Haul Services<\/h2>\n<p>Oversized and heavy items are expertly handled and delivered across long distances with precision and care.<\/p>\n<h2>Oversized Load Transport<\/h2>\n<p>Specialized solutions for huge, complex goods to ensure safe, efficient, and timely delivery.<\/p>\n<h2>Regional & Long haul Transport<\/h2>\n<p>From local deliveries to cross-country hauls, we provide trusted, on-time service wherever you need it.<\/p>\n<style>\n\/* Desktop styles (Default) *\/\n.animation-section .elementor-widget {\n width: 400px;\n opacity: 0;\n transition: all 0.5s ease;\n}\n.animation-section .elementor-container {\n display: flex;\n flex-wrap: nowrap;\n}\n.animation-section .elementor-widget-wrap {\n display: flex;\n flex-direction: column;\n gap: 20px;\n transition: all 0.3s linear !important;\n}\n.animation-section .e-child {\n min-width: 1px;\n overflow: hidden;\n transition: all 0.5s ease;\n}\n.animation-section .e-child:hover {\n width: 100%;\n}\n.animation-section .e-child:hover .elementor-widget {\n opacity: 1;\n}\n\/* Tablet *\/\n@media (max-width: 1024px) {\n .animation-section .elementor-widget {\n width: 300px;\n }\n}\n\/* Mobile (Overrides desktop hover behavior) *\/\n@media (max-width: 767px) {\n .animation-section .elementor-container {\n flex-wrap: wrap;\n }\n .animation-section .elementor-widget {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n transition: all 0.5s ease;\n }\n .animation-section .e-child:hover .elementor-widget {\n opacity: 0; \/* prevent accidental hover on mobile *\/\n }\n .animation-section .e-child.active .elementor-widget {\n opacity: 1;\n max-height: 1000px;\n overflow: visible;\n }\n}\n<\/style>\n<h2>Certifications<\/h2>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"150\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Group-9.webp\" alt=\"\" \/><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"150\" src=\"http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>COMPANIES WORKED WITH<\/h2>\n<p> <br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/zcwjljpgyksxxfaallsd.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/rrb4vcbzsy9wc3xxoogt.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/qm6tkc693riyrf7gigz5.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsro3sfgtw4is3dyfxew.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/cix2w0elzruw0vyprwle.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/Group-9.webp\"><br \/>\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/zcwjljpgyksxxfaallsd.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/rrb4vcbzsy9wc3xxoogt.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/qm6tkc693riyrf7gigz5.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsro3sfgtw4is3dyfxew.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/gsjhjm1ekhyxiunjl6w0.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/cix2w0elzruw0vyprwle.webp\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/tarzantransport.ca\/wp-content\/uploads\/2025\/12\/Group-9.webp\"><\/p>\n<style>\n.infinite-slider {\n width: 100%;\n overflow: hidden;\n padding: 20px 0;\n}\n.infinite-track {\n display: flex;\n width: max-content;\n animation: scrollSlider 30s linear infinite;\n}\n.infinite-track img {\n height: 150px;\n object-fit: cover;\n margin-right: 20px;\n border-radius: 15px;\n transition: transform 0.4s ease;\n}\n.infinite-track img:hover {\n transform: scale(1.05); \/* zoom on hover *\/\n}\n@keyframes scrollSlider {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n .infinite-track img {\n width: 180px;\n height: 110px;\n }\n}\n<\/style>\n<p>\t\t\tMiles Driven<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\tM<br \/>\n\t\t\tDeliveries<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\tK+<br \/>\n\t\t\tTrucks<br \/>\n\t\t\t\t0<br \/>\n\t\t\t\t+<\/p>\n<div class=\"mp-mark-98367\">\n<div style=\"position: absolute; left: -7566px;\">\n<p><a href=\"https:\/\/casino50.com\/\">casino50<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>GSAP Scroll Sequence LOADING 0% http:\/\/tarzantransport.zaledigital.com\/wp-content\/uploads\/2025\/12\/Tarzan-hero-video-1.mp4 We Ship Everywhere Serving Every State in the USA including Alaska and Mexico & All Provinces in Canada with Flatbed Hauling OUR COMPREHENSIVE TRANSPORTATION SOLUTIONS Flatbed Trucking Reliable, secure transportation for all types of cargo, ensuring your shipment reaches safely and on time. Heavy Haul Services Oversized and heavy […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1193"}],"version-history":[{"count":456,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193\/revisions"}],"predecessor-version":[{"id":3595,"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=\/wp\/v2\/pages\/1193\/revisions\/3595"}],"wp:attachment":[{"href":"https:\/\/tarzantransport.zaledigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}