{"id":5794,"date":"2026-06-28T08:57:24","date_gmt":"2026-06-28T07:57:24","guid":{"rendered":"https:\/\/www.lotremsenergy.com\/?page_id=5794"},"modified":"2026-07-01T11:58:39","modified_gmt":"2026-07-01T10:58:39","slug":"capabilities","status":"publish","type":"page","link":"https:\/\/www.lotremsenergy.com\/index.php\/capabilities\/","title":{"rendered":"Capabilities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5794\" class=\"elementor elementor-5794\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-11b4eb2 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=\"11b4eb2\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-afb3137\" data-id=\"afb3137\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-c5f7370 elementor-widget elementor-widget-html\" data-id=\"c5f7370\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"premium-energy\">\r\n\r\n  <div class=\"premium-container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"premium-content\">\r\n\r\n      <span class=\"premium-kicker\">Capabilities Overview<\/span>\r\n\r\n      <h2 class=\"premium-title\">\r\n        Technical Precision &<br>\r\n        Logistics Excellence\r\n      <\/h2>\r\n\r\n      <p class=\"intro\">\r\n        High-quality refined middle distillates with a specialized focus on premium hydrocarbons, delivered through controlled, verified, and compliant supply chains.\r\n      <\/p>\r\n\r\n      <!-- AUTOMATIC SLIDESHOW BLUE CARD -->\r\n      <div class=\"premium-card-blue\">\r\n        \r\n        <div class=\"card-inner-content\">\r\n          <div class=\"card-head\">\r\n            <div class=\"icon\" id=\"auto-icon\">\ud83d\udee2\ufe0f<\/div>\r\n            <h4 id=\"auto-title\">Ultra-Low Sulfur Diesel (ULSD 10ppm)<\/h4>\r\n          <\/div>\r\n          <p id=\"auto-desc\">\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        <\/div>\r\n\r\n        <!-- PROGRESS DOTS \/ CONTROLS -->\r\n        <div class=\"slideshow-indicators\">\r\n          <span class=\"dot active\" onclick=\"jumpToSlide(0)\"><\/span>\r\n          <span class=\"dot\" onclick=\"jumpToSlide(1)\"><\/span>\r\n          <span class=\"dot\" onclick=\"jumpToSlide(2)\"><\/span>\r\n          <span class=\"dot\" onclick=\"jumpToSlide(3)\"><\/span>\r\n          <span class=\"dot\" onclick=\"jumpToSlide(4)\"><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"premium-visual\">\r\n\r\n      <div class=\"visual-stack\">\r\n        <div class=\"img large\" id=\"auto-visual-large\" style=\"background-image: url('https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/f95716818c6bd2c3b3b1080220a1d9f2.webp');\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"floating-note\" id=\"auto-visual-note\">\r\n        ULSD 10ppm: Guaranteed ultra-low sulfur levels for heavy industrial engines.\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:root{\r\n  --blue:#1e5eff;\r\n  --text:#0f172a;\r\n  --muted:#4b5563;\r\n}\r\n\r\n\/* SECTION *\/\r\n.premium-energy{\r\n  background:#f3f5f9;\r\n  padding:110px 20px;\r\n  font-family:'Inter',sans-serif;\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n\r\n\/* soft glow *\/\r\n.premium-energy::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-200px;\r\n  right:-200px;\r\n  width:500px;\r\n  height:500px;\r\n  background:radial-gradient(circle, rgba(30,94,255,0.18), transparent 60%);\r\n  filter:blur(40px);\r\n}\r\n\r\n\/* container *\/\r\n.premium-container{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1.1fr 0.9fr;\r\n  gap:70px;\r\n  align-items:center;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n.premium-kicker{\r\n  font-size:12px;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:#64748b;\r\n  margin-bottom:12px;\r\n  display:inline-block;\r\n}\r\n\r\n.premium-title{\r\n  font-size:46px;\r\n  font-weight:900;\r\n  line-height:1.2;\r\n  margin-bottom:18px;\r\n  color:var(--blue);\r\n  animation:fadeUp 1s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp{\r\n  from{opacity:0; transform:translateY(20px);}\r\n  to{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n.intro{\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  color:var(--muted);\r\n  margin-bottom:30px;\r\n  animation:fadeUp 1.2s ease forwards;\r\n}\r\n\r\n\/* BLUE SLIDESHOW CARD *\/\r\n.premium-card-blue{\r\n  background:#0f2a5a;\r\n  border-radius:16px;\r\n  padding:35px 30px;\r\n  box-shadow:0 20px 50px rgba(0,0,0,0.15);\r\n  position: relative;\r\n  overflow: hidden;\r\n  border:1px solid rgba(255,255,255,0.12);\r\n  animation:fadeUp 1.3s ease forwards;\r\n}\r\n\r\n.card-inner-content {\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.card-head{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.card-head .icon{\r\n  width:44px;\r\n  height:44px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:12px;\r\n  background:rgba(255,255,255,0.12);\r\n  color:#ffffff;\r\n  font-size:18px;\r\n}\r\n\r\n.premium-card-blue h4{\r\n  font-size:19px;\r\n  font-weight:800;\r\n  color:#ffffff;\r\n  margin:0;\r\n}\r\n\r\n.premium-card-blue p{\r\n  font-size:14.5px;\r\n  color:rgba(255,255,255,0.8);\r\n  line-height:1.75;\r\n  margin-bottom:25px;\r\n  min-height: 76px; \/* Prevents layout shifting when text sizes vary slightly *\/\r\n}\r\n\r\n\/* SLIDESHOW DOT INDICATORS *\/\r\n.slideshow-indicators {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.slideshow-indicators .dot {\r\n  width: 24px;\r\n  height: 4px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  border-radius: 2px;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.slideshow-indicators .dot.active {\r\n  background: var(--blue);\r\n  width: 40px;\r\n}\r\n\r\n\/* RIGHT VISUAL *\/\r\n.premium-visual{\r\n  position:relative;\r\n}\r\n\r\n.visual-stack{\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n}\r\n\r\n.img.large{\r\n  height:440px;\r\n  border-radius:18px;\r\n  background-size:cover;\r\n  background-position:center;\r\n  box-shadow:0 25px 60px rgba(0,0,0,0.15);\r\n  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n\/* FLOAT NOTE *\/\r\n.floating-note{\r\n  position:absolute;\r\n  bottom:-20px;\r\n  left:20px;\r\n  right:20px;\r\n  background:#ffffff;\r\n  border:1px solid #e5e7eb;\r\n  padding:14px 16px;\r\n  font-size:12px;\r\n  color:#4b5563;\r\n  border-radius:12px;\r\n  box-shadow:0 15px 40px rgba(0,0,0,0.08);\r\n  font-weight:500;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .premium-container{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .premium-title{\r\n    font-size:32px;\r\n  }\r\n\r\n  .img.large{\r\n    height:280px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Data array containing all slide options\r\nconst autoSlidesDataset = [\r\n  {\r\n    icon: \"\ud83d\udee2\ufe0f\",\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    image: \"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/f95716818c6bd2c3b3b1080220a1d9f2.webp\",\r\n    note: \"ULSD 10ppm: Guaranteed ultra-low sulfur levels for heavy industrial engines.\"\r\n  },\r\n  {\r\n    icon: \"\u2708\ufe0f\",\r\n    title: \"Jet A-1 Aviation Fuel\",\r\n    desc: \"Sovereign-grade commercial aviation fuel processed under rigorous international stringencies. Designed to operate flawlessly inside extreme thermal limits with optimized anti-freezing properties for intercontinental networks.\",\r\n    image: \"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/web_credit-to-upa-koreas-first-green-methanol-sts-b1_Main.png\",\r\n    note: \"Jet A-1: Pure commercial standard aviation fuel engineered for complex flight pathways.\"\r\n  },\r\n  {\r\n    icon: \"\ud83d\udea2\",\r\n    title: \"Marine Gas Oil (MGO) Supply\",\r\n    desc: \"Heavy marine machinery distillate fuels perfectly engineered for oceanic corridors and coastal freight vessels. Features high thermal efficiency and steady viscosity controls matching international marine protocols.\",\r\n    image: \"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/06\/Jan-31-Fukujin-Kisen-to-deploy-hybrid-VSAT-Starlink-networks-on-board.jpg\",\r\n    note: \"MGO Supply: High flashpoint marine distillate fueling maritime supply chains.\"\r\n  },\r\n  {\r\n    icon: \"\ud83d\udcca\",\r\n    title: \"ASTM Compliance & Vetting\",\r\n    desc: \"Strict quality control metrics governing every transaction pipeline. We cross-verify trace chemical limits, testing flashpoints, densities, and water retention indexes to ensure total alignment with international regulations.\",\r\n    image: \"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/marine-sales-158267.jpg\",\r\n    note: \"ASTM Protocol: Absolute technical precision validated via rigorous testing metrics.\"\r\n  },\r\n  {\r\n    icon: \"\ud83c\udf0d\",\r\n    title: \"Global Logistics Infrastructure\",\r\n    desc: \"End-to-end multi-market hydrocarbon coordination routing energy across essential LATAM supply channels. Secure shipping controls, active tracking updates, and terminal operations protect cargo delivery speeds.\",\r\n    image: \"https:\/\/www.lotremsenergy.com\/wp-content\/uploads\/2026\/07\/f95716818c6bd2c3b3b1080220a1d9f2.webp\",\r\n    note: \"Logistics: Strategic cross-border storage and rapid energy routing networks.\"\r\n  }\r\n];\r\n\r\nlet currentSlideIdx = 0;\r\nconst slideDuration = 5000; \/\/ Time element in milliseconds per slide (5 seconds)\r\nlet slideshowTimer = setInterval(autoAdvanceSlides, slideDuration);\r\n\r\nfunction renderSlide(index) {\r\n  const data = autoSlidesDataset[index];\r\n  \r\n  const textContainer = document.querySelector('.card-inner-content');\r\n  const imgEl = document.getElementById('auto-visual-large');\r\n  const noteEl = document.getElementById('auto-visual-note');\r\n  const dots = document.querySelectorAll('.slideshow-indicators .dot');\r\n\r\n  \/\/ Trigger quick fade out effect\r\n  textContainer.style.opacity = '0';\r\n  imgEl.style.opacity = '0.3';\r\n\r\n  setTimeout(() => {\r\n    \/\/ Inject content changes\r\n    document.getElementById('auto-icon').innerText = data.icon;\r\n    document.getElementById('auto-title').innerText = data.title;\r\n    document.getElementById('auto-desc').innerText = data.desc;\r\n    imgEl.style.backgroundImage = `url('${data.image}')`;\r\n    noteEl.innerText = data.note;\r\n\r\n    \/\/ Toggle active dot layout states\r\n    dots.forEach(d => d.classList.remove('active'));\r\n    dots[index].classList.add('active');\r\n\r\n    \/\/ Fade elements back into view cleanly\r\n    textContainer.style.opacity = '1';\r\n    imgEl.style.opacity = '1';\r\n  }, 250);\r\n}\r\n\r\nfunction autoAdvanceSlides() {\r\n  currentSlideIdx = (currentSlideIdx + 1) % autoSlidesDataset.length;\r\n  renderSlide(currentSlideIdx);\r\n}\r\n\r\n\/\/ Fallback logic when user interacts manually with index dots\r\nfunction jumpToSlide(index) {\r\n  clearInterval(slideshowTimer); \/\/ Stop automation loops instantly when clicked\r\n  currentSlideIdx = index;\r\n  renderSlide(index);\r\n  slideshowTimer = setInterval(autoAdvanceSlides, slideDuration); \/\/ Restart timing cycle cleanly\r\n}\r\n<\/script>\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>Capabilities Overview Technical Precision &#038; Logistics Excellence High-quality refined middle distillates with a specialized focus on premium hydrocarbons, delivered through controlled, verified, and compliant supply chains. \ud83d\udee2\ufe0f Ultra-Low Sulfur Diesel (ULSD 10ppm) 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 [&hellip;]<\/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-5794","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/5794","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=5794"}],"version-history":[{"count":10,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/5794\/revisions"}],"predecessor-version":[{"id":6088,"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/pages\/5794\/revisions\/6088"}],"wp:attachment":[{"href":"https:\/\/www.lotremsenergy.com\/index.php\/wp-json\/wp\/v2\/media?parent=5794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}