{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=9"},"modified":"2026-07-01T12:10:37","modified_gmt":"2026-07-01T11:10:37","slug":"home","status":"publish","type":"page","link":"https:\/\/www.lotremsenergy.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \n
\n
\n
\n \n \t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nLotrems Energy Premium Light Hero Slide<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Reset container rules to isolate perfectly inside WordPress *\/\r\n.lotrems-premium-slide {\r\n all: unset;\r\n box-sizing: border-box;\r\n font-family: 'Inter', sans-serif;\r\n display: block;\r\n padding: 120px 6%;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 650px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.lotrems-premium-slide * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* Background Video Styling *\/\r\n.lotrems-video-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n}\r\n\r\n\/* Dark Overlay to maintain readability over the moving video *\/\r\n.lotrems-video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(11, 19, 43, 0.4) 0%, rgba(11, 19, 43, 0.2) 100%);\r\n z-index: 2;\r\n}\r\n\r\n\/* Structural Max Width Container *\/\r\n.lotrems-premium-container {\r\n width: 100%;\r\n max-width: 1450px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 5; \/* Placed cleanly above video and overlay *\/\r\n}\r\n\r\n\/* LEFT SIDE: Content Panel with Crisp White Background & Load Animation *\/\r\n.lotrems-premium-slide .content-panel {\r\n max-width: 620px;\r\n background: #ffffff; \/* Card section background white *\/\r\n padding: 45px;\r\n border-radius: 16px;\r\n box-shadow: 0 30px 60px rgba(11, 19, 43, 0.25);\r\n border: 1px solid rgba(11, 19, 43, 0.05);\r\n \r\n \/* Smooth entry animation for the whole panel *\/\r\n animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n}\r\n\r\n\/* Cascade animation delays for elements inside the panel *\/\r\n.lotrems-premium-slide h4 { animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both; }\r\n.lotrems-premium-slide .slide-desc { animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both; }\r\n.lotrems-premium-slide .network-card { animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both; }\r\n\r\n\/* Subdued Premium Subheading Layout replacing the massive H1 *\/\r\n.lotrems-premium-slide h4 {\r\n font-size: 24px;\r\n font-weight: 800; \/* Crisp clean emphasis *\/\r\n letter-spacing: -0.5px;\r\n color: #0b132b; \/* Deep premium corporate navy *\/\r\n margin-bottom: 18px;\r\n line-height: 1.2;\r\n}\r\n\r\n.lotrems-premium-slide .slide-desc {\r\n font-size: 15px;\r\n line-height: 1.65;\r\n color: #2d3748; \/* Highly readable dark slate text *\/\r\n margin-bottom: 25px;\r\n}\r\n\r\n\/* Operational Network Feature Box (Card inner section) *\/\r\n.lotrems-premium-slide .network-card {\r\n background: #f4f7fc; \/* Soft grey-blue accent background *\/\r\n border-left: 4px solid #0b132b; \/* Navy indicator *\/\r\n border-radius: 4px;\r\n padding: 16px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n\/* Dynamic Live Pulsing Status Ring *\/\r\n.lotrems-premium-slide .status-pulse {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: rgba(11, 19, 43, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n box-shadow: 0 0 0 0 rgba(11, 19, 43, 0.4);\r\n animation: statusPulseRing 2s infinite cubic-bezier(0.66, 0, 0, 1);\r\n}\r\n\r\n.lotrems-premium-slide .status-pulse::after {\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n background: #0b132b; \/* Blue indicator dot *\/\r\n border-radius: 50%;\r\n}\r\n\r\n.lotrems-premium-slide .network-text {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: #000000; \/* Black writing *\/\r\n line-height: 1.45;\r\n}\r\n\r\n.lotrems-premium-slide .network-text strong {\r\n color: #0b132b; \/* Blue emphasis writing *\/\r\n font-weight: 700;\r\n}\r\n\r\n\/* KEYFRAMES ANIMATIONS *\/\r\n@keyframes fadeInUp {\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@keyframes statusPulseRing {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(11, 19, 43, 0.5);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 10px rgba(11, 19, 43, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(11, 19, 43, 0);\r\n }\r\n}\r\n\r\n\/* Responsive Rules *\/\r\n@media (max-width: 768px) {\r\n .lotrems-premium-slide {\r\n padding: 60px 4%;\r\n }\r\n .lotrems-premium-slide .content-panel {\r\n padding: 35px 20px;\r\n text-align: center;\r\n }\r\n .lotrems-premium-slide .network-card {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 10px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"lotrems-premium-slide\">\r\n \r\n <!-- Autoplay Background Video -->\r\n <video class=\"lotrems-video-bg\" autoplay loop muted playsinline poster=\"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/marine-sales-158267.jpg\">\r\n <source src=\"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/14807922-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n \r\n <!-- Transparent Contrast Gradient Overlay -->\r\n <div class=\"lotrems-video-overlay\"><\/div>\r\n\r\n <div class=\"lotrems-premium-container\">\r\n \r\n <!-- Premium Light Content Box Over Background Video -->\r\n <div class=\"content-panel\">\r\n <h4>Lotrems Energy<\/h4>\r\n \r\n <p class=\"slide-desc\">\r\n An independent energy logistics and supply firm coordinating the sourcing and distribution of refined hydrocarbons. With an active operations base in Ecuador and strategic positioning in U.S. markets, we bridge prime refinery products with critical regional demand hubs across Latin America.\r\n <\/p>\r\n\r\n <!-- Network Highlight Element -->\r\n <div class=\"network-card\">\r\n <div class=\"status-pulse\"><\/div>\r\n <div class=\"network-text\">\r\n <strong>Operational Network:<\/strong> Cross-border fuel logistics across Americas & LATAM supply corridors.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"elementor-section elementor-top-section elementor-element elementor-element-9dc2f98 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"9dc2f98\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n \n <div class=\"elementor-container elementor-column-gap-no \">\n <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d00eca5\" data-id=\"d00eca5\" data-element_type=\"column\">\n <div class=\"elementor-widget-wrap elementor-element-populated\">\n \n \t\t<div class=\"elementor-element elementor-element-6d463d5 elementor-widget elementor-widget-html\" data-id=\"6d463d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Lotrems Energy Premium Capabilities Home Slider<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Reset container rules to isolate perfectly inside WordPress *\/\r\n.lotrems-premium-slide {\r\n all: unset;\r\n box-sizing: border-box;\r\n font-family: 'Inter', sans-serif;\r\n display: block;\r\n padding: 120px 6%;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 680px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.lotrems-premium-slide * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* Background Image Slider Frame *\/\r\n.lotrems-slider-bg-wrap {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n}\r\n\r\n.lotrems-slide-img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0;\r\n transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.lotrems-slide-img.active {\r\n opacity: 1;\r\n}\r\n\r\n\/* Dark Contrast Overlay to ensure text readability over bright images *\/\r\n.lotrems-video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(11, 19, 43, 0.45) 0%, rgba(11, 19, 43, 0.25) 100%);\r\n z-index: 2;\r\n}\r\n\r\n\/* Structural Max Width Container *\/\r\n.lotrems-premium-container {\r\n width: 100%;\r\n max-width: 1450px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* LEFT SIDE: Content Panel with Crisp White Background *\/\r\n.lotrems-premium-slide .content-panel {\r\n max-width: 620px;\r\n background: #ffffff;\r\n padding: 45px;\r\n border-radius: 16px;\r\n box-shadow: 0 30px 60px rgba(11, 19, 43, 0.25);\r\n border: 1px solid rgba(11, 19, 43, 0.05);\r\n position: relative;\r\n}\r\n\r\n\/* Dynamic fading containers for text modifications *\/\r\n.slide-dynamic-content {\r\n transition: opacity 0.4s ease;\r\n opacity: 1;\r\n}\r\n\r\n.slide-dynamic-content.switching {\r\n opacity: 0;\r\n}\r\n\r\n\/* Subdued Premium Subheading Layout *\/\r\n.lotrems-premium-slide h4 {\r\n font-size: 24px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n color: #0b132b;\r\n margin-bottom: 18px;\r\n line-height: 1.2;\r\n}\r\n\r\n.lotrems-premium-slide h4 span {\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n display: block;\r\n color: #64748b;\r\n margin-bottom: 6px;\r\n font-weight: 600;\r\n}\r\n\r\n.lotrems-premium-slide .slide-desc {\r\n font-size: 15px;\r\n line-height: 1.65;\r\n color: #2d3748;\r\n margin-bottom: 25px;\r\n min-height: 100px; \/* Prevents shifting when paragraph text lengths vary *\/\r\n}\r\n\r\n\/* Operational Network Feature Box *\/\r\n.lotrems-premium-slide .network-card {\r\n background: #f4f7fc;\r\n border-left: 4px solid #0b132b;\r\n border-radius: 4px;\r\n padding: 16px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n\/* Dynamic Live Pulsing Status Ring *\/\r\n.lotrems-premium-slide .status-pulse {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: rgba(11, 19, 43, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n box-shadow: 0 0 0 0 rgba(11, 19, 43, 0.4);\r\n animation: statusPulseRing 2s infinite cubic-bezier(0.66, 0, 0, 1);\r\n}\r\n\r\n.lotrems-premium-slide .status-pulse::after {\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n background: #0b132b;\r\n border-radius: 50%;\r\n}\r\n\r\n.lotrems-premium-slide .network-text {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: #000000;\r\n line-height: 1.45;\r\n}\r\n\r\n.lotrems-premium-slide .network-text strong {\r\n color: #0b132b;\r\n font-weight: 700;\r\n}\r\n\r\n\/* Discrete Auto Slide Track Bar Indicators *\/\r\n.slider-dots-container {\r\n display: flex;\r\n gap: 6px;\r\n margin-top: 25px;\r\n}\r\n\r\n.slider-dots-container .track-bar {\r\n height: 3px;\r\n flex: 1;\r\n background: #e2e8f0;\r\n border-radius: 2px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.slider-dots-container .track-bar::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 0%;\r\n background: #0b132b;\r\n}\r\n\r\n.slider-dots-container .track-bar.active::after {\r\n width: 100%;\r\n transition: width 6s linear; \/* Matches automation cycle delay perfectly *\/\r\n}\r\n\r\n\/* KEYFRAMES ANIMATIONS *\/\r\n@keyframes statusPulseRing {\r\n 0% { box-shadow: 0 0 0 0 rgba(11, 19, 43, 0.5); }\r\n 70% { box-shadow: 0 0 0 10px rgba(11, 19, 43, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(11, 19, 43, 0); }\r\n}\r\n\r\n\/* Responsive Rules *\/\r\n@media (max-width: 768px) {\r\n .lotrems-premium-slide { padding: 60px 4%; }\r\n .lotrems-premium-slide .content-panel { padding: 35px 20px; text-align: center; }\r\n .lotrems-premium-slide .network-card { flex-direction: column; text-align: center; gap: 10px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"lotrems-premium-slide\">\r\n \r\n <!-- Automatic Sequential Background Image Wrapper -->\r\n <div class=\"lotrems-slider-bg-wrap\" id=\"bg-images-target\">\r\n <!-- Images injected dynamically via JavaScript below -->\r\n <\/div>\r\n \r\n <!-- Transparent Contrast Gradient Overlay -->\r\n <div class=\"lotrems-video-overlay\"><\/div>\r\n\r\n <div class=\"lotrems-premium-container\">\r\n \r\n <!-- Premium Light Content Box Over Moving Backgrounds -->\r\n <div class=\"content-panel\">\r\n \r\n <div class=\"slide-dynamic-content\" id=\"text-sync-target\">\r\n <h4 id=\"slide-heading\"><span>Lotrems Energy<\/span>Ultra-Low Sulfur Diesel (ULSD 10ppm)<\/h4>\r\n \r\n <p class=\"slide-desc\" id=\"slide-description\">\r\n Premium-grade ultra-low sulfur diesel refined to meet strict environmental and machine thresholds. Every batch features high cetane values and clean-burn performance verified by independent ASTM lab tests before distribution.\r\n <\/p>\r\n\r\n <!-- Network Highlight Element -->\r\n <div class=\"network-card\">\r\n <div class=\"status-pulse\"><\/div>\r\n <div class=\"network-text\" id=\"slide-pill\">\r\n <strong>Capabilities:<\/strong> Ultra-low sulfur levels optimized for heavy industrial machinery.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Progress Trackers -->\r\n <div class=\"slider-dots-container\" id=\"dots-sync-target\">\r\n <!-- Generated dynamically by configuration sizes -->\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Updated layout configuration featuring HD, unbranded infrastructure assets\r\nconst lotremsCapabilitiesSlider = [\r\n {\r\n kicker: \"Refined Hydrocarbons\",\r\n title: \"Ultra-Low Sulfur Diesel (ULSD 10ppm)\",\r\n desc: \"Premium-grade ultra-low sulfur diesel refined to meet strict environmental and machine thresholds. Every batch features high cetane values and clean-burn performance verified by independent ASTM lab tests before distribution.\",\r\n pill: \"<strong>Capabilities:<\/strong> Ultra-low sulfur levels optimized for heavy industrial machinery.\",\r\n image: \"https:\/\/epcmholdings.com\/wp-content\/uploads\/2020\/11\/Petroleum-Storage-Terminal-Basics.jpg\"\r\n },\r\n {\r\n kicker: \"Aviation Infrastructure\",\r\n title: \"Jet A-1 Aviation Fuel Supply\",\r\n desc: \"Sovereign-grade commercial aviation fuel processed under rigorous international stringencies. Bulk reserve storage setups and advanced distribution channels guarantee reliable supply pipelines.\",\r\n pill: \"<strong>Capabilities:<\/strong> Large-scale vertical tank infrastructure optimized for strategic fuel storage reserves.\",\r\n image: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/Oil_terminal_tank_farm.jpg\"\r\n },\r\n {\r\n kicker: \"Maritime Distillates\",\r\n title: \"Marine Gas Oil (MGO) Bulk Logistics\",\r\n desc: \"Heavy marine machinery distillate fuels perfectly engineered for oceanic corridors and coastal freight vessels. High capacity throughput infrastructure supports continuous deep-sea bunkering workflows.\",\r\n pill: \"<strong>Capabilities:<\/strong> Integrated coastal marine terminal assets connecting bulk cargo lines.\",\r\n image: \"https:\/\/plus.unsplash.com\/premium_photo-1661903125434-9a785d965de5?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0\"\r\n },\r\n {\r\n kicker: \"Strategic Allocation\",\r\n title: \"High-Volume Storage Terminals\",\r\n desc: \"Extensive containment infrastructures supporting critical high-capacity fluid dynamics. Sophisticated network operations verify absolute volumetric precision across distribution points.\",\r\n pill: \"<strong>Capabilities:<\/strong> Comprehensive midstream tank terminal setups built for continuous load allocations.\",\r\n image: \"https:\/\/plus.unsplash.com\/premium_photo-1661903125434-9a785d965de5?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0\"\r\n }\r\n];\r\n\r\nlet slideIndex = 0;\r\nconst durationTime = 6000; \/\/ Auto-rotate every 6 seconds\r\n\r\n\/\/ Generate background slices & track bars dynamically on initialization\r\nfunction buildSliderElements() {\r\n const bgContainer = document.getElementById('bg-images-target');\r\n const dotsContainer = document.getElementById('dots-sync-target');\r\n \r\n bgContainer.innerHTML = '';\r\n dotsContainer.innerHTML = '';\r\n \r\n lotremsCapabilitiesSlider.forEach((slide, i) => {\r\n \/\/ Build image node\r\n const imgDiv = document.createElement('div');\r\n imgDiv.className = `lotrems-slide-img${i === 0 ? ' active' : ''}`;\r\n imgDiv.style.backgroundImage = `url('${slide.image}')`;\r\n bgContainer.appendChild(imgDiv);\r\n \r\n \/\/ Build progress bar indicator\r\n const barDiv = document.createElement('div');\r\n barDiv.className = `track-bar${i === 0 ? ' active' : ''}`;\r\n dotsContainer.appendChild(barDiv);\r\n });\r\n}\r\n\r\nfunction processAutoSlideUpdate() {\r\n const textWrapper = document.getElementById('text-sync-target');\r\n const images = document.querySelectorAll('.lotrems-slide-img');\r\n const bars = document.querySelectorAll('.slider-dots-container .track-bar');\r\n \r\n \/\/ Set index targets\r\n slideIndex = (slideIndex + 1) % lotremsCapabilitiesSlider.length;\r\n const currentData = lotremsCapabilitiesSlider[slideIndex];\r\n \r\n \/\/ Smoothly step text out\r\n textWrapper.classList.add('switching');\r\n \r\n \/\/ Swap background image layers instantly via opacity stack transitions\r\n images.forEach(img => img.classList.remove('active'));\r\n images[slideIndex].classList.add('active');\r\n \r\n \/\/ Restart progress track bars smoothly\r\n bars.forEach(bar => bar.classList.remove('active'));\r\n \r\n setTimeout(() => {\r\n \/\/ Change text values during invisible opacity node state\r\n document.getElementById('slide-heading').innerHTML = `<span>Lotrems Energy<\/span>${currentData.title}`;\r\n document.getElementById('slide-description').innerText = currentData.desc;\r\n document.getElementById('slide-pill').innerHTML = currentData.pill;\r\n \r\n \/\/ Fade content layer smoothly back into view\r\n textWrapper.classList.remove('switching');\r\n bars[slideIndex].classList.add('active');\r\n }, 400);\r\n}\r\n\r\n\/\/ Run engine initialization setup\r\nbuildSliderElements();\r\n\r\n\/\/ Run continuous interval loops tracking capabilities text changes and image swaps\r\nsetInterval(processAutoSlideUpdate, durationTime);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"elementor-section elementor-top-section elementor-element elementor-element-943dab8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"943dab8\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n \n <div class=\"elementor-container elementor-column-gap-no \">\n <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e13851a\" data-id=\"e13851a\" data-element_type=\"column\">\n <div class=\"elementor-widget-wrap elementor-element-populated\">\n \n \t\t<div class=\"elementor-element elementor-element-ff2b8a9 elementor-widget elementor-widget-html\" data-id=\"ff2b8a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lv-modern\">\r\n\r\n <div class=\"lv-container\">\r\n\r\n <!-- HERO IMAGE + HEADER WRAP -->\r\n <div class=\"lv-hero\">\r\n\r\n <!-- IMAGE -->\r\n <div class=\"lv-hero-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/web_credit-to-upa-koreas-first-green-methanol-sts-b1_Main.png\" alt=\"Logistics Operations\">\r\n <\/div>\r\n\r\n <!-- HEADER -->\r\n <div class=\"lv-header\">\r\n\r\n <span class=\"lv-kicker\">Operational Integrity<\/span>\r\n\r\n <h2>Logistics & Compliance Framework<\/h2>\r\n\r\n <p>\r\n Integrated execution systems ensuring secure cargo movement, regulated terminal handling,\r\n and strict counterparty validation across sovereign-grade transactions.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- GRID -->\r\n <div class=\"lv-grid\">\r\n\r\n <!-- CARD 1 -->\r\n <div class=\"lv-card\">\r\n\r\n <div class=\"icon\">\ud83d\udea2<\/div>\r\n\r\n <h3>Logistics Integration<\/h3>\r\n\r\n <p>\r\n Coastline marine supply coordination, terminal cargo reception, and customs clearance control.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- CARD 2 -->\r\n <div class=\"lv-card\">\r\n\r\n <div class=\"icon\">\ud83d\udee1\ufe0f<\/div>\r\n\r\n <h3>Vetting Standards<\/h3>\r\n\r\n <p>\r\n Rigorous counterparty protocols designed to eliminate execution risk in sovereign tenders.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* SECTION *\/\r\n.lv-modern{\r\n background: linear-gradient(180deg, #f7f9fc, #eef3f8);\r\n padding: 90px 20px;\r\n font-family: 'Inter', sans-serif;\r\n color: #0B132B;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.lv-container{\r\n max-width: 1100px;\r\n margin: auto;\r\n}\r\n\r\n\/* HERO WRAP *\/\r\n.lv-hero{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.lv-hero-img img{\r\n width: 100%;\r\n height: 320px;\r\n object-fit: cover;\r\n border-radius: 18px;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.12);\r\n transform: scale(1);\r\n transition: 0.4s ease;\r\n}\r\n\r\n.lv-hero-img img:hover{\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* HEADER *\/\r\n.lv-header{\r\n text-align: left;\r\n}\r\n\r\n.lv-kicker{\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #64748b;\r\n}\r\n\r\n.lv-header h2{\r\n font-size: 40px;\r\n margin: 8px 0 10px;\r\n font-weight: 800;\r\n}\r\n\r\n.lv-header p{\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #5b6472;\r\n max-width: 750px;\r\n}\r\n\r\n\/* GRID *\/\r\n.lv-grid{\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 22px;\r\n}\r\n\r\n\/* CARD (BLUE PREMIUM STYLE) *\/\r\n.lv-card{\r\n background: linear-gradient(135deg, #0B1B3D, #123A7A);\r\n border-radius: 18px;\r\n padding: 28px;\r\n color: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 18px 45px rgba(11,27,61,0.25);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n\/* glow effect *\/\r\n.lv-card::before{\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 60%);\r\n transform: rotate(25deg);\r\n opacity: 0;\r\n transition: 0.5s;\r\n}\r\n\r\n.lv-card:hover::before{\r\n opacity: 1;\r\n}\r\n\r\n.lv-card:hover{\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 30px 70px rgba(11,27,61,0.35);\r\n}\r\n\r\n\/* ICON BIG *\/\r\n.icon{\r\n font-size: 42px;\r\n margin-bottom: 12px;\r\n animation: floatIcon 3s ease-in-out infinite;\r\n}\r\n\r\n\/* ICON ANIMATION *\/\r\n@keyframes floatIcon{\r\n 0%,100%{ transform: translateY(0); }\r\n 50%{ transform: translateY(-6px); }\r\n}\r\n\r\n\/* TEXT *\/\r\n.lv-card h3{\r\n font-size: 18px;\r\n margin-bottom: 8px;\r\n font-weight: 700;\r\n color: #ffffff; \/* Explicitly forced heading writing to stark white *\/\r\n}\r\n\r\n.lv-card p{\r\n font-size: 13.5px;\r\n line-height: 1.6;\r\n opacity: 0.9;\r\n margin-bottom: 16px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.lv-btn{\r\n display: inline-block;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n color: #0B1B3D;\r\n background: #ffffff;\r\n transition: 0.3s ease;\r\n}\r\n\r\n.lv-btn:hover{\r\n transform: translateY(-2px);\r\n background: #eaf2ff;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width: 900px){\r\n .lv-hero{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .lv-grid{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .lv-header h2{\r\n font-size: 30px;\r\n }\r\n\r\n .lv-hero-img img{\r\n height: 240px;\r\n }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"elementor-section elementor-top-section elementor-element elementor-element-22face7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"22face7\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n \n <div class=\"elementor-container elementor-column-gap-no \">\n <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0081a2d\" data-id=\"0081a2d\" data-element_type=\"column\">\n <div class=\"elementor-widget-wrap elementor-element-populated\">\n \n \t\t<div class=\"elementor-element elementor-element-fc6ef21 elementor-widget elementor-widget-html\" data-id=\"fc6ef21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Modern Trade Optimization Flow<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Reset container rules to isolate perfectly inside WordPress *\/\r\n.modern-trade-section {\r\n all: unset;\r\n box-sizing: border-box;\r\n font-family: 'Inter', sans-serif;\r\n background: #060b1a;\r\n color: #ffffff;\r\n display: block;\r\n padding: 100px 6%;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.modern-trade-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* Master Grid Layout *\/\r\n.modern-trade-grid {\r\n max-width: 1450px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1.3fr 0.1fr;\r\n gap: 60px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* LEFT COLUMN: Hero Headers *\/\r\n.modern-trade-section .hero-col {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.modern-trade-section .tech-badge {\r\n background: #0b132b;\r\n border: 1px solid #00cfff;\r\n color: #00cfff;\r\n padding: 8px 18px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n box-shadow: 0 0 15px rgba(0, 207, 255, 0.15);\r\n}\r\n\r\n.modern-trade-section h2 {\r\n font-size: clamp(40px, 5vw, 68px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.modern-trade-section h2 span {\r\n color: #00ffc8;\r\n display: block;\r\n}\r\n\r\n.modern-trade-section .hero-desc {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #bfd6ef;\r\n max-width: 520px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.modern-trade-section .cta-btn {\r\n display: inline-block;\r\n padding: 14px 32px;\r\n border: 2px solid #00cfff;\r\n background: rgba(11, 19, 43, 0.4);\r\n color: #ffffff;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 0 20px rgba(0, 207, 255, 0.1);\r\n}\r\n\r\n.modern-trade-section .cta-btn:hover {\r\n background: #00cfff;\r\n color: #060b1a;\r\n box-shadow: 0 0 30px rgba(0, 207, 255, 0.4);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* CENTER COLUMN: Modern Dashboard Cards *\/\r\n.modern-trade-section .dashboard-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n}\r\n\r\n.modern-trade-section .dashboard-card {\r\n background: #0b132b; \/* Your specified dark solid navy blue *\/\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 12px;\r\n padding: 30px;\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: 25px;\r\n align-items: center;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n\/* Glow lines mapped around the cards *\/\r\n.modern-trade-section .dashboard-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 12px;\r\n padding: 1px;\r\n background: linear-gradient(135deg, rgba(0,207,255,0.4), transparent, rgba(0,255,200,0.4));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.modern-trade-section .dashboard-card:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n border-color: transparent;\r\n box-shadow: 0 20px 40px rgba(6, 11, 26, 0.8), 0 0 30px rgba(0, 207, 255, 0.15);\r\n}\r\n\r\n.modern-trade-section .dashboard-card:hover::before {\r\n opacity: 1;\r\n}\r\n\r\n\/* Tech Dynamic Status Grid Rings Instead of Icons *\/\r\n.modern-trade-section .card-status-ring {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n border: 2px dashed rgba(0, 207, 255, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n\r\n.modern-trade-section .card-status-ring::after {\r\n content: '';\r\n width: 12px;\r\n height: 12px;\r\n background: #00ffc8;\r\n border-radius: 50%;\r\n box-shadow: 0 0 15px #00ffc8;\r\n}\r\n\r\n\/* Inline Track Controls *\/\r\n.modern-trade-section .card-meta {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.modern-trade-section .meta-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n}\r\n\r\n.modern-trade-section .meta-header h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n letter-spacing: 0.5px;\r\n color: #ffffff;\r\n}\r\n\r\n.modern-trade-section .meta-header .metric-pct {\r\n font-size: 32px;\r\n font-weight: 900;\r\n color: #00cfff;\r\n line-height: 1;\r\n}\r\n\r\n\/* Streamlined Status Progress Trackers *\/\r\n.modern-trade-section .progress-track {\r\n width: 100%;\r\n height: 8px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n margin: 6px 0;\r\n}\r\n\r\n.modern-trade-section .progress-bar-fill {\r\n height: 100%;\r\n border-radius: 20px;\r\n background: linear-gradient(90deg, #00cfff, #00ffc8);\r\n}\r\n\r\n.modern-trade-section .card-desc {\r\n font-size: 14px;\r\n color: #bdd6e9;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* RIGHT COLUMN: Stacked Vertical Accent Typography *\/\r\n.modern-trade-section .accent-col {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.modern-trade-section .vertical-text {\r\n writing-mode: vertical-rl;\r\n text-transform: uppercase;\r\n font-size: 15px;\r\n font-weight: 900;\r\n letter-spacing: 6px;\r\n color: rgba(255, 255, 255, 0.15);\r\n white-space: nowrap;\r\n border-left: 1px solid rgba(255, 255, 255, 0.08);\r\n padding-left: 15px;\r\n}\r\n\r\n\/* Dynamic Floating Ambient Tech Nodes Background *\/\r\n.modern-trade-section .bg-glow-blur {\r\n position: absolute;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(0, 207, 255, 0.08) 0%, transparent 70%);\r\n top: -100px;\r\n right: -100px;\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n\/* Responsive Structural Refinement *\/\r\n@media (max-width: 1200px) {\r\n .modern-trade-grid {\r\n grid-template-columns: 1fr 1.2fr;\r\n }\r\n .modern-trade-section .accent-col {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .modern-trade-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n .modern-trade-section .hero-col {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n .modern-trade-section .hero-desc {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .modern-trade-section {\r\n padding: 60px 4%;\r\n }\r\n .modern-trade-section .dashboard-card {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n text-align: center;\r\n }\r\n .modern-trade-section .card-status-ring {\r\n margin: 0 auto;\r\n }\r\n .modern-trade-section .meta-header {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"modern-trade-section\">\r\n <!-- Ambient Aesthetic Element -->\r\n <div class=\"bg-glow-blur\"><\/div>\r\n\r\n <div class=\"modern-trade-grid\">\r\n \r\n <!-- LEFT COLUMN: Content Intro -->\r\n <div class=\"hero-col\">\r\n <div class=\"tech-badge\">Trade Execution Framework<\/div>\r\n <h2>Trade <span>Optimization Flow<\/span><\/h2>\r\n <p class=\"hero-desc\">\r\n Structured Risk Mitigation & Zero-Risk Transaction Architecture. An operational framework engineered for high-volume refined fuel trading with automated execution protections.\r\n <\/p>\r\n <a href=\"https:\/\/www.lotremsenergy.com\/index.php\/contact-v-4\/\" class=\"cta-btn\">Request Consultation<\/a>\r\n <\/div>\r\n\r\n <!-- CENTER COLUMN: Interactive Dashboard Tracks -->\r\n <div class=\"dashboard-col\">\r\n \r\n <!-- Card 1 -->\r\n <div class=\"dashboard-card\">\r\n <div class=\"card-status-ring\"><\/div>\r\n <div class=\"card-meta\">\r\n <div class=\"meta-header\">\r\n <h3>Sovereign Placement<\/h3>\r\n <div class=\"metric-pct\">70%<\/div>\r\n <\/div>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-bar-fill\" style=\"width: 70%;\"><\/div>\r\n <\/div>\r\n <p class=\"card-desc\">Direct allocation linked securely to verified Letters of Credit and institutional buy layers.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"dashboard-card\">\r\n <div class=\"card-status-ring\"><\/div>\r\n <div class=\"card-meta\">\r\n <div class=\"meta-header\">\r\n <h3>Refinery Sourcing<\/h3>\r\n <div class=\"metric-pct\">20%<\/div>\r\n <\/div>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-bar-fill\" style=\"width: 20%;\"><\/div>\r\n <\/div>\r\n <p class=\"card-desc\">Tier-1 production refinery contracts alongside protected global cargo desk pathways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"dashboard-card\">\r\n <div class=\"card-status-ring\"><\/div>\r\n <div class=\"card-meta\">\r\n <div class=\"meta-header\">\r\n <h3>Structured Fees<\/h3>\r\n <div class=\"metric-pct\">10%<\/div>\r\n <\/div>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-bar-fill\" style=\"width: 10%;\"><\/div>\r\n <\/div>\r\n <p class=\"card-desc\">Optimized allocation execution margins running inside controlled risk layers.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- RIGHT COLUMN: Clean Typography Accent Line -->\r\n <div class=\"accent-col\">\r\n <div class=\"vertical-text\">Next Gen Trade Architecture<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f31fe76 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"f31fe76\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched","background_background":"video","background_video_link":"https:\\\/\\\/www.lotremsenergy.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/14807922-hd_1920_1080_30fps.mp4","background_play_on_mobile":"yes","background_privacy_mode":"yes"}\">\n <div class=\"elementor-background-video-container\">\n <video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n <\/div>\n <div class=\"elementor-background-overlay\"><\/div>\n \n <div class=\"elementor-container elementor-column-gap-no \">\n <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ce172aa\" data-id=\"ce172aa\" data-element_type=\"column\">\n <div class=\"elementor-widget-wrap\">\n \n <\/div>\n <\/div>\n <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-aae2892 col-offset-right\" data-id=\"aae2892\" data-element_type=\"column\" data-settings=\"{"background_background":"classic"}\">\n <div class=\"elementor-widget-wrap elementor-element-populated\">\n <div class=\"elementor-background-overlay\"><\/div>\n \n \t\t<div class=\"elementor-element elementor-element-ffef273 elementor-widget elementor-widget-spacer\" data-id=\"ffef273\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd91106 elementor-widget elementor-widget-ct_heading\" data-id=\"fd91106\" data-element_type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"ct-heading h-align- sub-style1 ct-heading-left item-st-default\">\r\n\t <h3 class=\"item--title st-default \" data-wow-delay=\"ms\">\r\n <span class=\"sp-main\">\r\n \r\n Lotrems Energy \n\n\r\n \r\n <\/span>\r\n <\/h3>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ed7a5a elementor-widget elementor-widget-ct_text_editor\" data-id=\"1ed7a5a\" data-element_type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ct_text_editor-1ed7a5a\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-inline-css\" data-css=\"\n \t\t\">\n\n <\/div>\n\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t<p>To become a globally trusted energy logistics partner recognized for integrity, operational precision, and innovation. We aim to strengthen cross-border fuel distribution networks while maintaining the highest standards of compliance, transparency, and long-term sustainability.<\/p>\t\t\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fda3c8e elementor-widget elementor-widget-spacer\" data-id=\"fda3c8e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lotrems Energy Premium Light Hero Slide Lotrems Energy An independent energy logistics and supply firm coordinating the sourcing and distribution of refined hydrocarbons. With an active operations base in Ecuador and strategic positioning in U.S. markets, we bridge prime refinery products with critical regional demand hubs across Latin America. Operational Network: Cross-border fuel logistics across […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":6103,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/6103"}],"wp:attachment":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}