{"id":27,"date":"2026-08-13T09:51:10","date_gmt":"2026-08-13T09:51:10","guid":{"rendered":"https:\/\/portal-application.com\/wordpress\/?page_id=27"},"modified":"2026-08-20T23:01:00","modified_gmt":"2026-08-20T23:01:00","slug":"about","status":"publish","type":"page","link":"https:\/\/portal-application.com\/wordpress\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa4cda e-con-full e-flex e-con e-parent\" data-id=\"caa4cda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e13f85 elementor-widget elementor-widget-breadcrumb_bar_01\" data-id=\"0e13f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"breadcrumb_bar_01.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n                     <!-- Breadscrumb Section -->\r\n            <div class=\"breadcrumb-bar fade-in\" style=\"background-image: url(https:\/\/hunk.kinixdigital.com\/wp-content\/assets\/img\/breadcrumb.jpg);\">\r\n                <div class=\"container\">\r\n                    <div class=\"row align-items-center text-center\">\r\n                        <div class=\"col-md-12 col-12\">\r\n                            <h2 class=\"breadcrumb-title fade-in-delay-1\">About<\/h2>\r\n                                                        <nav aria-label=\"breadcrumb\" class=\"page-breadcrumb fade-in-delay-2\">\r\n                                <ol class=\"breadcrumb\">\r\n                                                                                                                        <li class=\"breadcrumb-item fade-transition\"><a href=\"https:\/\/portal-application.com\/wordpress\/\">Home<\/a><\/li>\r\n                                                                                                                                                                <li class=\"breadcrumb-item active\" aria-current=\"page\">About<\/li>\r\n                                                                                                            <\/ol>\r\n                            <\/nav>\r\n                            \t\t\t\t\t\t\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \/Breadscrumb -->\t   \r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10cb45c e-con-full e-flex e-con e-parent\" data-id=\"10cb45c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85beb45 elementor-widget elementor-widget-about_inner_page\" data-id=\"85beb45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"about_inner_page.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n             <!-- About -->\r\n            <section class=\"section about-sec fade-in\">\r\n                <div class=\"container\">\r\n                    <div class=\"row align-items-center\">\r\n                        <div class=\"col-lg-6 fade-in-delay-1\">\r\n                            <div class=\"about-img fade-transition\">\r\n                                <div class=\"about-exp\">\r\n                                    <span>12+ years of experiences<\/span>\r\n                                <\/div>\r\n                                <div class=\"abt-img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/portal-application.com\/wordpress\/wp-content\/uploads\/2026\/08\/veh-horsebox-CjSeAzOU.jpg\" class=\"img-fluid\" alt=\"About us\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-lg-6 fade-in-delay-2\">\r\n                            <div class=\"about-content\">\r\n                                <h6 class=\"fade-in-delay-1\">About Paragon Trucks<\/h6>\r\n                                <h2 class=\"fade-in-delay-1\">A family business built on repeat custom<\/h2>\r\n                                                                <p class=\"fade-in-delay-2\">We buy selectively, prepare thoroughly and stand behind everything we sell. Every unit passes a 100+ point inspection in our own workshop before it reaches the forecourt.<\/p>\r\n                                                                                                <p class=\"fade-in-delay-2\">Our customers range from single-truck owner operators to national logistics businesses and international export buyers. The service is the same for all of them: a straight answer, a fair price and a vehicle that works from day one.<\/p>\r\n                                                                                                <p class=\"fade-in-delay-2\">Finance, warranty, rental and export shipping are all handled by our own team, so you deal with one point of contact from enquiry to delivery.<\/p>\r\n                                                                <div class=\"row fade-in-delay-3\">\r\n                                    <div class=\"col-md-6\">\r\n                                        <ul>\r\n                                                                                        <li class=\"fade-transition\">HGVs (Heavy Goods Vehicles)<\/li>\r\n                                                                                                                                    <li class=\"fade-transition\">Trailers<\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/div>\r\n                                    <div class=\"col-md-6\">\r\n                                        <ul>\r\n                                                                                        <li class=\"fade-transition\">4x4s<\/li>\r\n                                                                                                                                    <li class=\"fade-transition\">Horseboxes<\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            <!-- \/About -->\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d4b8bf e-con-full e-flex e-con e-parent\" data-id=\"9d4b8bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea04f62 elementor-widget elementor-widget-counter_01\" data-id=\"ea04f62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter_01.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n        <section class=\"counter-01 fade-in\" id=\"counter-01-ea04f62\">\r\n            <div class=\"container\">\r\n                <div class=\"counter-01__grid\">\r\n                                            <div class=\"counter-01__item fade-in-delay-1 fade-transition\">\r\n                            <div class=\"counter-01__number-wrap\">\r\n                                <span\r\n                                    class=\"counter-01__number\"\r\n                                    data-target=\"40\"\r\n                                    data-duration=\"700\"\r\n                                >40<\/span><span class=\"counter-01__suffix\">+<\/span>                            <\/div>\r\n                                                            <p class=\"counter-01__label\">Years Experience<\/p>\r\n                                                    <\/div>\r\n                                            <div class=\"counter-01__item fade-in-delay-2 fade-transition\">\r\n                            <div class=\"counter-01__number-wrap\">\r\n                                <span\r\n                                    class=\"counter-01__number\"\r\n                                    data-target=\"200\"\r\n                                    data-duration=\"700\"\r\n                                >200<\/span><span class=\"counter-01__suffix\">+<\/span>                            <\/div>\r\n                                                            <p class=\"counter-01__label\">Enterprise Customers<\/p>\r\n                                                    <\/div>\r\n                                            <div class=\"counter-01__item fade-in-delay-3 fade-transition\">\r\n                            <div class=\"counter-01__number-wrap\">\r\n                                <span\r\n                                    class=\"counter-01__number\"\r\n                                    data-target=\"250\"\r\n                                    data-duration=\"700\"\r\n                                >250<\/span><span class=\"counter-01__suffix\">+<\/span>                            <\/div>\r\n                                                            <p class=\"counter-01__label\">Items Sold<\/p>\r\n                                                    <\/div>\r\n                                            <div class=\"counter-01__item fade-in-delay-3 fade-transition\">\r\n                            <div class=\"counter-01__number-wrap\">\r\n                                <span\r\n                                    class=\"counter-01__number\"\r\n                                    data-target=\"50\"\r\n                                    data-duration=\"700\"\r\n                                >50<\/span><span class=\"counter-01__suffix\">+<\/span>                            <\/div>\r\n                                                            <p class=\"counter-01__label\">Units in Stock<\/p>\r\n                                                    <\/div>\r\n                                            <div class=\"counter-01__item fade-in-delay-3 fade-transition\">\r\n                            <div class=\"counter-01__number-wrap\">\r\n                                <span\r\n                                    class=\"counter-01__number\"\r\n                                    data-target=\"16\"\r\n                                    data-duration=\"700\"\r\n                                >16<\/span>                            <\/div>\r\n                                                            <p class=\"counter-01__label\">Countries Served<\/p>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <script>\r\n        (function () {\r\n            var root = document.getElementById('counter-01-ea04f62');\r\n            if (!root) return;\r\n            var numbers = root.querySelectorAll('.counter-01__number');\r\n            if (!numbers.length) return;\r\n\r\n            function easeOutExpo(t) {\r\n                return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\r\n            }\r\n\r\n            function animateNumber(el) {\r\n                if (el.dataset.animated === '1') return;\r\n                el.dataset.animated = '1';\r\n\r\n                var target = parseInt(el.dataset.target, 10);\r\n                var duration = parseInt(el.dataset.duration, 10);\r\n                if (isNaN(target) || target < 0) return;\r\n                if (isNaN(duration) || duration <= 0) duration = 2000;\r\n\r\n                var startTime = null;\r\n                el.textContent = '0';\r\n\r\n                function step(timestamp) {\r\n                    if (!startTime) startTime = timestamp;\r\n                    var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n                    var eased = easeOutExpo(progress);\r\n                    var current = Math.floor(target * eased);\r\n                    el.textContent = current.toLocaleString();\r\n                    if (progress < 1) {\r\n                        window.requestAnimationFrame(step);\r\n                    } else {\r\n                        el.textContent = target.toLocaleString();\r\n                    }\r\n                }\r\n                window.requestAnimationFrame(step);\r\n            }\r\n\r\n            \/\/ Try to detect if we are inside Elementor editor iframe \u2014 animate immediately for better UX\r\n            var inEditor = (\r\n                (window.elementor && window.elementorFrontend) ||\r\n                (window.top && window.top !== window.self && window.location.search.indexOf('elementor-preview') !== -1)\r\n            );\r\n\r\n            if (inEditor || !('IntersectionObserver' in window)) {\r\n                numbers.forEach(animateNumber);\r\n                return;\r\n            }\r\n\r\n            var observer = new IntersectionObserver(function (entries, obs) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        animateNumber(entry.target);\r\n                        obs.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.3 });\r\n\r\n            numbers.forEach(function (el) { observer.observe(el); });\r\n        })();\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfdfcd7 e-con-full e-flex e-con e-parent\" data-id=\"dfdfcd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b455ee elementor-widget elementor-widget-milestones_widget\" data-id=\"1b455ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"milestones_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n                <section class=\"milestones\">\r\n            <div class=\"container\">\r\n                                <div class=\"milestones__heading\">\r\n                                            <h2 class=\"milestones__heading-title\">Milestones<\/h2>\r\n                                                                <p class=\"milestones__heading-desc\">Serving 200+ enterprise customers with 0% finance and a 2-year warranty as standard.\n\n<\/p>\r\n                                    <\/div>\r\n                \r\n                                <div class=\"milestones__list\">\r\n                                            <article class=\"milestones__item\">\r\n                                                            <div class=\"milestones__year-wrap\">\r\n                                    <span class=\"milestones__year\">1985<\/span>\r\n                                <\/div>\r\n                                                        <div class=\"milestones__content\">\r\n                                                                    <h3 class=\"milestones__title\">The first yard<\/h3>\r\n                                                                                                    <p class=\"milestones__desc\">Founded in Co Antrim trading agricultural tractors and light commercials across Northern Ireland.<\/p>\r\n                                                            <\/div>\r\n                        <\/article>\r\n                                            <article class=\"milestones__item\">\r\n                                                            <div class=\"milestones__year-wrap\">\r\n                                    <span class=\"milestones__year\">1998<\/span>\r\n                                <\/div>\r\n                                                        <div class=\"milestones__content\">\r\n                                                                    <h3 class=\"milestones__title\">Into heavy haulage<\/h3>\r\n                                                                                                    <p class=\"milestones__desc\">Expanded into HGV tractor units and semi-trailers, adding an on-site preparation workshop.<\/p>\r\n                                                            <\/div>\r\n                        <\/article>\r\n                                            <article class=\"milestones__item\">\r\n                                                            <div class=\"milestones__year-wrap\">\r\n                                    <span class=\"milestones__year\">2009<\/span>\r\n                                <\/div>\r\n                                                        <div class=\"milestones__content\">\r\n                                                                    <h3 class=\"milestones__title\">Export operation<\/h3>\r\n                                                                                                    <p class=\"milestones__desc\">Began shipping prepared units to Europe, West Africa and the Middle East.<\/p>\r\n                                                            <\/div>\r\n                        <\/article>\r\n                                            <article class=\"milestones__item\">\r\n                                                            <div class=\"milestones__year-wrap\">\r\n                                    <span class=\"milestones__year\">2018<\/span>\r\n                                <\/div>\r\n                                                        <div class=\"milestones__content\">\r\n                                                                    <h3 class=\"milestones__title\">Plant &amp; machinery<\/h3>\r\n                                                                                                    <p class=\"milestones__desc\">Added excavators, forklifts and material handling to the core inventory.<\/p>\r\n                                                            <\/div>\r\n                        <\/article>\r\n                                            <article class=\"milestones__item\">\r\n                                                            <div class=\"milestones__year-wrap\">\r\n                                    <span class=\"milestones__year\">2026<\/span>\r\n                                <\/div>\r\n                                                        <div class=\"milestones__content\">\r\n                                                                    <h3 class=\"milestones__title\">Sixteen markets<\/h3>\r\n                                                                                                    <p class=\"milestones__desc\">Serving 200+ enterprise customers with 0% finance and a 2-year warranty as standard.<\/p>\r\n                                                            <\/div>\r\n                        <\/article>\r\n                                    <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab6e907 e-con-full e-flex e-con e-parent\" data-id=\"ab6e907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b5e1dd elementor-widget elementor-widget-value_services_01\" data-id=\"9b5e1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"value_services_01.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n                <section class=\"value-services-01\">\r\n            <div class=\"container\">\r\n                                <div class=\"value-services-01__heading\">\r\n                                            <h2 class=\"value-services-01__heading-title\">How we work with our customers<\/h2>\r\n                                                                <p class=\"value-services-01__heading-desc\">Find answers to your questions from our previous answers<\/p>\r\n                                    <\/div>\r\n                \r\n                                <div class=\"value-services-01__grid\">\r\n                                            <article class=\"value-services-01__card\">\r\n                                                            <span class=\"value-services-01__icon-wrap\">\r\n                                    <span class=\"value-services-01__icon\">\r\n                                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-handshake\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z\"><\/path><\/svg>                                    <\/span>\r\n                                <\/span>\r\n                                                                                        <h3 class=\"value-services-01__title\">Straight Dealing<\/h3>\r\n                                                                                        <p class=\"value-services-01__desc\">Honest condition reports, no undisclosed history and transparent pricing.<\/p>\r\n                                                    <\/article>\r\n                                            <article class=\"value-services-01__card\">\r\n                                                            <span class=\"value-services-01__icon-wrap\">\r\n                                    <span class=\"value-services-01__icon\">\r\n                                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-users\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z\"><\/path><\/svg>                                    <\/span>\r\n                                <\/span>\r\n                                                                                        <h3 class=\"value-services-01__title\">Long-Term Partnership<\/h3>\r\n                                                                                        <p class=\"value-services-01__desc\">Most of our customers have bought from us more than five times.<\/p>\r\n                                                    <\/article>\r\n                                            <article class=\"value-services-01__card\">\r\n                                                            <span class=\"value-services-01__icon-wrap\">\r\n                                    <span class=\"value-services-01__icon\">\r\n                                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-ship\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496.616 372.639l70.012-70.012c16.899-16.9 9.942-45.771-12.836-53.092L512 236.102V96c0-17.673-14.327-32-32-32h-64V24c0-13.255-10.745-24-24-24H248c-13.255 0-24 10.745-24 24v40h-64c-17.673 0-32 14.327-32 32v140.102l-41.792 13.433c-22.753 7.313-29.754 36.173-12.836 53.092l70.012 70.012C125.828 416.287 85.587 448 24 448c-13.255 0-24 10.745-24 24v16c0 13.255 10.745 24 24 24 61.023 0 107.499-20.61 143.258-59.396C181.677 487.432 216.021 512 256 512h128c39.979 0 74.323-24.568 88.742-59.396C508.495 491.384 554.968 512 616 512c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24-60.817 0-101.542-31.001-119.384-75.361zM192 128h256v87.531l-118.208-37.995a31.995 31.995 0 0 0-19.584 0L192 215.531V128z\"><\/path><\/svg>                                    <\/span>\r\n                                <\/span>\r\n                                                                                        <h3 class=\"value-services-01__title\">Export Expertise<\/h3>\r\n                                                                                        <p class=\"value-services-01__desc\">Freight, crating, customs paperwork and marine insurance handled in-house.<\/p>\r\n                                                    <\/article>\r\n                                            <article class=\"value-services-01__card\">\r\n                                                            <span class=\"value-services-01__icon-wrap\">\r\n                                    <span class=\"value-services-01__icon\">\r\n                                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-globe-americas\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z\"><\/path><\/svg>                                    <\/span>\r\n                                <\/span>\r\n                                                                                        <h3 class=\"value-services-01__title\">Global Reach<\/h3>\r\n                                                                                        <p class=\"value-services-01__desc\">Sixteen countries served, with units regularly delivered port-to-port.<\/p>\r\n                                                    <\/article>\r\n                                    <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7ae608 e-con-full e-flex e-con e-parent\" data-id=\"f7ae608\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58e5c15 elementor-widget elementor-widget-cta_1\" data-id=\"58e5c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cta_1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            \/* Fade-in animation *\/\r\n            @keyframes fadeIn {\r\n                from {\r\n                    opacity: 0;\r\n                    transform: translateY(20px);\r\n                }\r\n                to {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n            }\r\n\r\n            \/* Fade-out animation *\/\r\n            @keyframes fadeOut {\r\n                from {\r\n                    opacity: 1;\r\n                    transform: translateY(0);\r\n                }\r\n                to {\r\n                    opacity: 0;\r\n                    transform: translateY(-20px);\r\n                }\r\n            }\r\n\r\n            \/* Apply fade-in animation to elements *\/\r\n            .cta-1 .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n\r\n            .cta-1 .fade-in-delay-1 {\r\n                animation: fadeIn 0.8s ease 0.2s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .cta-1 .fade-in-delay-2 {\r\n                animation: fadeIn 0.8s ease 0.4s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            .cta-1 .fade-in-delay-3 {\r\n                animation: fadeIn 0.8s ease 0.6s forwards;\r\n                opacity: 0;\r\n            }\r\n\r\n            \/* Apply fade-out animation on hover for interactive elements *\/\r\n            .cta-1 .fade-out-hover:hover {\r\n                animation: fadeOut 0.5s ease forwards;\r\n            }\r\n\r\n            \/* Smooth transition for fade effects *\/\r\n            .cta-1 .fade-transition {\r\n                transition: opacity 0.5s ease, transform 0.5s ease;\r\n            }\r\n\r\n            .cta-1 .fade-transition:hover {\r\n                opacity: 0.8;\r\n                transform: translateY(-5px);\r\n            }\r\n        <\/style>\r\n        <section class=\"cta-1 relative overflow-hidden position-relative\">\r\n                            <img loading=\"lazy\" decoding=\"async\"\r\n                    src=\"https:\/\/portal-application.com\/wordpress\/wp-content\/uploads\/2026\/08\/imgi_91_krismar-horse-truck-exclusive-line-L-cab-min-scaled-aspect-ratio-1600-900-scaled-1.jpg\"\r\n                    alt=\"Can&#039;t find what you need?\"\r\n                    loading=\"lazy\"\r\n                    width=\"1600\"\r\n                    height=\"1000\"\r\n                    class=\"cta-1__bg-image position-absolute fade-in\"\r\n                >\r\n                        <div class=\"cta-1__overlay position-absolute fade-in fade-in-delay-1\"><\/div>\r\n\r\n            <div class=\"cta-1__wrapper position-relative text-center\">\r\n                <div class=\"cta-1__content mx-auto\">\r\n                                            <h2 class=\"cta-1__title mb-0 fade-in fade-in-delay-2\">\r\n                            Can't find what you need?                        <\/h2>\r\n                    \r\n                                            <p class=\"cta-1__description mb-0 fade-in fade-in-delay-3\">\r\n                            With units arriving weekly and contacts across the trade, we source commercial vehicles, plant and machinery to order \u2014 then deliver UK-wide and worldwide.                        <\/p>\r\n                    \r\n                                            <div class=\"cta-1__buttons d-flex flex-wrap justify-content-center align-items-center\">\r\n                                                            <a class=\"cta-1__btn cta-1__btn--primary fade-transition cta-1__btn--scale\" role=\"button\" href=\"\/contact\">\r\n                                    Get in touch                                <\/a>\r\n                                                            <a class=\"cta-1__btn cta-1__btn--secondary fade-transition\" role=\"button\" href=\"tel:+442890825889\">\r\n                                    +44 (0) 28 9082 5889                                <\/a>\r\n                                                    <\/div>\r\n                    \r\n                                            <div class=\"cta-1__subscribe-row d-flex flex-wrap justify-content-center align-items-stretch\">\r\n                                                            <form class=\"cta-1__subscribe-form d-flex flex-wrap justify-content-center align-items-stretch\" method=\"post post\" action=\"#\">\r\n                                    <div class=\"cta-1__subscribe-group d-flex flex-wrap justify-content-center align-items-center fade-transition\">\r\n                                        <input type=\"email\" name=\"EMAIL\" class=\"cta-1__subscribe-input\" placeholder=\"you@company.com\" required=\"required\">\r\n                                        <button type=\"submit\" class=\"cta-1__subscribe-btn\" role=\"button\">\r\n                                            <svg class=\"cta-1__subscribe-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                                                <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/>\r\n                                            <\/svg>\r\n                                            <span class=\"cta-1__subscribe-text\">\r\n                                                Subscribe                                            <\/span>\r\n                                        <\/button>\r\n                                    <\/div>\r\n                                <\/form>\r\n                            \r\n                                                            <a class=\"cta-1__whatsapp d-inline-flex align-items-center justify-content-center\" role=\"button\" title=\"Chat on WhatsApp\" href=\"https:\/\/wa.me\/447736160889\" target=\"_blank\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n                                        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n                                    <\/svg>\r\n                                <\/a>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Home About 12+ years of experiences About Paragon Trucks A family business built on repeat custom We buy selectively, prepare thoroughly and stand behind everything we sell. Every unit passes a 100+ point inspection in our own workshop before it reaches the forecourt. Our customers range from single-truck owner operators to national logistics businesses <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":30,"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":641,"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/pages\/27\/revisions\/641"}],"wp:attachment":[{"href":"https:\/\/portal-application.com\/wordpress\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}