first commit

public/css/non-used/comparision.css

@@ -0,0 +1,486 @@
+/* comparison approach -- ── SECTION HTML ── */
+/* ── ALL STYLES SCOPED UNDER .dm-compare-section ── */
+
+.dm-compare-section *,
+.dm-compare-section *::before,
+.dm-compare-section *::after {
+  box-sizing: border-box;
+}
+
+.dm-compare-section {
+  --dm-red: #c01227;
+  --dm-red-light: #fdf0f2;
+  --dm-red-border: rgba(192, 18, 39, 0.12);
+  --dm-red-hover: rgba(192, 18, 39, 0.025);
+  --dm-green: #1dab6e;
+  --dm-green-light: #edfaf4;
+  --dm-dark: #1a1e2e;
+  --dm-muted: #8d93a8;
+  --dm-white: #ffffff;
+  --dm-border: rgba(0, 0, 0, 0.07);
+
+  width: 100%;
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 90px 40px 100px;
+  position: relative;
+  font-family: "Manrope", Sans-serif;
+}
+
+/* grid background */
+.dm-compare-section::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-image:
+    linear-gradient(to right, rgba(0, 0, 0, 0.035) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(0, 0, 0, 0.035) 1px, transparent 1px);
+  background-size: 70px 70px;
+  pointer-events: none;
+  mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
+  -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
+  z-index: 0;
+  border-radius: 24px;
+}
+
+/* ── HEADER ── */
+.dm-compare-section .dm-section-header {
+  text-align: center;
+  margin-bottom: 56px;
+  position: relative;
+  z-index: 1;
+}
+
+.dm-compare-section .dm-eyebrow {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  font-family: 'Barlow Condensed', sans-serif;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 3.5px;
+  text-transform: uppercase;
+  color: var(--dm-red);
+  margin-bottom: 18px;
+  opacity: 0;
+  transform: translateY(18px);
+  transition: opacity 0.55s ease, transform 0.55s ease;
+}
+
+.dm-compare-section .dm-eyebrow::before,
+.dm-compare-section .dm-eyebrow::after {
+  content: '';
+  display: block;
+  width: 28px;
+  height: 1px;
+  background: var(--dm-red);
+}
+
+.dm-compare-section .dm-section-title {
+  font-family: 'Barlow Condensed', sans-serif;
+  font-size: clamp(36px, 5vw, 62px);
+  font-weight: 800;
+  color: var(--dm-dark);
+  line-height: 1.05;
+  letter-spacing: -1px;
+  margin: 0;
+  opacity: 0;
+  transform: translateY(28px);
+  transition: opacity 0.65s ease 0.12s, transform 0.65s ease 0.12s;
+}
+
+.dm-compare-section .dm-section-title em {
+  font-style: normal;
+  color: var(--dm-red);
+  position: relative;
+}
+
+.dm-compare-section .dm-section-title em::after {
+  content: '';
+  position: absolute;
+  bottom: 3px;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: var(--dm-red);
+  border-radius: 2px;
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform 0.8s cubic-bezier(.16, 1, .3, 1) 0.85s;
+}
+
+.dm-compare-section .dm-section-sub {
+  margin-top: 18px;
+  font-size: 15.5px;
+  color: var(--dm-muted);
+  line-height: 1.7;
+  opacity: 0;
+  transform: translateY(18px);
+  transition: opacity 0.65s ease 0.26s, transform 0.65s ease 0.26s;
+}
+
+/* ── IN-VIEW TRIGGERS ── */
+.dm-compare-section.dm-in-view .dm-eyebrow {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.dm-compare-section.dm-in-view .dm-section-title {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.dm-compare-section.dm-in-view .dm-section-title em::after {
+  transform: scaleX(1);
+}
+
+.dm-compare-section.dm-in-view .dm-section-sub {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* ── TABLE WRAPPER ── */
+.dm-compare-section .dm-compare-wrap {
+  position: relative;
+  z-index: 1;
+  border-radius: 22px;
+  overflow: hidden;
+  box-shadow: 0 8px 50px rgba(0, 0, 0, 0.09);
+  background: var(--dm-white);
+  opacity: 0;
+  transform: translateY(40px);
+  transition: opacity 0.75s cubic-bezier(.16, 1, .3, 1) 0.35s,
+    transform 0.75s cubic-bezier(.16, 1, .3, 1) 0.35s;
+}
+
+.dm-compare-section.dm-in-view .dm-compare-wrap {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* ── COLUMN HEADERS ── */
+.dm-compare-section .dm-col-headers {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  position: relative;
+}
+
+.dm-compare-section .dm-col-headers::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 1px;
+  background: var(--dm-border);
+}
+
+.dm-compare-section .dm-col-head {
+  padding: 26px 40px;
+  font-family: 'Barlow Condensed', sans-serif;
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 2.5px;
+  text-transform: uppercase;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.dm-compare-section .dm-col-head.dm-traditional {
+  background: #f7f8fa;
+  color: var(--dm-muted);
+  border-bottom: 1px solid var(--dm-border);
+}
+
+.dm-compare-section .dm-col-head.dm-doormile {
+  background: var(--dm-red-light);
+  color: var(--dm-red);
+  border-bottom: 1px solid var(--dm-red-border);
+  position: relative;
+  overflow: hidden;
+}
+
+.dm-compare-section .dm-col-head.dm-doormile::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 60%;
+  height: 100%;
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
+  animation: dm-shimmer 3s ease-in-out infinite 1.2s;
+}
+
+@keyframes dm-shimmer {
+  0% {
+    left: -100%;
+  }
+
+  50% {
+    left: 140%;
+  }
+
+  100% {
+    left: 140%;
+  }
+}
+
+.dm-compare-section .dm-col-head-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon {
+  background: #ececee;
+}
+
+.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon {
+  background: rgba(192, 18, 39, 0.15);
+}
+
+.dm-compare-section .dm-col-head-icon svg {
+  width: 14px;
+  height: 14px;
+  stroke-width: 2.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+
+.dm-compare-section .dm-col-head.dm-traditional .dm-col-head-icon svg {
+  stroke: var(--dm-muted);
+}
+
+.dm-compare-section .dm-col-head.dm-doormile .dm-col-head-icon svg {
+  stroke: var(--dm-red);
+}
+
+/* ── ROWS ── */
+.dm-compare-section .dm-compare-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border-top: 1px solid var(--dm-border);
+  position: relative;
+  overflow: hidden;
+  opacity: 0;
+  transform: translateX(-16px);
+  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.16, 1, .3, 1);
+}
+
+.dm-compare-section.dm-in-view .dm-compare-row:nth-child(1) {
+  opacity: 1;
+  transform: translateX(0);
+  transition-delay: 0.55s;
+}
+
+.dm-compare-section.dm-in-view .dm-compare-row:nth-child(2) {
+  opacity: 1;
+  transform: translateX(0);
+  transition-delay: 0.68s;
+}
+
+.dm-compare-section.dm-in-view .dm-compare-row:nth-child(3) {
+  opacity: 1;
+  transform: translateX(0);
+  transition-delay: 0.81s;
+}
+
+.dm-compare-section.dm-in-view .dm-compare-row:nth-child(4) {
+  opacity: 1;
+  transform: translateX(0);
+  transition-delay: 0.94s;
+}
+
+.dm-compare-section .dm-compare-row::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: var(--dm-red-hover);
+  opacity: 0;
+  transition: opacity 0.25s;
+  pointer-events: none;
+}
+
+.dm-compare-section .dm-compare-row:hover::before {
+  opacity: 1;
+}
+
+/* ── CELLS ── */
+.dm-compare-section .dm-cell {
+  padding: 28px 40px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  font-size: 15px;
+  line-height: 1.5;
+  position: relative;
+}
+
+.dm-compare-section .dm-cell.dm-right {
+  border-left: 1px solid var(--dm-border);
+  background: rgba(253, 248, 248, 0.4);
+}
+
+/* ── ICONS ── */
+.dm-compare-section .dm-cell-icon {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.35s cubic-bezier(.16, 1, .3, 1);
+}
+
+.dm-compare-section .dm-compare-row:hover .dm-cell-icon {
+  transform: scale(1.18) rotate(-5deg);
+}
+
+.dm-compare-section .dm-cell-icon.dm-bad {
+  background: var(--dm-red-light);
+}
+
+.dm-compare-section .dm-cell-icon.dm-good {
+  background: var(--dm-green-light);
+}
+
+.dm-compare-section .dm-cell-icon svg {
+  width: 15px;
+  height: 15px;
+  stroke-width: 2.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+
+.dm-compare-section .dm-cell-icon.dm-bad svg {
+  stroke: var(--dm-red);
+}
+
+.dm-compare-section .dm-cell-icon.dm-good svg {
+  stroke: var(--dm-green);
+}
+
+.dm-compare-section .dm-cell-text {
+  font-weight: 500;
+  color: var(--dm-dark);
+  transition: color 0.2s;
+  margin: 0;
+}
+
+.dm-compare-section .dm-cell.dm-left .dm-cell-text {
+  color: var(--dm-muted);
+}
+
+.dm-compare-section .dm-compare-row:hover .dm-cell.dm-right .dm-cell-text {
+  color: var(--dm-dark);
+}
+
+/* ── FOOTER BAR ── */
+.dm-compare-section .dm-compare-footer {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border-top: 1px solid var(--dm-border);
+}
+
+.dm-compare-section .dm-footer-cell {
+  padding: 22px 40px;
+  font-size: 12px;
+  font-family: 'Barlow Condensed', sans-serif;
+  font-weight: 700;
+  letter-spacing: 1.5px;
+  text-transform: uppercase;
+  color: var(--dm-muted);
+  background: #f9fafb;
+}
+
+.dm-compare-section .dm-footer-cell.dm-right {
+  background: var(--dm-red-light);
+  color: var(--dm-red);
+  border-left: 1px solid var(--dm-red-border);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.dm-compare-section .dm-footer-cell .dm-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--dm-red);
+  flex-shrink: 0;
+  animation: dm-pulse 1.8s ease-in-out infinite;
+}
+
+@keyframes dm-pulse {
+
+  0%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 0.35;
+    transform: scale(0.55);
+  }
+}
+
+/* ── RESPONSIVE ── */
+@media (max-width: 680px) {
+  .dm-compare-section {
+    padding: 60px 16px 70px;
+  }
+
+  .dm-compare-section .dm-col-head,
+  .dm-compare-section .dm-cell {
+    padding: 20px 20px;
+  }
+
+  .dm-compare-section .dm-footer-cell {
+    padding: 18px 20px;
+  }
+
+  .dm-compare-section .dm-col-head {
+    font-size: 11px;
+    letter-spacing: 1.5px;
+  }
+}
+
+/*
+<script>(function () {
+    var section=document.getElementById('dm-compare');
+    if ( !section) return;
+
+    function activate() {
+      section.classList.add('dm-in-view');
+    }
+
+    if ('IntersectionObserver' in window) {
+      var io=new IntersectionObserver(function (entries) {
+          entries.forEach(function (e) {
+              if (e.isIntersecting) {
+                activate(); io.unobserve(e.target);
+              }
+            });
+        }
+
+        , {
+        threshold: 0.15
+      });
+    io.observe(section);
+  }
+
+  else {
+    setTimeout(activate, 300);
+  }
+})();
+</script>
+*/

public/css/non-used/custom-apple-webkit.min.css

@@ -0,0 +1,100 @@
+.e--ua-appleWebkit.rtl {
+    --flex-right: flex-start
+}
+
+.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right {
+    --justify-content: var(--flex-right,flex-end)
+}
+
+.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center {
+    --justify-content: center
+}
+
+.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: var(--justify-content,space-between);
+    margin-left: calc(-.5 * var(--grid-column-gap));
+    margin-right: calc(-.5 * var(--grid-column-gap));
+    width: auto
+}
+
+.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item {
+    margin-left: calc(.5 * var(--grid-column-gap));
+    margin-right: calc(.5 * var(--grid-column-gap))
+}
+
+.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid {
+    display: inline-block
+}
+
+.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item {
+    margin-left: 0;
+    margin-right: 0
+}
+
+@media (max-width: 1024px) {
+    .e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right {
+        --justify-content:var(--flex-right,flex-end)
+    }
+
+    .e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center {
+        --justify-content: center
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: var(--justify-content,space-between);
+        margin-left: calc(-.5 * var(--grid-column-gap));
+        margin-right: calc(-.5 * var(--grid-column-gap));
+        width: auto
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item {
+        margin-left: calc(.5 * var(--grid-column-gap));
+        margin-right: calc(.5 * var(--grid-column-gap))
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid {
+        display: inline-block
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item {
+        margin-left: 0;
+        margin-right: 0
+    }
+}
+
+@media (max-width: 767px) {
+    .e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right {
+        --justify-content:var(--flex-right,flex-end)
+    }
+
+    .e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center {
+        --justify-content: center
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: var(--justify-content,space-between);
+        margin-left: calc(-.5 * var(--grid-column-gap));
+        margin-right: calc(-.5 * var(--grid-column-gap));
+        width: auto
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item {
+        margin-left: calc(.5 * var(--grid-column-gap));
+        margin-right: calc(.5 * var(--grid-column-gap))
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid {
+        display: inline-block
+    }
+
+    .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item {
+        margin-left: 0;
+        margin-right: 0
+    }
+}

public/css/non-used/custom-lightbox.min.css

@@ -0,0 +1,510 @@
+.elementor-lightbox {
+    --lightbox-ui-color: hsla(0, 0%, 93%, .9);
+    --lightbox-ui-color-hover: #fff;
+    --lightbox-text-color: var(--lightbox-ui-color);
+    --lightbox-header-icons-size: 20px;
+    --lightbox-navigation-icons-size: 25px
+}
+
+.elementor-lightbox:not(.elementor-popup-modal) .dialog-header,
+.elementor-lightbox:not(.elementor-popup-modal) .dialog-message {
+    text-align: center
+}
+
+.elementor-lightbox .dialog-header {
+    display: none
+}
+
+.elementor-lightbox .dialog-widget-content {
+    background: none;
+    box-shadow: none;
+    height: 100%;
+    width: 100%
+}
+
+
+.elementor-lightbox .dialog-message {
+    animation-duration: .3s;
+    height: 100%
+}
+
+.elementor-lightbox .dialog-message.dialog-lightbox-message {
+    padding: 0
+}
+
+.elementor-lightbox .dialog-lightbox-close-button {
+    cursor: pointer;
+    display: flex;
+    font-size: var(--lightbox-header-icons-size);
+    inset-inline-end: .75em;
+    line-height: 1;
+    margin-top: 13px;
+    padding: .25em;
+    position: absolute;
+    z-index: 2
+}
+
+.elementor-lightbox .dialog-lightbox-close-button svg {
+    height: 1em;
+    width: 1em
+}
+
+.elementor-lightbox .dialog-lightbox-close-button,
+.elementor-lightbox .elementor-swiper-button {
+    color: var(--lightbox-ui-color);
+    opacity: 1;
+    transition: all .3s
+}
+
+.elementor-lightbox .dialog-lightbox-close-button svg,
+.elementor-lightbox .elementor-swiper-button svg {
+    fill: var(--lightbox-ui-color)
+}
+
+.elementor-lightbox .dialog-lightbox-close-button:hover,
+.elementor-lightbox .elementor-swiper-button:hover {
+    color: var(--lightbox-ui-color-hover)
+}
+
+.elementor-lightbox .dialog-lightbox-close-button:hover svg,
+.elementor-lightbox .elementor-swiper-button:hover svg {
+    fill: var(--lightbox-ui-color-hover)
+}
+
+.elementor-lightbox .swiper {
+    height: 100%
+}
+
+.elementor-lightbox .elementor-lightbox-item {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    margin: auto;
+    padding: 70px;
+    position: relative
+}
+
+@media (max-width:767px) {
+    .elementor-lightbox .elementor-lightbox-item {
+        padding: 70px 0
+    }
+}
+
+.elementor-lightbox .elementor-lightbox-image {
+    max-height: 100%;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none
+}
+
+.elementor-lightbox .elementor-lightbox-image,
+.elementor-lightbox .elementor-lightbox-image:hover {
+    border: none;
+    filter: none;
+    opacity: 1
+}
+
+.elementor-lightbox .elementor-lightbox-image {
+    border-radius: 2px;
+    box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3)
+}
+
+.elementor-lightbox .elementor-video-container {
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-landscape,
+.elementor-lightbox .elementor-video-container .elementor-video-portrait,
+.elementor-lightbox .elementor-video-container .elementor-video-square {
+    height: 100%;
+    margin: auto;
+    width: 100%
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-square iframe {
+    background-color: #000;
+    border: 0
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-landscape video,
+.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-portrait video,
+.elementor-lightbox .elementor-video-container .elementor-video-square iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-square video {
+    aspect-ratio: var(--video-aspect-ratio, 1.77777)
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-square iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-square video {
+    height: min(90vh, 90vw);
+    width: min(90vh, 90vw)
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-landscape video {
+    height: auto;
+    max-height: 90vh;
+    width: 100%
+}
+
+.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,
+.elementor-lightbox .elementor-video-container .elementor-video-portrait video {
+    height: 100%;
+    max-width: 90vw
+}
+
+@media (min-width:1025px) {
+    .elementor-lightbox .elementor-video-container .elementor-video-landscape {
+        max-height: 85vh;
+        width: 85vw
+    }
+    .elementor-lightbox .elementor-video-container .elementor-video-portrait {
+        height: 85vh;
+        max-width: 85vw
+    }
+}
+
+@media (max-width:1024px) {
+    .elementor-lightbox .elementor-video-container .elementor-video-landscape {
+        max-height: 95vh;
+        width: 95vw
+    }
+    .elementor-lightbox .elementor-video-container .elementor-video-portrait {
+        height: 95vh;
+        max-width: 95vw
+    }
+}
+
+.elementor-lightbox .swiper .elementor-swiper-button-prev {
+    left: 0
+}
+
+.elementor-lightbox .swiper .elementor-swiper-button-next {
+    right: 0
+}
+
+.elementor-lightbox .swiper .swiper-pagination-fraction {
+    color: #fff;
+    width: -moz-max-content;
+    width: max-content
+}
+
+.elementor-lightbox .elementor-swiper-button:focus {
+    outline-width: 1px
+}
+
+.elementor-lightbox .elementor-swiper-button-next,
+.elementor-lightbox .elementor-swiper-button-prev {
+    align-items: center;
+    display: flex;
+    font-size: var(--lightbox-navigation-icons-size);
+    height: 100%;
+    justify-content: center;
+    width: 15%
+}
+
+@media (max-width:1024px) {
+    .elementor-lightbox .elementor-swiper-button-next:active,
+    .elementor-lightbox .elementor-swiper-button-prev:active {
+        -webkit-tap-highlight-color: transparent;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+    }
+    .elementor-lightbox .elementor-swiper-button-next i,
+    .elementor-lightbox .elementor-swiper-button-next svg,
+    .elementor-lightbox .elementor-swiper-button-prev i,
+    .elementor-lightbox .elementor-swiper-button-prev svg {
+        cursor: pointer
+    }
+    .elementor-lightbox .elementor-swiper-button-next i:active,
+    .elementor-lightbox .elementor-swiper-button-next svg:active,
+    .elementor-lightbox .elementor-swiper-button-prev i:active,
+    .elementor-lightbox .elementor-swiper-button-prev svg:active {
+        background-color: rgba(0, 0, 0, .5);
+        outline: none
+    }
+}
+
+@media (max-width:767px) {
+    .elementor-lightbox .elementor-swiper-button:focus {
+        outline: none
+    }
+    .elementor-lightbox .elementor-swiper-button-next,
+    .elementor-lightbox .elementor-swiper-button-prev {
+        width: 20%
+    }
+    .elementor-lightbox .elementor-swiper-button-next:active,
+    .elementor-lightbox .elementor-swiper-button-prev:active {
+        -webkit-tap-highlight-color: transparent;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+    }
+    .elementor-lightbox .elementor-swiper-button-next i,
+    .elementor-lightbox .elementor-swiper-button-prev i {
+        background-color: rgba(0, 0, 0, .5);
+        padding: 10px
+    }
+    .elementor-lightbox .elementor-swiper-button-next i,
+    .elementor-lightbox .elementor-swiper-button-next svg,
+    .elementor-lightbox .elementor-swiper-button-prev i,
+    .elementor-lightbox .elementor-swiper-button-prev svg {
+        cursor: pointer
+    }
+    .elementor-lightbox .elementor-swiper-button-next i:active,
+    .elementor-lightbox .elementor-swiper-button-next svg:active,
+    .elementor-lightbox .elementor-swiper-button-prev i:active,
+    .elementor-lightbox .elementor-swiper-button-prev svg:active {
+        background-color: rgba(0, 0, 0, .5);
+        outline: none
+    }
+    .elementor-lightbox .elementor-swiper-button-prev {
+        justify-content: flex-start;
+        left: 0
+    }
+    .elementor-lightbox .elementor-swiper-button-next {
+        justify-content: flex-end;
+        right: 0
+    }
+}
+
+.elementor-slideshow__counter {
+    color: currentColor;
+    font-size: .75em;
+    width: -moz-max-content;
+    width: max-content
+}
+
+.elementor-slideshow__footer,
+.elementor-slideshow__header {
+    left: 0;
+    padding: 15px 20px;
+    position: absolute;
+    transition: .3s;
+    width: 100%
+}
+
+.elementor-slideshow__footer {
+    color: var(--lightbox-text-color)
+}
+
+.elementor-slideshow__header {
+    align-items: center;
+    color: var(--lightbox-ui-color);
+    display: flex;
+    flex-direction: row-reverse;
+    font-size: var(--lightbox-header-icons-size);
+    padding-inline-end: 2.6em;
+    padding-inline-start: 1em;
+    top: 0;
+    z-index: 10
+}
+
+.elementor-slideshow__header>i,
+.elementor-slideshow__header>svg {
+    cursor: pointer;
+    margin: 0 .35em;
+    padding: .25em
+}
+
+.elementor-slideshow__header>i {
+    font-size: inherit
+}
+
+.elementor-slideshow__header>i:hover {
+    color: var(--lightbox-ui-color-hover)
+}
+
+.elementor-slideshow__header>svg {
+    box-sizing: content-box;
+    fill: var(--lightbox-ui-color);
+    height: 1em;
+    width: 1em
+}
+
+.elementor-slideshow__header>svg:hover {
+    fill: var(--lightbox-ui-color-hover)
+}
+
+.elementor-slideshow__header .elementor-slideshow__counter {
+    margin-inline-end: auto
+}
+
+.elementor-slideshow__header .elementor-icon-share {
+    z-index: 5
+}
+
+.elementor-slideshow__share-menu {
+    background-color: transparent;
+    height: 0;
+    overflow: hidden;
+    position: absolute;
+    transition: background-color .4s;
+    width: 0
+}
+
+.elementor-slideshow__share-menu .elementor-slideshow__share-links a {
+    color: #0c0d0e
+}
+
+.elementor-slideshow__share-links {
+    background-color: #fff;
+    border-radius: 3px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, .3);
+    display: block;
+    inset-inline-end: 2.8em;
+    min-width: 200px;
+    opacity: 0;
+    padding: 14px 20px;
+    position: absolute;
+    top: 3em;
+    transform: scale(0);
+    transform-origin: 90% 10%;
+    transition: all .25s .1s
+}
+
+.elementor-slideshow__share-links a {
+    color: #3f444b;
+    display: block;
+    font-size: 12px;
+    line-height: 2.5;
+    opacity: 0;
+    text-align: start;
+    transition: opacity .5s .1s
+}
+
+.elementor-slideshow__share-links a:hover {
+    color: #000
+}
+
+.elementor-slideshow__share-links a i,
+.elementor-slideshow__share-links a svg {
+    margin-inline-end: .75em
+}
+
+.elementor-slideshow__share-links a i {
+    font-size: 1.25em
+}
+
+.elementor-slideshow__share-links a svg {
+    height: 1.25em;
+    width: 1.25em
+}
+
+.elementor-slideshow__share-links:before {
+    border: .45em solid transparent;
+    border-bottom-color: #fff;
+    content: "";
+    display: block;
+    inset-inline-end: .5em;
+    position: absolute;
+    top: 1px;
+    transform: translateY(-100%) scaleX(.7)
+}
+
+.elementor-slideshow__footer {
+    bottom: 0;
+    position: fixed;
+    z-index: 5
+}
+
+.elementor-slideshow__description,
+.elementor-slideshow__title {
+    margin: 0
+}
+
+.elementor-slideshow__title {
+    font-size: 16px;
+    font-weight: 700
+}
+
+.elementor-slideshow__description {
+    font-size: 14px
+}
+
+.elementor-slideshow--ui-hidden .elementor-slideshow__footer,
+.elementor-slideshow--ui-hidden .elementor-slideshow__header {
+    opacity: 0;
+    pointer-events: none
+}
+
+.elementor-slideshow--ui-hidden .elementor-swiper-button-next,
+.elementor-slideshow--ui-hidden .elementor-swiper-button-prev {
+    opacity: 0
+}
+
+.elementor-slideshow--fullscreen-mode .elementor-video-container {
+    width: 100%
+}
+
+.elementor-slideshow--zoom-mode .elementor-slideshow__footer,
+.elementor-slideshow--zoom-mode .elementor-slideshow__header {
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.elementor-slideshow--zoom-mode .elementor-swiper-button-next,
+.elementor-slideshow--zoom-mode .elementor-swiper-button-prev {
+    opacity: 0;
+    pointer-events: none
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-menu {
+    background-color: rgba(0, 0, 0, .5);
+    cursor: default;
+    height: 100vh;
+    left: 0;
+    opacity: 1;
+    top: 0;
+    width: 100vw
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links {
+    transform: scale(1)
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links,
+.elementor-slideshow--share-mode .elementor-slideshow__share-links a {
+    opacity: 1
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter {
+    color: #1da1f2
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook {
+    color: #3b5998
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest {
+    color: #bd081c
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold {
+    color: #9da5ae
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter {
+    fill: #1da1f2
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook {
+    fill: #3b5998
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest {
+    fill: #bd081c
+}
+
+.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold {
+    fill: #9da5ae
+}
+
+.elementor-slideshow--share-mode .eicon-share-arrow {
+    z-index: 2
+}

public/css/non-used/dialog.min.css

@@ -0,0 +1,369 @@
+.dialog-widget-content {
+    background-color: var(--e-a-bg-default);
+    border-radius: 3px;
+    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
+    overflow: hidden;
+    position: absolute
+}
+
+.dialog-message {
+    box-sizing: border-box;
+    line-height: 1.5
+}
+
+.dialog-close-button {
+    color: var(--e-a-color-txt);
+    cursor: pointer;
+    font-size: 15px;
+    inset-inline-end: 15px;
+    line-height: 1;
+    margin-block-start: 15px;
+    position: absolute;
+    transition: var(--e-a-transition-hover)
+}
+
+.dialog-close-button:hover {
+    color: var(--e-a-color-txt-hover)
+}
+
+.dialog-prevent-scroll {
+    max-height: 100vh;
+    overflow: hidden
+}
+
+.dialog-type-lightbox {
+    background-color: rgba(0, 0, 0, .8);
+    bottom: 0;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    width: 100%;
+    z-index: 9999
+}
+
+.elementor-editor-active .elementor-popup-modal {
+    background-color: initial
+}
+
+.dialog-type-alert .dialog-widget-content,
+.dialog-type-confirm .dialog-widget-content {
+    margin: auto;
+    padding: 20px;
+    width: 400px
+}
+
+.dialog-type-alert .dialog-header,
+.dialog-type-confirm .dialog-header {
+    font-size: 15px;
+    font-weight: 500
+}
+
+.dialog-type-alert .dialog-header:after,
+.dialog-type-confirm .dialog-header:after {
+    border-block-end: var(--e-a-border);
+    content: "";
+    display: block;
+    margin-block-end: 10px;
+    margin-inline-end: -20px;
+    margin-inline-start: -20px;
+    padding-block-end: 10px
+}
+
+.dialog-type-alert .dialog-message,
+.dialog-type-confirm .dialog-message {
+    min-height: 50px
+}
+
+.dialog-type-alert .dialog-buttons-wrapper,
+.dialog-type-confirm .dialog-buttons-wrapper {
+    display: flex;
+    gap: 15px;
+    justify-content: flex-end;
+    padding-block-start: 10px
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button {
+    background-color: var(--e-a-btn-bg);
+    border: none;
+    border-radius: var(--e-a-border-radius);
+    color: var(--e-a-btn-color-invert);
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1.2;
+    outline: none;
+    padding: 8px 16px;
+    transition: var(--e-a-transition-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover {
+    border: none
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover {
+    background-color: var(--e-a-btn-bg-hover);
+    color: var(--e-a-btn-color-invert)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active {
+    background-color: var(--e-a-btn-bg-active)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]),
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]) {
+    cursor: pointer
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled {
+    background-color: var(--e-a-btn-bg-disabled);
+    color: var(--e-a-btn-color-disabled)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon {
+    display: none
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt {
+    background: transparent;
+    color: var(--e-a-color-txt)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover {
+    background: var(--e-a-bg-hover);
+    color: var(--e-a-color-txt-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled {
+    background: transparent;
+    color: var(--e-a-color-txt-disabled)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
+    border: 1px solid var(--e-a-color-txt-muted)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success {
+    background-color: var(--e-a-btn-bg-success)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover {
+    background-color: var(--e-a-btn-bg-success-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary {
+    background-color: var(--e-a-btn-bg-primary);
+    color: var(--e-a-btn-color)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover {
+    background-color: var(--e-a-btn-bg-primary-hover);
+    color: var(--e-a-btn-color)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt {
+    background: transparent;
+    color: var(--e-a-color-primary-bold)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover {
+    background: var(--e-a-bg-primary)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro {
+    background-color: var(--e-a-btn-bg-accent)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover {
+    background-color: var(--e-a-btn-bg-accent-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active {
+    background-color: var(--e-a-btn-bg-accent-active)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info {
+    background-color: var(--e-a-btn-bg-info)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover {
+    background-color: var(--e-a-btn-bg-info-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning {
+    background-color: var(--e-a-btn-bg-warning)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover {
+    background-color: var(--e-a-btn-bg-warning-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger {
+    background-color: var(--e-a-btn-bg-danger)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white {
+    color: var(--e-a-color-white)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover {
+    background-color: var(--e-a-btn-bg-danger-hover)
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button i,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i {
+    margin-inline-end: 5px
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited {
+    color: initial
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled],
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled] {
+    background-color: var(--e-a-btn-bg-disabled);
+    cursor: not-allowed
+}
+
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,
+.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover,
+.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited {
+    background-color: var(--e-a-btn-bg-disabled)
+}

public/css/non-used/solid.css

@@ -0,0 +1,18 @@
+/*!
+ * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+    font-family: 'Font Awesome 5 Free';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: url(../fonts/fa-solid-900.eot);
+    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url("../fonts/fa-solid-900.svg#fontawesome") format("svg")
+
+}
+
+.fa,.fas {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900
+}

public/css/non-used/swiper.min.css

@@ -0,0 +1,731 @@
+/**
+ * Swiper 8.4.5
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: November 21, 2022
+ */
+
+@font-face {
+    font-family: swiper-icons;
+    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
+    font-weight: 400;
+    font-style: normal
+}
+
+:root {
+    --swiper-theme-color: #007aff
+}
+
+.swiper {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    z-index: 1
+}
+
+.swiper-vertical>.swiper-wrapper {
+    flex-direction: column
+}
+
+.swiper-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    transition-property: transform;
+    box-sizing: content-box
+}
+
+.swiper-android .swiper-slide,
+.swiper-wrapper {
+    transform: translate3d(0px, 0, 0)
+}
+
+.swiper-pointer-events {
+    touch-action: pan-y
+}
+
+.swiper-pointer-events.swiper-vertical {
+    touch-action: pan-x
+}
+
+.swiper-slide {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition-property: transform
+}
+
+.swiper-slide-invisible-blank {
+    visibility: hidden
+}
+
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+    height: auto
+}
+
+.swiper-autoheight .swiper-wrapper {
+    align-items: flex-start;
+    transition-property: transform, height
+}
+
+.swiper-backface-hidden .swiper-slide {
+    transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-3d,
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+    perspective: 1200px
+}
+
+.swiper-3d .swiper-cube-shadow,
+.swiper-3d .swiper-slide,
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-wrapper {
+    transform-style: preserve-3d
+}
+
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10
+}
+
+.swiper-3d .swiper-slide-shadow {
+    background: rgba(0, 0, 0, .15)
+}
+
+.swiper-3d .swiper-slide-shadow-left {
+    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
+}
+
+.swiper-3d .swiper-slide-shadow-right {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
+}
+
+.swiper-3d .swiper-slide-shadow-top {
+    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
+}
+
+.swiper-3d .swiper-slide-shadow-bottom {
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
+}
+
+.swiper-css-mode>.swiper-wrapper {
+    overflow: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none
+}
+
+.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
+    display: none
+}
+
+.swiper-css-mode>.swiper-wrapper>.swiper-slide {
+    scroll-snap-align: start start
+}
+
+.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
+    scroll-snap-type: x mandatory
+}
+
+.swiper-vertical.swiper-css-mode>.swiper-wrapper {
+    scroll-snap-type: y mandatory
+}
+
+.swiper-centered>.swiper-wrapper::before {
+    content: '';
+    flex-shrink: 0;
+    order: 9999
+}
+
+.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
+    margin-inline-start: var(--swiper-centered-offset-before)
+}
+
+.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
+    height: 100%;
+    min-height: 1px;
+    width: var(--swiper-centered-offset-after)
+}
+
+.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
+    margin-block-start: var(--swiper-centered-offset-before)
+}
+
+.swiper-centered.swiper-vertical>.swiper-wrapper::before {
+    width: 100%;
+    min-width: 1px;
+    height: var(--swiper-centered-offset-after)
+}
+
+.swiper-centered>.swiper-wrapper>.swiper-slide {
+    scroll-snap-align: center center
+}
+
+.swiper-virtual .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    transform: translateZ(0)
+}
+
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none
+}
+
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+    height: 1px;
+    width: var(--swiper-virtual-size)
+}
+
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+    width: 1px;
+    height: var(--swiper-virtual-size)
+}
+
+:root {
+    --swiper-navigation-size: 44px
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+    position: absolute;
+    top: 50%;
+    width: calc(var(--swiper-navigation-size)/ 44 * 27);
+    height: var(--swiper-navigation-size);
+    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
+    z-index: 10;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--swiper-navigation-color, var(--swiper-theme-color))
+}
+
+.swiper-button-next.swiper-button-disabled,
+.swiper-button-prev.swiper-button-disabled {
+    opacity: .35;
+    cursor: auto;
+    pointer-events: none
+}
+
+.swiper-button-next.swiper-button-hidden,
+.swiper-button-prev.swiper-button-hidden {
+    opacity: 0;
+    cursor: auto;
+    pointer-events: none
+}
+
+.swiper-navigation-disabled .swiper-button-next,
+.swiper-navigation-disabled .swiper-button-prev {
+    display: none !important
+}
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+    font-family: swiper-icons;
+    font-size: var(--swiper-navigation-size);
+    text-transform: none !important;
+    letter-spacing: 0;
+    font-variant: initial;
+    line-height: 1
+}
+
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+    left: 10px;
+    right: auto
+}
+
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+    content: 'prev'
+}
+
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+    right: 10px;
+    left: auto
+}
+
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+    content: 'next'
+}
+
+.swiper-button-lock {
+    display: none
+}
+
+.swiper-pagination {
+    position: absolute;
+    text-align: center;
+    transition: .3s opacity;
+    transform: translate3d(0, 0, 0);
+    z-index: 10
+}
+
+.swiper-pagination.swiper-pagination-hidden {
+    opacity: 0
+}
+
+.swiper-pagination-disabled>.swiper-pagination,
+.swiper-pagination.swiper-pagination-disabled {
+    display: none !important
+}
+
+.swiper-horizontal>.swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal,
+.swiper-pagination-custom,
+.swiper-pagination-fraction {
+    bottom: 10px;
+    left: 0;
+    width: 100%
+}
+
+.swiper-pagination-bullets-dynamic {
+    overflow: hidden;
+    font-size: 0
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transform: scale(.33);
+    position: relative
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+    transform: scale(1)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+    transform: scale(1)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+    transform: scale(.66)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+    transform: scale(.33)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+    transform: scale(.66)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+    transform: scale(.33)
+}
+
+.swiper-pagination-bullet {
+    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
+    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
+    display: inline-block;
+    border-radius: 50%;
+    background: var(--swiper-pagination-bullet-inactive-color, #000);
+    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
+}
+
+button.swiper-pagination-bullet {
+    border: none;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    -webkit-appearance: none;
+    appearance: none
+}
+
+.swiper-pagination-clickable .swiper-pagination-bullet {
+    cursor: pointer
+}
+
+.swiper-pagination-bullet:only-child {
+    display: none !important
+}
+
+.swiper-pagination-bullet-active {
+    opacity: var(--swiper-pagination-bullet-opacity, 1);
+    background: var(--swiper-pagination-color, var(--swiper-theme-color))
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets,
+.swiper-vertical>.swiper-pagination-bullets {
+    right: 10px;
+    top: 50%;
+    transform: translate3d(0px, -50%, 0)
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
+    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+    display: block
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8px
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    display: inline-block;
+    transition: .2s transform, .2s top
+}
+
+.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
+}
+
+.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap
+}
+
+.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transition: .2s transform, .2s left
+}
+
+.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transition: .2s transform, .2s right
+}
+
+.swiper-pagination-progressbar {
+    background: rgba(0, 0, 0, .25);
+    position: absolute
+}
+
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    transform: scale(0);
+    transform-origin: left top
+}
+
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    transform-origin: right top
+}
+
+.swiper-horizontal>.swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
+.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+    width: 100%;
+    height: 4px;
+    left: 0;
+    top: 0
+}
+
+.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-vertical>.swiper-pagination-progressbar {
+    width: 4px;
+    height: 100%;
+    left: 0;
+    top: 0
+}
+
+.swiper-pagination-lock {
+    display: none
+}
+
+.swiper-scrollbar {
+    border-radius: 10px;
+    position: relative;
+    -ms-touch-action: none;
+    background: rgba(0, 0, 0, .1)
+}
+
+.swiper-scrollbar-disabled>.swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-disabled {
+    display: none !important
+}
+
+.swiper-horizontal>.swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-horizontal {
+    position: absolute;
+    left: 1%;
+    bottom: 3px;
+    z-index: 50;
+    height: 5px;
+    width: 98%
+}
+
+.swiper-scrollbar.swiper-scrollbar-vertical,
+.swiper-vertical>.swiper-scrollbar {
+    position: absolute;
+    right: 3px;
+    top: 1%;
+    z-index: 50;
+    width: 5px;
+    height: 98%
+}
+
+.swiper-scrollbar-drag {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    background: rgba(0, 0, 0, .5);
+    border-radius: 10px;
+    left: 0;
+    top: 0
+}
+
+.swiper-scrollbar-cursor-drag {
+    cursor: move
+}
+
+.swiper-scrollbar-lock {
+    display: none
+}
+
+.swiper-zoom-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center
+}
+
+.swiper-zoom-container>canvas,
+.swiper-zoom-container>img,
+.swiper-zoom-container>svg {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain
+}
+
+.swiper-slide-zoomed {
+    cursor: move
+}
+
+.swiper-lazy-preloader {
+    width: 42px;
+    height: 42px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -21px;
+    margin-top: -21px;
+    z-index: 10;
+    transform-origin: 50%;
+    box-sizing: border-box;
+    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+    border-radius: 50%;
+    border-top-color: transparent
+}
+
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
+.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
+    animation: swiper-preloader-spin 1s infinite linear
+}
+
+.swiper-lazy-preloader-white {
+    --swiper-preloader-color: #fff
+}
+
+.swiper-lazy-preloader-black {
+    --swiper-preloader-color: #000
+}
+
+@keyframes swiper-preloader-spin {
+    0% {
+        transform: rotate(0deg)
+    }
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+.swiper .swiper-notification {
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    opacity: 0;
+    z-index: -1000
+}
+
+.swiper-free-mode>.swiper-wrapper {
+    transition-timing-function: ease-out;
+    margin: 0 auto
+}
+
+.swiper-grid>.swiper-wrapper {
+    flex-wrap: wrap
+}
+
+.swiper-grid-column>.swiper-wrapper {
+    flex-wrap: wrap;
+    flex-direction: column
+}
+
+.swiper-fade.swiper-free-mode .swiper-slide {
+    transition-timing-function: ease-out
+}
+
+.swiper-fade .swiper-slide {
+    pointer-events: none;
+    transition-property: opacity
+}
+
+.swiper-fade .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-fade .swiper-slide-active,
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-cube {
+    overflow: visible
+}
+
+.swiper-cube .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+    visibility: hidden;
+    transform-origin: 0 0;
+    width: 100%;
+    height: 100%
+}
+
+.swiper-cube .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-cube.swiper-rtl .swiper-slide {
+    transform-origin: 100% 0
+}
+
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-next+.swiper-slide,
+.swiper-cube .swiper-slide-prev {
+    pointer-events: auto;
+    visibility: visible
+}
+
+.swiper-cube .swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-right,
+.swiper-cube .swiper-slide-shadow-top {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-cube .swiper-cube-shadow {
+    position: absolute;
+    left: 0;
+    bottom: 0px;
+    width: 100%;
+    height: 100%;
+    opacity: .6;
+    z-index: 0
+}
+
+.swiper-cube .swiper-cube-shadow:before {
+    content: '';
+    background: #000;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    filter: blur(50px)
+}
+
+.swiper-flip {
+    overflow: visible
+}
+
+.swiper-flip .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1
+}
+
+.swiper-flip .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-flip .swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-right,
+.swiper-flip .swiper-slide-shadow-top {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-creative .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+    transition-property: transform, opacity, height
+}
+
+.swiper-cards {
+    overflow: visible
+}
+
+.swiper-cards .swiper-slide {
+    transform-origin: center bottom;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden
+}

public/css/sections/section-blogs.css

@@ -0,0 +1,188 @@
+    /* ── Blog page hero ── */
+    .blog-hero {
+        background: linear-gradient(160deg, #0c0c14 0%, #18050a 100%);
+        padding: 120px 0 60px;
+        text-align: center;
+        position: relative;
+        overflow: hidden;
+        margin-top: 0 !important;
+    }
+    .blog-hero::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: radial-gradient(ellipse 60% 50% at 50% 60%, rgba(192,18,39,0.14) 0%, transparent 100%);
+        pointer-events: none;
+    }
+    .blog-hero-inner {
+        position: relative;
+        z-index: 1;
+        max-width: 720px;
+        margin: 0 auto;
+        padding: 0 32px;
+    }
+    .blog-hero-eyebrow {
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        font-family: 'Manrope', sans-serif;
+        font-size: 11px;
+        font-weight: 700;
+        letter-spacing: 3.5px;
+        text-transform: uppercase;
+        color: rgba(255,255,255,0.35);
+        margin-bottom: 20px;
+    }
+    .blog-hero-eyebrow::before,
+    .blog-hero-eyebrow::after {
+        content: '';
+        display: block;
+        width: 28px;
+        height: 1px;
+        background: rgba(255,255,255,0.2);
+    }
+    .blog-hero h1 {
+        font-family: 'Manrope', sans-serif;
+        font-size: clamp(28px, 4.5vw, 52px);
+        font-weight: 900;
+        color: #ffffff !important;
+        line-height: 1.05;
+        letter-spacing: -1.5px;
+        text-transform: uppercase;
+        margin: 0 0 14px;
+    }
+    .blog-hero h1 span { color: #c01227; }
+    .blog-hero p {
+        font-family: 'Manrope', sans-serif;
+        font-size: 15px;
+        color: rgba(255,255,255,0.48);
+        line-height: 1.7;
+        margin: 0;
+    }
+
+    /* ── Blog grid section ── */
+    .blog-section {
+        background: #f8fafc;
+        padding: 80px 0 100px;
+    }
+    .blog-container {
+        max-width: 1280px;
+        margin: 0 auto;
+        padding: 0 40px;
+    }
+
+    /* ── Blog grid ── */
+    .dm-blog-grid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 32px;
+    }
+
+    /* ── Blog card ── */
+    .dm-blog-card {
+        background: #fff;
+        border-radius: 20px;
+        overflow: hidden;
+        border: 1px solid rgba(0,0,0,0.07);
+        box-shadow: 0 4px 24px rgba(0,0,0,0.05);
+        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+        display: flex;
+        flex-direction: column;
+    }
+    .dm-blog-card:hover {
+        transform: translateY(-12px) scale(1.02);
+        box-shadow: 0 20px 50px rgba(0,0,0,0.15), 0 0 20px rgba(192, 18, 39, 0.1);
+    }
+    .dm-blog-card-image {
+        width: 100%;
+        aspect-ratio: 4/3;
+        overflow: hidden;
+        background: #eee;
+    }
+    .dm-blog-card-image img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        display: block;
+        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
+    }
+    .dm-blog-card:hover .dm-blog-card-image img {
+        transform: scale(1.04);
+    }
+    .dm-blog-card-body {
+        padding: 20px 22px 24px;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+    }
+    .dm-blog-meta {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 10px;
+        flex-wrap: wrap;
+    }
+    .dm-blog-category {
+        font-family: 'Manrope', sans-serif;
+        font-size: 9px;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 1.8px;
+        color: #c01227;
+        background: rgba(192,18,39,0.07);
+        border: 1px solid rgba(192,18,39,0.15);
+        border-radius: 100px;
+        padding: 3px 9px;
+        text-decoration: none;
+        white-space: nowrap;
+    }
+    .dm-blog-date {
+        font-family: 'Manrope', sans-serif;
+        font-size: 10px;
+        font-weight: 600;
+        color: #94a3b8;
+        letter-spacing: 0.3px;
+    }
+    .dm-blog-card h3 {
+        font-family: 'Manrope', sans-serif;
+        font-size: 15px;
+        font-weight: 800;
+        color: #111827;
+        line-height: 1.4;
+        letter-spacing: -0.2px;
+        margin: 0 0 8px;
+    }
+    .dm-blog-card p {
+        font-family: 'Manrope', sans-serif;
+        font-size: 12.5px;
+        color: #64748b;
+        line-height: 1.65;
+        margin: 0 0 18px;
+        flex: 1;
+    }
+    .dm-blog-read-more {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        font-family: 'Manrope', sans-serif;
+        font-size: 12px;
+        font-weight: 700;
+        color: #c01227;
+        text-decoration: none;
+        letter-spacing: 0.2px;
+        margin-top: auto;
+        transition: gap 0.2s ease;
+    }
+    .dm-blog-read-more:hover { gap: 9px; }
+    .dm-blog-read-more svg { flex-shrink: 0; }
+
+    /* ── Responsive ── */
+    @media (max-width: 1024px) {
+        .dm-blog-grid { grid-template-columns: repeat(2, 1fr); }
+    }
+    @media (max-width: 640px) {
+        .dm-blog-grid { grid-template-columns: 1fr; }
+        .blog-hero { padding: 110px 0 60px; }
+        .blog-container { padding: 0 20px; }
+        .blog-section { padding: 60px 0 80px; }
+    }

public/css/sections/section-brands.css

@@ -0,0 +1,171 @@
+.tax-product_brand .brand-description {
+    overflow: hidden;
+    zoom:1}
+
+.tax-product_brand .brand-description img.brand-thumbnail {
+    width: 25%;
+    float: right
+}
+
+.tax-product_brand .brand-description .text {
+    width: 72%;
+    float: left
+}
+
+.widget_brand_description img {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: none;
+    height: auto;
+    margin: 0 0 1em
+}
+
+ul.brand-thumbnails {
+    margin-left: 0;
+    margin-bottom: 0;
+    clear: both;
+    list-style: none
+}
+
+ul.brand-thumbnails:before {
+    clear: both;
+    content: "";
+    display: table
+}
+
+ul.brand-thumbnails:after {
+    clear: both;
+    content: "";
+    display: table
+}
+
+ul.brand-thumbnails li {
+    float: left;
+    margin: 0 3.8% 1em 0;
+    padding: 0;
+    position: relative;
+    width: 22.05%
+}
+
+ul.brand-thumbnails.fluid-columns li {
+    width: auto
+}
+
+ul.brand-thumbnails:not(.fluid-columns) li.first {
+    clear: both
+}
+
+ul.brand-thumbnails:not(.fluid-columns) li.last {
+    margin-right: 0
+}
+
+ul.brand-thumbnails.columns-1 li {
+    width: 100%;
+    margin-right: 0
+}
+
+ul.brand-thumbnails.columns-2 li {
+    width: 48%
+}
+
+ul.brand-thumbnails.columns-3 li {
+    width: 30.75%
+}
+
+ul.brand-thumbnails.columns-5 li {
+    width: 16.95%
+}
+
+ul.brand-thumbnails.columns-6 li {
+    width: 13.5%
+}
+
+.brand-thumbnails li img {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: none;
+    height: auto;
+    margin: 0
+}
+
+@media screen and (max-width: 768px) {
+    ul.brand-thumbnails:not(.fluid-columns) li {
+        width:48%!important
+    }
+
+    ul.brand-thumbnails:not(.fluid-columns) li.first {
+        clear: none
+    }
+
+    ul.brand-thumbnails:not(.fluid-columns) li.last {
+        margin-right: 3.8%
+    }
+
+    ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd) {
+        clear: both
+    }
+
+    ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even) {
+        margin-right: 0
+    }
+}
+
+.brand-thumbnails-description li {
+    text-align: center
+}
+
+.brand-thumbnails-description li .term-thumbnail img {
+    display: inline
+}
+
+.brand-thumbnails-description li .term-description {
+    margin-top: 1em;
+    text-align: left
+}
+
+#brands_a_z h3:target {
+    text-decoration: underline
+}
+
+ul.brands_index {
+    list-style: none outside;
+    overflow: hidden;
+    zoom:1}
+
+ul.brands_index li {
+    float: left;
+    margin: 0 2px 2px 0
+}
+
+ul.brands_index li a,ul.brands_index li span {
+    border: 1px solid #ccc;
+    padding: 6px;
+    line-height: 1em;
+    float: left;
+    text-decoration: none
+}
+
+ul.brands_index li span {
+    border-color: #eee;
+    color: #ddd
+}
+
+ul.brands_index li a:hover {
+    border-width: 2px;
+    padding: 5px;
+    text-decoration: none
+}
+
+ul.brands_index li a.active {
+    border-width: 2px;
+    padding: 5px
+}
+
+div#brands_a_z a.top {
+    border: 1px solid #ccc;
+    padding: 4px;
+    line-height: 1em;
+    float: right;
+    text-decoration: none;
+    font-size: .8em
+}

public/css/sections/section-ev-logistics.css

@@ -0,0 +1,737 @@
+/* EV Section Styles */
+:root {
+    --ev-primary: #111111;
+    --ev-accent: #E31E24;
+    --ev-accent-soft: rgba(227, 30, 36, 0.1);
+    --ev-text-muted: #64748B;
+    --ev-bg-light: #F8FAFC;
+    --ev-card-bg: rgba(255, 255, 255, 0.8);
+    --ev-radius-lg: 32px;
+    --ev-radius-md: 20px;
+    --ev-radius-sm: 12px;
+    --ev-shadow-premium: 0 20px 50px rgba(0, 0, 0, 0.06);
+    --ev-glass-border: rgba(255, 255, 255, 0.5);
+}
+
+.ev-section {
+    padding: 120px 0;
+    background-color: #FDFDFD;
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    overflow: hidden;
+    position: relative;
+}
+
+/* Background Blobs */
+.ev-section::before,
+.ev-section::after {
+    content: '';
+    position: absolute;
+    width: 600px;
+    height: 600px;
+    border-radius: 50%;
+    filter: blur(120px);
+    z-index: 0;
+    opacity: 0.4;
+}
+
+.ev-section::before {
+    background: radial-gradient(circle, #E31E24 0%, transparent 70%);
+    top: -200px;
+    right: -200px;
+}
+
+.ev-section::after {
+    background: radial-gradient(circle, #3B82F6 0%, transparent 70%);
+    bottom: -200px;
+    left: -200px;
+}
+
+.ev-container {
+    max-width: 1300px;
+    margin: 0 auto;
+    padding: 0 40px;
+    position: relative;
+    z-index: 1;
+}
+
+.ev-grid {
+    display: grid;
+    grid-template-columns: 1.1fr 1.2fr;
+    gap: 80px;
+    align-items: center;
+}
+
+/* Left Content */
+.ev-badge {
+    display: inline-flex;
+    align-items: center;
+    padding: 8px 18px;
+    border-radius: 100px;
+    font-size: 13px;
+    font-weight: 700;
+    margin-bottom: 32px;
+    background: #FFFFFF;
+    border: 1px solid #E2E8F0;
+    color: #1E293B;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
+}
+
+.ev-title {
+    font-size: clamp(36px, 5vw, 64px);
+    font-weight: 900;
+    line-height: 1.05;
+    color: var(--ev-primary);
+    margin-bottom: 28px;
+    letter-spacing: -1.5px;
+}
+
+.ev-title .accent {
+    color: var(--ev-accent);
+    display: block;
+}
+
+.ev-desc {
+    font-size: 18px;
+    color: var(--ev-text-muted);
+    line-height: 1.7;
+    max-width: 520px;
+    margin-bottom: 56px;
+    font-weight: 500;
+}
+
+/* Feature Grid */
+.feature-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+}
+
+.feature-card {
+    background: var(--ev-card-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    padding: 24px;
+    border-radius: var(--ev-radius-md);
+    border: 1px solid var(--ev-glass-border);
+    box-shadow: var(--ev-shadow-premium);
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.feature-card:hover {
+    transform: translateY(-12px) scale(1.02);
+    border-color: rgba(227, 30, 36, 0.3);
+    box-shadow: 0 30px 70px rgba(227, 30, 36, 0.2), 0 0 30px rgba(227, 30, 36, 0.1);
+}
+
+.feature-icon-box {
+    width: 48px;
+    height: 48px;
+    background: #fff;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    box-shadow: 0 8px 16px rgba(0,0,0,0.04);
+}
+
+.feature-card h3 {
+    font-size: 15px;
+    font-weight: 800;
+    margin-bottom: 8px;
+    color: var(--ev-primary);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.feature-card p {
+    font-size: 13px;
+    color: var(--ev-text-muted);
+    line-height: 1.6;
+    margin: 0;
+    font-weight: 500;
+}
+
+/* Right Dashboard */
+.ev-dashboard {
+    position: relative;
+    padding: 20px;
+}
+
+.dashboard-card {
+    background: rgba(255, 255, 255, 0.7);
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    border-radius: var(--ev-radius-lg);
+    padding: 40px;
+    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.8);
+    position: relative;
+    overflow: visible;
+}
+
+.dashboard-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 40px;
+}
+
+.dashboard-title {
+    font-size: 20px;
+    font-weight: 900;
+    margin: 0;
+    color: var(--ev-primary);
+    letter-spacing: 0.5px;
+}
+
+.live-indicator {
+    background: rgba(16, 185, 129, 0.1);
+    color: #059669;
+    padding: 6px 14px;
+    border-radius: 100px;
+    font-size: 11px;
+    font-weight: 800;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    text-transform: uppercase;
+}
+
+.live-indicator::before {
+    content: '';
+    width: 8px;
+    height: 8px;
+    background: #10B981;
+    border-radius: 50%;
+    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+    0% { transform: scale(0.95); opacity: 1; }
+    50% { transform: scale(1.1); opacity: 0.6; }
+    100% { transform: scale(0.95); opacity: 1; }
+}
+
+.van-display {
+    position: relative;
+    margin: 60px 0;
+    display: flex;
+    justify-content: center;
+}
+
+.van-image {
+    width: 80%;
+    height: auto;
+    filter: drop-shadow(0 30px 40px rgba(0,0,0,0.1));
+    transition: transform 0.5s ease;
+}
+
+.van-display:hover .van-image {
+    transform: scale(1.05) rotate(-2deg);
+}
+
+/* Dashboard Overlays */
+.overlay-card {
+    position: absolute;
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(8px);
+    padding: 12px 18px;
+    border-radius: 16px;
+    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    z-index: 2;
+    border: 1px solid rgba(255, 255, 255, 1);
+    animation: float 4s ease-in-out infinite;
+}
+
+@keyframes float {
+    0% { transform: translateY(0px); }
+    50% { transform: translateY(-10px); }
+    100% { transform: translateY(0px); }
+}
+
+.overlay-card.v-status-1 { top: 0%; left: -10%; animation-delay: 0s; }
+.overlay-card.v-status-2 { top: -15%; right: 0%; animation-delay: 1s; }
+.overlay-card.v-status-3 { bottom: 10%; left: -5%; animation-delay: 2s; }
+.overlay-card.v-status-4 { bottom: -5%; right: -10%; animation-delay: 1.5s; }
+
+.status-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 10px;
+    background: #F1F5F9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+
+.overlay-card .info h4 {
+    font-size: 13px;
+    font-weight: 800;
+    margin: 0;
+    color: #111;
+}
+
+.overlay-card .info p {
+    font-size: 11px;
+    margin: 0;
+    color: var(--ev-text-muted);
+    font-weight: 600;
+}
+
+.progress-ring {
+    width: 38px;
+    height: 38px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 10px;
+    font-weight: 800;
+    border-radius: 50%;
+    border: 3px solid #E2E8F0;
+    color: #111;
+}
+
+.progress-ring.success { border-color: #10B981; color: #10B981; }
+.progress-ring.warning { border-color: #F59E0B; color: #F59E0B; }
+
+/* Stats Row */
+.stats-row {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+    margin-top: 40px;
+}
+
+.stat-metric {
+    background: rgba(255, 255, 255, 1);
+    padding: 20px 10px;
+    border-radius: 20px;
+    text-align: center;
+    border: 1px solid #F1F5F9;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
+    transition: all 0.3s ease;
+}
+
+.stat-metric:hover {
+    transform: translateY(-5px);
+    border-color: var(--ev-accent);
+}
+
+.stat-value {
+    display: block;
+    font-size: 22px;
+    font-weight: 900;
+    color: var(--ev-primary);
+    margin-bottom: 4px;
+}
+
+.stat-label {
+    display: block;
+    font-size: 10px;
+    color: var(--ev-text-muted);
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* Responsiveness */
+@media (max-width: 1280px) {
+    .ev-grid { gap: 40px; }
+    .overlay-card.v-status-1 { left: 0; }
+    .overlay-card.v-status-2 { right: 0; }
+}
+
+@media (max-width: 1024px) {
+    .ev-grid {
+        grid-template-columns: 1fr;
+        gap: 80px;
+    }
+    
+    .ev-content {
+        text-align: center;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .ev-desc {
+        max-width: 600px;
+    }
+    
+    .feature-grid {
+        max-width: 800px;
+        width: 100%;
+    }
+    
+    .ev-dashboard {
+        max-width: 800px;
+        margin: 0 auto;
+    }
+}
+
+@media (max-width: 640px) {
+    .ev-section { padding: 80px 0; }
+    .feature-grid { grid-template-columns: 1fr; }
+    .stats-row { grid-template-columns: 1fr 1fr; }
+    .dashboard-card { padding: 30px 20px; }
+    .ev-title { font-size: 40px; }
+    .overlay-card { transform: scale(0.8); }
+    .v-status-1, .v-status-2, .v-status-3, .v-status-4 { position: static; margin-bottom: 10px; }
+    .van-display { margin: 20px 0; }
+}
+/* EV2 Section - Premium Redesign */
+:root {
+    --ev2-primary: #0A0A0B;
+    --ev2-accent: #E31E24;
+    --ev2-accent-glow: rgba(227, 30, 36, 0.4);
+    --ev2-text: #FFFFFF;
+    --ev2-text-muted: #A1A1AA;
+    --ev2-card-bg: rgba(23, 23, 23, 0.7);
+    --ev2-border: rgba(255, 255, 255, 0.1);
+    --ev2-radius: 24px;
+}
+
+.ev2-section {
+    padding: 120px 0;
+    background-color: var(--ev2-primary);
+    color: var(--ev2-text);
+    font-family: 'Outfit', 'Manrope', sans-serif;
+    overflow: hidden;
+    position: relative;
+}
+
+/* Abstract Background Elements */
+.ev2-section::before {
+    content: '';
+    position: absolute;
+    top: -10%;
+    right: -10%;
+    width: 40%;
+    height: 40%;
+    background: radial-gradient(circle, var(--ev2-accent-glow) 0%, transparent 70%);
+    z-index: 0;
+    pointer-events: none;
+}
+
+.ev2-container {
+    max-width: 1300px;
+    margin: 0 auto;
+    padding: 0 30px;
+    position: relative;
+    z-index: 1;
+}
+
+.ev2-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 80px;
+    align-items: center;
+}
+
+/* Left Content */
+.ev2-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    border-radius: 100px;
+    font-size: 13px;
+    font-weight: 700;
+    margin-bottom: 24px;
+    background: rgba(227, 30, 36, 0.1);
+    color: var(--ev2-accent);
+    border: 1px solid rgba(227, 30, 36, 0.2);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+
+.ev2-badge::before {
+    content: '';
+    width: 6px;
+    height: 6px;
+    background: var(--ev2-accent);
+    border-radius: 50%;
+    box-shadow: 0 0 10px var(--ev2-accent);
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+    0% { transform: scale(1); opacity: 1; }
+    50% { transform: scale(1.5); opacity: 0.5; }
+    100% { transform: scale(1); opacity: 1; }
+}
+
+.ev2-title {
+    font-size: clamp(40px, 6vw, 72px);
+    font-weight: 900;
+    line-height: 1;
+    margin-bottom: 30px;
+    text-transform: uppercase;
+}
+
+.ev2-title .glow {
+    color: var(--ev2-accent);
+    display: block;
+    text-shadow: 0 0 30px var(--ev2-accent-glow);
+}
+
+.ev2-desc {
+    font-size: 20px;
+    color: var(--ev2-text-muted);
+    line-height: 1.6;
+    max-width: 580px;
+    margin-bottom: 50px;
+}
+
+/* Feature Stack */
+.ev2-features {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+}
+
+.ev2-feature-item {
+    padding: 24px;
+    background: var(--ev2-card-bg);
+    backdrop-filter: blur(10px);
+    border: 1px solid var(--ev2-border);
+    border-radius: 20px;
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.ev2-feature-item:hover {
+    transform: translateY(-8px);
+    border-color: rgba(227, 30, 36, 0.4);
+    background: rgba(23, 23, 23, 0.9);
+}
+
+.ev2-icon-wrap {
+    width: 50px;
+    height: 50px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    color: var(--ev2-accent);
+}
+
+.ev2-feature-item h3 {
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 12px;
+    letter-spacing: -0.5px;
+}
+
+.ev2-feature-item p {
+    font-size: 14px;
+    color: var(--ev2-text-muted);
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* Right Side - Visual Interface */
+.ev2-visual-wrap {
+    position: relative;
+}
+
+.ev2-main-card {
+    background: linear-gradient(135deg, #171719 0%, #0A0A0B 100%);
+    border-radius: 32px;
+    padding: 40px;
+    border: 1px solid var(--ev2-border);
+    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
+    position: relative;
+    overflow: hidden;
+}
+
+.ev2-main-card::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(180deg, transparent 0%, rgba(227, 30, 36, 0.05) 100%);
+    pointer-events: none;
+}
+
+.ev2-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.ev2-tagline {
+    font-size: 12px;
+    font-weight: 800;
+    color: var(--ev2-accent);
+    letter-spacing: 2px;
+    text-transform: uppercase;
+}
+
+.ev2-id {
+    font-size: 28px;
+    font-weight: 900;
+    color: #fff;
+    margin-top: 5px;
+}
+
+.ev2-status-pill {
+    background: rgba(16, 185, 129, 0.1);
+    color: #10B981;
+    padding: 6px 14px;
+    border-radius: 100px;
+    font-size: 12px;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.ev2-image-box {
+    position: relative;
+    margin: 30px 0;
+    border-radius: 20px;
+    overflow: hidden;
+}
+
+.ev2-image-box img {
+    width: 100%;
+    height: auto;
+    display: block;
+    transform: scale(1.05);
+    transition: transform 0.8s ease;
+}
+
+.ev2-main-card:hover .ev2-image-box img {
+    transform: scale(1);
+}
+
+/* Floating HUD elements */
+.ev2-hud {
+    position: absolute;
+    padding: 15px;
+    background: rgba(10, 10, 11, 0.8);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 16px;
+    z-index: 10;
+}
+
+.hud-1 {
+    top: 30%;
+    right: -20px;
+    width: 180px;
+}
+
+.hud-2 {
+    bottom: 20%;
+    left: -20px;
+    width: 160px;
+}
+
+.hud-label {
+    font-size: 10px;
+    color: var(--ev2-text-muted);
+    text-transform: uppercase;
+    font-weight: 700;
+    margin-bottom: 5px;
+}
+
+.hud-value {
+    font-size: 20px;
+    font-weight: 900;
+    color: #fff;
+}
+
+.hud-progress {
+    height: 4px;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 2px;
+    margin-top: 10px;
+}
+
+.hud-bar {
+    height: 100%;
+    background: var(--ev2-accent);
+    border-radius: 2px;
+    box-shadow: 0 0 10px var(--ev2-accent);
+}
+
+/* Bottom Metrics */
+.ev2-metrics {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+    margin-top: 40px;
+}
+
+.metric-box {
+    text-align: left;
+}
+
+.m-val {
+    font-size: 24px;
+    font-weight: 900;
+    display: block;
+    color: #fff;
+}
+
+.m-label {
+    font-size: 11px;
+    color: var(--ev2-text-muted);
+    font-weight: 600;
+}
+
+/* Responsiveness */
+@media (max-width: 1024px) {
+    .ev2-grid {
+        grid-template-columns: 1fr;
+        gap: 60px;
+    }
+    
+    .ev2-content {
+        text-align: center;
+    }
+    
+    .ev2-desc {
+        margin-left: auto;
+        margin-right: auto;
+    }
+    
+    .ev2-features {
+        max-width: 700px;
+        margin: 0 auto;
+    }
+    
+    .ev2-visual-wrap {
+        max-width: 600px;
+        margin: 0 auto;
+    }
+    
+    .hud-1, .hud-2 {
+        display: none;
+    }
+}
+
+@media (max-width: 640px) {
+    .ev2-features {
+        grid-template-columns: 1fr;
+    }
+    
+    .ev2-title {
+        font-size: 40px;
+    }
+    
+    .ev2-metrics {
+        grid-template-columns: 1fr 1fr;
+    }
+}

public/css/sections/section-ev-premium.css

@@ -0,0 +1,464 @@
+/* EV Premium Section - High-End SaaS UI */
+:root {
+    --evp-bg: #030303;
+    --evp-card-bg: rgba(20, 20, 22, 0.6);
+    --evp-accent: #E31E24;
+    --evp-accent-glow: rgba(227, 30, 36, 0.4);
+    --evp-success: #10B981;
+    --evp-info: #3B82F6;
+    --evp-text: #FFFFFF;
+    --evp-text-dim: #A1A1AA;
+    --evp-border: rgba(255, 255, 255, 0.08);
+    --evp-glass-border: rgba(255, 255, 255, 0.12);
+    --evp-radius-lg: 32px;
+    --evp-radius-md: 20px;
+    --evp-font: 'Manrope', -apple-system, sans-serif;
+}
+
+.evp-section {
+    padding: 140px 0;
+    background-color: #1f1f1f;
+    color: var(--evp-text);
+    font-family: var(--evp-font);
+    position: relative;
+    overflow: hidden;
+}
+
+/* ─── BACKGROUND EFFECTS ─── */
+.evp-bg-aura {
+    position: absolute;
+    width: 600px;
+    height: 600px;
+    border-radius: 50%;
+    filter: blur(150px);
+    z-index: 0;
+    pointer-events: none;
+    opacity: 0.3;
+}
+
+.aura-red {
+    background: radial-gradient(circle, var(--evp-accent) 0%, transparent 70%);
+    top: -100px;
+    right: -100px;
+}
+
+
+
+.logico-front-end h4:not([class*=logico-title-h]){
+    color: #fff !important;
+}
+
+
+.aura-blue {
+    background: radial-gradient(circle, var(--evp-info) 0%, transparent 70%);
+    bottom: -100px;
+    left: -100px;
+}
+
+.evp-grid-overlay {
+    position: absolute;
+    inset: 0;
+    background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
+                      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
+    background-size: 50px 50px;
+    mask-image: radial-gradient(circle at center, black, transparent 80%);
+    pointer-events: none;
+    z-index: 1;
+}
+
+.evp-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 40px;
+    position: relative;
+    z-index: 10;
+}
+
+.evp-layout {
+    display: flex;
+    align-items: center;
+    gap: 80px;
+    position: relative;
+}
+
+/* ─── LEFT: CONTENT & HERO ─── */
+.evp-content {
+    flex: 1;
+    max-width: 650px;
+}
+
+.evp-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    background: rgba(227, 30, 36, 0.1);
+    border: 1px solid rgba(227, 30, 36, 0.2);
+    border-radius: 100px;
+    font-size: 13px;
+    font-weight: 700;
+    color: var(--evp-accent);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: 32px;
+}
+
+.evp-tag .status-dot {
+    width: 8px;
+    height: 8px;
+    background: var(--evp-accent);
+    border-radius: 50%;
+    box-shadow: 0 0 10px var(--evp-accent);
+    animation: evp-pulse 2s infinite;
+}
+
+@keyframes evp-pulse {
+    0% { transform: scale(0.95); opacity: 1; }
+    50% { transform: scale(1.3); opacity: 0.5; }
+    100% { transform: scale(0.95); opacity: 1; }
+}
+
+.evp-title {
+    font-size: clamp(40px, 5vw, 68px);
+    line-height: 1.05;
+    font-weight: 800;
+    letter-spacing: -2px;
+    margin-bottom: 30px;
+}
+
+.evp-title span {
+    display: block;
+    color: var(--evp-accent);
+    filter: drop-shadow(0 0 20px var(--evp-accent-glow));
+}
+
+.evp-desc {
+    font-size: 20px;
+    color: var(--evp-text-dim);
+    line-height: 1.6;
+    margin-bottom: 50px;
+    max-width: 580px;
+}
+
+/* Feature Cards Stack */
+.evp-features {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+}
+
+.evp-feature-card {
+    padding: 30px;
+    background: var(--evp-card-bg);
+    backdrop-filter: blur(20px);
+    border: 1px solid var(--evp-glass-border);
+    border-radius: var(--evp-radius-md);
+    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
+    position: relative;
+    overflow: hidden;
+}
+
+.evp-feature-card::before {
+    content: '';
+    position: absolute;
+    top: 0; left: 0; width: 100%; height: 100%;
+    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%);
+    opacity: 0;
+    transition: opacity 0.4s;
+}
+
+.evp-feature-card:hover {
+    transform: translateY(-5px) scale(1.02);
+    border-color: rgba(227, 30, 36, 0.4);
+    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
+}
+
+.evp-feature-card:hover::before {
+    opacity: 1;
+}
+
+.evp-icon-box {
+    width: 48px;
+    height: 48px;
+    border-radius: 14px;
+    background: rgba(255, 255, 255, 0.05);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    color: var(--evp-accent);
+    font-size: 20px;
+}
+
+.evp-feature-card h3 {
+    font-size: 17px;
+    font-weight: 700;
+    margin-bottom: 12px;
+}
+
+.evp-feature-card p {
+    font-size: 14px;
+    color: #fff;
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* ─── RIGHT: VISUAL DASHBOARD ─── */
+.evp-visual {
+    flex: 1;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.evp-dashboard {
+    width: 100%;
+    max-width: 600px;
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
+    border: 1px solid var(--evp-border);
+    border-radius: 40px;
+    padding: 50px;
+    position: relative;
+    box-shadow: 0 50px 100px rgba(0,0,0,0.8);
+    overflow: visible;
+}
+
+.evp-dashboard::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: 40px;
+    padding: 1px;
+    background: linear-gradient(to bottom right, rgba(255,255,255,0.1), transparent, rgba(255,255,255,0.05));
+    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    pointer-events: none;
+}
+
+.evp-db-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 10px;
+}
+
+.evp-db-title {
+    font-size: 12px;
+    font-weight: 800;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    color: var(--evp-text-dim);
+}
+
+.evp-live-tag {
+    font-size: 11px;
+    font-weight: 700;
+    color: var(--evp-success);
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    background: rgba(16, 185, 129, 0.1);
+    padding: 4px 10px;
+    border-radius: 50px;
+}
+
+.evp-db-id {
+    font-size: 32px;
+    font-weight: 900;
+    margin-top: 10px;
+}
+
+.evp-van-stage {
+    position: relative;
+    margin: 40px 0;
+    width: 100%;
+    z-index: 2;
+}
+
+.evp-van-image {
+    width: 110%;
+    height: auto;
+    /* margin-left: -5%; */
+    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));
+    animation: evp-float 6s ease-in-out infinite;
+}
+
+@keyframes evp-float {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-15px); }
+}
+
+/* Floating HUD Cards */
+.evp-hud-card {
+    position: absolute;
+    background: rgba(15, 15, 18, 0.85);
+    backdrop-filter: blur(15px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 18px;
+    padding: 16px;
+    z-index: 10;
+    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
+    pointer-events: all;
+    transition: transform 0.3s ease;
+}
+
+.evp-hud-card:hover {
+    transform: scale(1.05);
+}
+
+.hud-battery {
+    top: 55%;
+    left: -40px;
+    min-width: 160px;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.hud-location {
+    top: 15%;
+    right: -30px;
+    min-width: 180px;
+}
+
+.hud-route {
+    bottom: 30%;
+    right: -50px;
+    min-width: 170px;
+    background: linear-gradient(135deg, rgba(20, 20, 24, 0.9), rgba(10, 10, 12, 0.9));
+}
+
+.evp-progress-svg {
+    width: 44px;
+    height: 44px;
+    transform: rotate(-90deg);
+}
+
+.evp-progress-circle-bg {
+    fill: none;
+    stroke: rgba(255,255,255,0.05);
+    stroke-width: 4;
+}
+
+.evp-progress-circle {
+    fill: none;
+    stroke: var(--evp-success);
+    stroke-width: 4;
+    stroke-linecap: round;
+    stroke-dasharray: 113;
+    stroke-dashoffset: 20; /* Example for 82% */
+    transition: stroke-dashoffset 1s ease-out;
+}
+
+.hud-val-large {
+    font-size: 20px;
+    font-weight: 900;
+    line-height: 1;
+}
+
+.hud-label-small {
+    font-size: 10px;
+    color: var(--evp-text-dim);
+    text-transform: uppercase;
+    font-weight: 700;
+    margin-bottom: 4px;
+    letter-spacing: 0.5px;
+}
+
+/* Route Visual in HUD */
+.hud-route-path {
+    margin-top: 10px;
+    height: 30px;
+    background-image: radial-gradient(circle, rgba(255,255,255,0.2) 1px, transparent 1px);
+    background-size: 8px 8px;
+    border-radius: 8px;
+    position: relative;
+    overflow: hidden;
+}
+
+.hud-route-line {
+    position: absolute;
+    top: 50%;
+    left: 10%;
+    width: 60%;
+    height: 2px;
+    background: var(--evp-accent);
+    box-shadow: 0 0 10px var(--evp-accent);
+}
+
+/* Dashboard Bottom Metrics */
+.evp-metrics {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+    border-top: 1px solid var(--evp-border);
+    padding-top: 25px;
+}
+
+.m-item {
+    text-align: center;
+}
+
+.m-label {
+    font-size: 9px;
+    text-transform: uppercase;
+    font-weight: 800;
+    color: var(--evp-text-dim);
+    letter-spacing: 0.5px;
+    margin-bottom: 5px;
+}
+
+.m-value {
+    font-size: 18px;
+    font-weight: 900;
+    color: #fff;
+}
+
+/* ─── RESPONSIVENESS ─── */
+@media (max-width: 1300px) {
+    .evp-layout { gap: 40px; }
+    .hud-battery { left: 0; }
+    .hud-location { right: 0; }
+    .hud-route { right: 0; }
+}
+
+@media (max-width: 1100px) {
+    .evp-layout {
+        flex-direction: column;
+        text-align: center;
+    }
+    
+    .evp-content {
+        max-width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .evp-desc {
+        max-width: 700px;
+    }
+    
+    .evp-features {
+        max-width: 800px;
+        width: 100%;
+    }
+    
+    .evp-visual {
+        margin-top: 60px;
+        width: 100%;
+    }
+}
+
+@media (max-width: 640px) {
+    .evp-section { padding: 80px 0; }
+    .evp-features { grid-template-columns: 1fr; }
+    .evp-metrics { grid-template-columns: 1fr 1fr; gap: 20px; }
+    .evp-dashboard { padding: 30px 20px; }
+    .evp-hud-card { display: contents;  }
+    .evp-title { font-size: 38px; }
+    .evp-db-id { font-size: 24px; }
+}

public/css/sections/section-miletruth.css

@@ -0,0 +1,562 @@
+/*
+ * section-miletruth.css
+ * Extends the existing ev-section & evp-section patterns.
+ * Only adds what the existing CSS files don't already provide.
+ */
+
+/* ── Override ev-section font to match site Manrope ── */
+.ev-section,
+.ev-section .ev-title,
+.ev-section .ev-desc,
+.ev-section .ev-badge,
+.ev-section .feature-card h3,
+.ev-section .feature-card p {
+    font-family: 'Manrope', sans-serif;
+}
+
+/* ── Remove the decorative blobs (they show as colored arcs at section edges) ── */
+.ev-section::before,
+.ev-section::after {
+    display: none;
+}
+
+/* ── Column widths: image always gets the large column ──
+   Edge (non-rev): content first → col1 small, image → col2 large
+   Impact/Fulfillment (rev): image first → col1 large, content → col2 small ── */
+.ev-section .ev-grid {
+    grid-template-columns: 0.42fr 2.2fr;
+}
+.ev-section .ev-grid.ev-grid--rev {
+    grid-template-columns: 2.2fr 0.42fr;
+}
+.ev-section .ev-grid,
+.ev-section .ev-grid.ev-grid--rev {
+    gap: 40px;
+    align-items: center;
+}
+
+/* ── Widen the container on this page to give images more room ── */
+.ev-section .ev-container {
+    max-width: 1440px;
+    padding: 0 32px;
+}
+
+/* ── Slightly smaller body text so images feel dominant ── */
+.ev-section .ev-desc {
+    font-size: 16px !important;
+    line-height: 1.65;
+    margin-bottom: 36px;
+}
+
+/* ── Hero slider dark background (no Elementor CSS on this page) ── */
+/* .miletruth-hero .content-slider-wrapper {
+    background: linear-gradient(160deg, #0c0c14 0%, #18050a 100%);
+} */
+
+/* ── Remove the default 90px top margin so hero starts at y:0, covering the
+       white gap that would otherwise show behind the transparent header ── */
+.miletruth-hero .content-slider .slide-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.miletruth-hero .content-slider .slide-content-inner {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 980px;
+    padding: 0 32px;
+    text-align: center;
+}
+
+.miletruth-hero .content-slider-item-heading,
+.miletruth-hero .content-slider-item-heading .heading-content {
+    color: rgba(255, 255, 255, 0.92) !important;
+    font-size: 72px;
+    line-height: 1.05;
+    letter-spacing: 0;
+}
+
+.miletruth-hero .content-slider-item-text,
+.miletruth-hero .content-slider-item-text .text-content,
+.miletruth-hero .content-slider-item-text p {
+    color: rgba(255, 255, 255, 0.72) !important;
+    font-size: 20px;
+    line-height: 1.6;
+}
+
+.content-wrapper.miletruth-hero {
+    margin-top: 0 !important;
+}
+
+/* ── Image-left layouts: image is first child in HTML, large column is first ── */
+.ev-grid--rev {
+    grid-template-columns: 2.2fr 0.42fr;
+}
+/* No order override needed — HTML source order already places image first (left, large) */
+
+
+/* ── Dark section override on ev-section ── */
+.ev-section--dark {
+    background: #1a1a1f !important;
+}
+.ev-section--dark .ev-title  { color: #ffffff; }
+.ev-section--dark .ev-desc   { color: rgba(255, 255, 255, 0.55); }
+.ev-section--dark .ev-badge  {
+    background: rgba(255,255,255,0.06);
+    border-color: rgba(255,255,255,0.12);
+    color: rgba(255,255,255,0.7);
+    box-shadow: none;
+}
+.ev-section--dark .feature-card {
+    background: rgba(255,255,255,0.05);
+    border-color: rgba(255,255,255,0.08);
+}
+.ev-section--dark .feature-card:hover {
+    background: rgba(255,255,255,0.08);
+    border-color: rgba(227,30,36,0.3);
+}
+.ev-section--dark .feature-card h3 { color: #ffffff; }
+.ev-section--dark .feature-card p  { color: rgba(255,255,255,0.5); }
+.ev-section--dark .feature-icon-box {
+    background: rgba(255,255,255,0.07);
+    box-shadow: none;
+}
+
+/* ── Picture card (pitch image container) ── */
+.mr-pic-card {
+    border-radius: 32px;
+    overflow: hidden;
+    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.09);
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    background: #fff;
+}
+.mr-pic-card--dark {
+    border-color: rgba(255,255,255,0.08);
+    box-shadow: 0 40px 80px rgba(0,0,0,0.45);
+}
+.mr-pic-card img {
+    width: 100%; height: auto; display: block;
+    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
+}
+.mr-pic-card:hover img { transform: scale(1.025); }
+
+/* ── Stats strip ── */
+.mr-stats-strip {
+    padding: 72px 0;
+    background: #F8FAFC;
+    border-top: 1px solid rgba(0,0,0,0.05);
+    border-bottom: 1px solid rgba(0,0,0,0.05);
+}
+.mr-stats-grid {
+    max-width: 1300px;
+    margin: 0 auto;
+    padding: 0 40px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 0;
+    background: #fff;
+    border: 1px solid rgba(0,0,0,0.07);
+    border-radius: 24px;
+    overflow: hidden;
+    box-shadow: 0 8px 40px rgba(0,0,0,0.05);
+}
+.mr-stat-item {
+    padding: 44px 32px;
+    text-align: center;
+    border-right: 1px solid rgba(0,0,0,0.07);
+    transition: background 0.3s ease;
+}
+.mr-stat-item:last-child { border-right: none; }
+.mr-stat-item:hover { background: rgba(192,18,39,0.03); }
+.mr-stat-num {
+    font-family: 'Manrope', sans-serif;
+    font-size: clamp(36px, 4.5vw, 58px);
+    font-weight: 900;
+    color: #111;
+    letter-spacing: -2px;
+    line-height: 1;
+    margin-bottom: 10px;
+}
+.mr-stat-num span { color: #c01227; }
+.mr-stat-lbl {
+    font-family: 'Manrope', sans-serif;
+    font-size: 11px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    color: #64748B;
+}
+
+/* ── CTA section ── */
+.mr-cta-section {
+    padding: 130px 0;
+    background: #0d0304;
+    position: relative;
+    overflow: hidden;
+    text-align: center;
+}
+.mr-cta-section::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(ellipse 65% 55% at 50% 50%, rgba(192,18,39,0.16) 0%, transparent 100%);
+    pointer-events: none;
+}
+.mr-cta-inner {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 0 40px;
+    position: relative;
+    z-index: 1;
+}
+.mr-cta-eyebrow {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    font-family: 'Manrope', sans-serif;
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 3.5px;
+    text-transform: uppercase;
+    color: rgba(255,255,255,0.35);
+    margin-bottom: 28px;
+}
+.mr-cta-eyebrow::before,
+.mr-cta-eyebrow::after {
+    content: '';
+    display: block;
+    width: 28px; height: 1px;
+    background: rgba(255,255,255,0.2);
+}
+.mr-cta-inner h2 {
+    font-family: 'Manrope', sans-serif;
+    font-size: clamp(34px, 5vw, 64px);
+    font-weight: 900;
+    color: #fff;
+    line-height: 1.05;
+    letter-spacing: -2px;
+    text-transform: uppercase;
+    margin: 0 0 22px;
+}
+.mr-cta-inner h2 span { color: #c01227; }
+.mr-cta-inner p {
+    font-family: 'Manrope', sans-serif;
+    font-size: 18px;
+    color: rgba(255,255,255,0.48);
+    line-height: 1.75;
+    margin: 0 0 52px;
+}
+.mr-cta-btns {
+    display: flex;
+    gap: 14px;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+/* Primary CTA button */
+.mr-cta-btns .logico-button {
+    border-radius: 100px !important;
+}
+
+/* ── List style matching ev-section checklist ── */
+.ev-checklist {
+    list-style: none !important;
+    margin: 0 0 48px;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+.ev-checklist li {
+    list-style: none !important;
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    font-family: 'Manrope', sans-serif;
+    font-size: 15px;
+    font-weight: 600;
+    color: #2d3748;
+    line-height: 1.55;
+}
+.ev-checklist li::marker {
+    content: '' !important;
+    display: none !important;
+}
+.ev-checklist--dark li { color: rgba(255,255,255,0.75); }
+
+/* .logico-front-end ul li:before (vendor-theme-core.css) injects a fontello icon on
+   every li — override it with higher specificity + !important so only our SVG shows */
+.logico-front-end .ev-checklist li::before,
+.ev-checklist li::before {
+    content: '' !important;
+    font: unset !important;
+    position: relative !important;
+    display: block !important;
+    width: 20px; height: 20px; min-width: 20px;
+    border-radius: 6px;
+    background: rgba(192,18,39,0.08) !important;
+    border: 1.5px solid rgba(192,18,39,0.2);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%23c01227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
+    background-size: 10px; background-repeat: no-repeat; background-position: center;
+    margin-top: 2px; flex-shrink: 0;
+    top: 0 !important; left: 0 !important;
+}
+.ev-checklist--dark li::before {
+    background-color: rgba(192,18,39,0.08) !important;
+    border-color: rgba(192,18,39,0.2) !important;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c01227' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 7 17l-5-5'/%3E%3Cpath d='m22 10-7.5 7.5L13 16'/%3E%3C/svg%3E") !important;
+    background-size: 14px;
+}
+
+/* ── Responsive extras ── */
+@media (max-width: 1024px) {
+    .mr-stats-grid { grid-template-columns: repeat(2, 1fr); }
+    .mr-stat-item:nth-child(even) { border-right: none; }
+    .mr-stat-item:nth-child(n+3) { border-top: 1px solid rgba(0,0,0,0.07); }
+}
+@media (max-width: 680px) {
+    .mr-stats-strip { padding: 52px 0; }
+    .mr-stats-grid { padding: 0 20px; grid-template-columns: 1fr 1fr; border-radius: 16px; }
+    .mr-stat-item { padding: 28px 16px; }
+    .mr-stat-item:nth-child(odd) { border-right: 1px solid rgba(0,0,0,0.07); }
+    .mr-cta-section { padding: 80px 0; }
+    .mr-cta-inner { padding: 0 20px; }
+    .mr-cta-btns { flex-direction: column; align-items: center; }
+}
+
+/* Additional responsive image fixes for MileTruth page */
+@media (max-width: 1200px) {
+    .mr-pic-card img {
+        max-height: 520px;
+        width: 100%;
+        height: auto;
+        object-fit: cover;
+    }
+    .miletruth-hero .content-slider .slide-content-inner {
+        max-width: 860px;
+        padding: 0 28px;
+    }
+    .miletruth-hero .content-slider-item-heading,
+    .miletruth-hero .content-slider-item-heading .heading-content {
+        font-size: 60px;
+    }
+    .miletruth-hero .content-slider-item-text,
+    .miletruth-hero .content-slider-item-text .text-content,
+    .miletruth-hero .content-slider-item-text p {
+        font-size: 19px;
+    }
+}
+
+@media (max-width: 1024px) {
+    .mr-pic-card {
+        border-radius: 24px;
+    }
+    .mr-pic-card img {
+        max-height: 480px;
+        object-fit: cover;
+    }
+    .miletruth-hero .content-slider .slide-content-inner {
+        max-width: 760px;
+        margin: 0 auto;
+        padding: 0 24px;
+    }
+    .miletruth-hero .content-slider-item-heading,
+    .miletruth-hero .content-slider-item-heading .heading-content {
+        font-size: 50px;
+        line-height: 1.1;
+    }
+    .miletruth-hero .content-slider-item-text,
+    .miletruth-hero .content-slider-item-text .text-content,
+    .miletruth-hero .content-slider-item-text p {
+        font-size: 18px;
+        line-height: 1.55;
+    }
+}
+
+@media (max-width: 768px) {
+    .ev-section .ev-grid,
+    .ev-grid--rev {
+        grid-template-columns: 1fr;
+    }
+    .mr-pic-card {
+        width: 100%;
+        margin-bottom: 24px;
+    }
+    .mr-pic-card img {
+        max-height: 360px;
+        object-fit: cover;
+    }
+    .miletruth-hero .content-slider .slide-content-inner {
+        max-width: 620px;
+        margin-left: auto;
+        margin-right: auto;
+        padding: 0 22px;
+    }
+    .miletruth-hero .content-slider-item-heading,
+    .miletruth-hero .content-slider-item-heading .heading-content {
+        font-size: 40px;
+        line-height: 1.12;
+    }
+    .miletruth-hero .content-slider-item-text,
+    .miletruth-hero .content-slider-item-text .text-content,
+    .miletruth-hero .content-slider-item-text p {
+        font-size: 16px;
+        line-height: 1.55;
+    }
+    .miletruth-hero .content-slider.nav-h-position-right .owl-nav,
+    .miletruth-hero .content-slider.nav-h-position-right .slider-footer {
+        right: 18px;
+    }
+}
+
+@media (max-width: 480px) {
+    .mr-pic-card img {
+        max-height: 240px;
+        object-fit: cover;
+    }
+    .mr-stats-grid {
+        grid-template-columns: 1fr;
+        padding: 0 14px;
+        border-radius: 12px;
+    }
+    .mr-stat-item {
+        padding: 20px;
+        border-right: none !important;
+        border-top: 1px solid rgba(0,0,0,0.07);
+    }
+    .mr-stat-num {
+        font-size: clamp(28px, 8vw, 40px);
+    }
+    .miletruth-hero .content-slider .slide-content-inner {
+        max-width: 100%;
+        padding: 0 18px;
+    }
+    .miletruth-hero .content-slider-item-heading,
+    .miletruth-hero .content-slider-item-heading .heading-content {
+        font-size: 32px;
+        line-height: 1.14;
+    }
+    .miletruth-hero .content-slider-item-text,
+    .miletruth-hero .content-slider-item-text .text-content,
+    .miletruth-hero .content-slider-item-text p {
+        font-size: 15px;
+        line-height: 1.5;
+    }
+    .miletruth-hero .content-slider-item-text {
+        margin-top: 16px !important;
+    }
+    .miletruth-hero .content-slider.nav-h-position-right .owl-nav,
+    .miletruth-hero .content-slider.nav-h-position-right .slider-footer {
+        right: 12px;
+    }
+}
+
+/* Responsive tweaks specifically for dark variant to ensure readable layout */
+@media (max-width: 1024px) {
+    .ev-section--dark {
+        padding: 80px 0;
+    }
+    .ev-section--dark .ev-container {
+        padding: 0 20px;
+    }
+    .ev-section--dark .ev-title,
+    .ev-section--dark .ev-desc {
+        text-align: center;
+        margin-left: auto;
+        margin-right: auto;
+        max-width: 100%;
+    }
+    .ev-section--dark .feature-grid {
+        grid-template-columns: 1fr;
+        gap: 20px;
+    }
+}
+
+@media (max-width: 640px) {
+    .ev-section--dark {
+        padding: 60px 0;
+    }
+    .ev-section--dark .ev-title { font-size: clamp(28px, 7vw, 40px); }
+    .ev-section--dark .ev-badge { margin-left: auto; margin-right: auto; }
+    .ev-section--dark .feature-card {
+        background: rgba(255,255,255,0.03);
+        border-color: rgba(255,255,255,0.06);
+    }
+}
+
+/* MileTruth workflow carousel pagination */
+.miletruth-workflow-heading {
+    color: #ffffff;
+    font-family: 'Manrope', sans-serif;
+    font-size: clamp(26px, 3vw, 44px);
+    font-weight: 800;
+    line-height: 1.12;
+    letter-spacing: 0;
+    margin: 0 0 24px;
+}
+
+.elementor-63 .elementor-element.elementor-element-0a76e77 .testimonial-text p {
+    margin-top: 0;
+}
+
+.elementor-63 .elementor-element.elementor-element-0a76e77 .miletruth-workflow-progress,
+.miletruth-workflow-progress.slider-footer.slider-footer-position-after {
+    margin-top: 18px !important;
+    text-align: right;
+}
+
+.miletruth-workflow-progress .slider-footer-content {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+}
+
+.miletruth-workflow-progress .slider-pagination {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 12px;
+}
+
+.miletruth-workflow-progress .slider-progress-wrapper {
+    color: #ffffff !important;
+    font-family: 'Manrope', sans-serif;
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 1;
+    letter-spacing: 0;
+}
+
+.miletruth-workflow-progress .slider-progress-current,
+.miletruth-workflow-progress .slider-progress-all {
+    color: #ffffff !important;
+}
+
+.miletruth-workflow-progress .owl-dots {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+}
+
+.miletruth-workflow-progress .owl-dots .owl-dot,
+.miletruth-workflow-progress .owl-dots button.owl-dot {
+    width: 43px;
+    height: 2px;
+    padding: 0 !important;
+    border: 0 !important;
+    border-radius: 0;
+    background: rgba(255,255,255,0.9) !important;
+    opacity: 1;
+    cursor: pointer;
+}
+
+.miletruth-workflow-progress .owl-dots .owl-dot span {
+    display: none !important;
+}
+
+.miletruth-workflow-progress .owl-dots .owl-dot.active,
+.miletruth-workflow-progress .owl-dots button.owl-dot.active {
+    height: 3px;
+    background: #C01227 !important;
+}

public/css/vendor/vendor-elementor-hfe.css

@@ -0,0 +1,25 @@
+.footer-width-fixer {
+    width: 100%
+}
+
+.ehf-template-genesis.ehf-header .site-header .wrap,.ehf-template-genesis.ehf-footer .site-footer .wrap,.ehf-template-generatepress.ehf-header .site-header .inside-header {
+    width: 100%;
+    padding: 0;
+    max-width: 100%
+}
+
+.ehf-template-generatepress.ehf-header .site-header,.ehf-template-generatepress.ehf-footer .site-footer {
+    width: 100%;
+    padding: 0;
+    max-width: 100%;
+    background-color: transparent!important
+}
+
+.bhf-hidden {
+    display: none
+}
+
+.ehf-header #masthead {
+    z-index: 99;
+    position: relative
+}

public/css/vendor/vendor-global-overrides.css

@@ -0,0 +1,979 @@
+/*
+ Theme Name:   Logico Child
+ Description:  Logico Child Theme
+ Theme URI:	   https://example.com/themes/logico
+ Author:       Artureanec
+ Author URI:   https://example.com
+ Template:     logico
+ Version:      1.0.0
+ License: GNU  General Public License version 3.0
+ License URI:  http://www.gnu.org/licenses/gpl-3.0.html
+ Text Domain:  logico-child
+*/
+
+/* =Theme customization starts here
+------------------------------------------------------- */
+
+/* Hide mobile-specific logo by default */
+.logo-mobile {
+    display: none !important;
+}
+
+/* ============================================================
+   MOBILE & TABLET HEADER REFINEMENT (< 1024px)
+   Transition to mobile pill-shape earlier to prevent desktop overlap/wrapping
+   ============================================================ */
+
+@media (max-width: 1024px) {
+
+    /* Logo toggling */
+    .logo-desktop {
+        display: none !important;
+    }
+
+    .logo-mobile {
+        display: block !important;
+    }
+
+    /* 1. Header Wrapper (Outer): Position & Spacing */
+    .elementor-5180 .elementor-element.elementor-element-466de1b {
+        position: fixed !important;
+        top: 30px !important;
+        left: 0 !important;
+        right: 0 !important;
+        width: 100% !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+        height: auto !important;
+        z-index: 10000 !important;
+        background: transparent !important;
+        pointer-events: none;
+    }
+
+    /* 2. The Header Box / Card (Inner) */
+    .elementor-5180 .elementor-element.elementor-element-e052838 {
+        margin: 0 10px auto !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        background-color: #ffffff !important;
+        border-radius: 25px !important;
+        overflow: hidden !important;
+        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
+        pointer-events: all;
+        display: flex !important;
+        flex-direction: column !important;
+    }
+
+    /* 3. Main Row Layout Container */
+    .elementor-5180 .elementor-element.elementor-element-d681ece {
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+        width: 100% !important;
+        padding: 12px 25px !important;
+        min-height: 70px !important;
+        box-sizing: border-box !important;
+        gap: 0 !important;
+    }
+
+    /* 4. Logo Container (Left) */
+    .elementor-5180 .elementor-element.elementor-element-472172e {
+        flex: 1 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-start !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+    /* 5. Menu Container (Right / Hamburger) */
+    .elementor-5180 .elementor-element.elementor-element-e44ee7e {
+        flex: 0 0 auto !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-end !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+    /* 6. Logo Widget Adjustments */
+    .elementor-5180 .elementor-element.elementor-element-846e53d {
+        width: auto !important;
+        margin: 0 !important;
+        display: flex !important;
+        align-items: center !important;
+        max-width: none !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
+        margin: 0 !important;
+        max-width: none !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 180px !important; 
+        height: auto !important;
+        min-width: 100px !important;
+    }
+
+    /* 7. Menu Trigger (Hamburger) alignment */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .menu-trigger {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-end !important;
+        padding: 5px !important;
+        margin: 0 !important;
+    }
+
+    /* Hamburger icon customization */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .hamburger {
+        width: 30px !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .hamburger span {
+        background-color: #1f1f1f !important;
+        height: 2px !important;
+        margin-bottom: 5px !important;
+    }
+
+    /* Hide desktop-only elements */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .header-menu-container,
+    .elementor-5180 .elementor-element.elementor-element-2f31137,
+    .elementor-5180 .elementor-element.elementor-element-f961133 {
+        display: none !important;
+    }
+}
+
+/* ============================================================
+   MEDIUM DESKTOP OPTIMIZATION (1025px - 1480px)
+   Prevents logo/menu overlap on medium screens
+   ============================================================ */
+@media (min-width: 1025px) and (max-width: 1480px) {
+    /* Reduce logo size slightly */
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-desktop {
+        width: 130px !important;
+        height: auto !important;
+    }
+
+    /* Force single line and tighten spacing */
+    .elementor-5180 .main-menu {
+        display: flex !important;
+        flex-wrap: nowrap !important;
+        white-space: nowrap !important;
+    }
+
+    .elementor-5180 .main-menu > li > a {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        font-size: 13px !important;
+    }
+
+    /* Reduce container spacing */
+    .elementor-5180 .elementor-element.elementor-element-d681ece {
+        padding-left: 15px !important;
+        padding-right: 15px !important;
+        gap: 10px !important;
+    }
+
+    /* Ensure the menu pill container stays compact */
+    .header-menu-container {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        max-width: 750px !important;
+    }
+
+    /* Scale down the CTA button */
+    .elementor-5180 .logico-small-button {
+        padding: 10px 20px !important;
+        font-size: 13px !important;
+    }
+}
+
+/* Tablet Scaling (768px - 1024px) */
+@media (max-width: 1024px) and (min-width: 768px) {
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 210px !important;
+    }
+}
+
+/* Standard Mobile Scaling */
+@media (max-width: 767px) {
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 175px !important;
+    }
+}
+
+/* Extra Small Devise Optimization */
+@media (max-width: 480px) {
+    .elementor-5180 .elementor-element.elementor-element-466de1b {
+        top: 15px !important;
+        padding-left: 15px !important;
+        padding-right: 15px !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-d681ece {
+        padding: 6px 20px !important;
+        min-height: 55px !important; /* Smaller height for small screens */
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 155px !important; /* Scaled down for tiny screens */
+    }
+}
+
+/* ============================================================
+   HOME SECTION IMAGE RESPONSIVENESS (wp-image-4481)
+   ============================================================ */
+
+/* Fix for Tablet and Mobile */
+@media (max-width: 1024px) {
+    .elementor-element.elementor-element-99768ba .elementor-widget-container img.wp-image-4481 {
+        width: 100% !important;
+        max-width: 450px !important;
+        /* Prevent oversized/zoomed appearance on tablets */
+        height: auto !important;
+        aspect-ratio: auto !important;
+        /* Maintain original proportions */
+        object-fit: contain !important;
+        /* Ensure no cropping of important content */
+        margin: 0 auto !important;
+        /* Centering */
+        display: block !important;
+        padding-bottom: 0px !important;
+        /* Spacing below the image */
+    }
+
+    /* Ensure parent container centers the image */
+    .elementor-element.elementor-element-99768ba {
+        text-align: center !important;
+    }
+}
+
+/* Specific scaling for small mobile phones */
+@media (max-width: 767px) {
+    .elementor-element.elementor-element-99768ba .elementor-widget-container img.wp-image-4481 {
+        max-width: 90% !important;
+        /* Reduce scale on small screens */
+        margin: 0 auto !important;
+        border-radius: 18px !important;
+        /* Consistent rounded edges */
+    }
+}
+
+/* ============================================================
+   WHY CHOOSE DOORMILE SECTION RESPONSIVENESS (< 1020px)
+   ============================================================ */
+
+
+
+    
+    
+
+/* ============================================================
+   PROBLEM SECTION - Responsive Layout Fix
+   Targets: "Fragmented Logistics is Broken" section only
+   No button styles included.
+   ============================================================ */
+
+/* Prevent horizontal overflow on the outer container */
+.elementor-element.section-shrink-custom[data-id="30fd9d1"],
+.elementor-element.section-shrink-custom[data-id="30fd9d1"] > .e-con-inner {
+    overflow-x: hidden !important;
+    box-sizing: border-box !important;
+}
+
+@media (max-width: 1024px) {
+    /* Full width with padding so content doesn't touch screen edges */
+    .elementor-element.section-shrink-custom[data-id="30fd9d1"] > .e-con-inner {
+        max-width: 100% !important;
+        width: 100% !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+    }
+
+    /* The 4-icon stat grid: wrap into 2 columns on tablet */
+    .elementor-element.elementor-element-e09c20e {
+        grid-template-columns: repeat(2, 1fr) !important;
+        gap: 24px !important;
+    }
+
+    /* Description text: prevent overflow */
+    .elementor-element.elementor-element-5a5c397,
+    .elementor-element.elementor-element-07cd509 {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+    }
+
+    .elementor-element.elementor-element-07cd509 p {
+        width: 100% !important;
+        overflow-wrap: break-word !important;
+        word-break: break-word !important;
+    }
+}
+
+@media (max-width: 480px) {
+    /* Single column on small mobile */
+    .elementor-element.elementor-element-e09c20e {
+        grid-template-columns: 1fr !important;
+    }
+}
+
+/* ============================================================
+   HEADER SCROLL VISIBILITY
+   Home page: hidden until scroll. All other pages: always visible.
+   ============================================================ */
+
+/* Home page: header fades in after scroll (JS adds .header-visible-scrolled) */
+.is-home-page .header-hide-until-scroll {
+    opacity: 0 !important;
+    visibility: hidden !important;
+    transform: translateY(-20px);
+    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease !important;
+}
+
+.is-home-page .header-hide-until-scroll.header-visible-scrolled {
+    opacity: 1 !important;
+    visibility: visible !important;
+    transform: translateY(0) !important;
+}
+
+/* Non-home pages: always show header */
+body:not(.is-home-page) .header-hide-until-scroll {
+    opacity: 1 !important;
+    visibility: visible !important;
+    transform: translateY(0) !important;
+}
+
+/* ============================================================
+   PROBLEM SECTION - Responsive Text & Layout Fix
+   ============================================================ */
+
+/* Prevent overflow at the section container level */
+.elementor-element.section-shrink-custom[data-id="30fd9d1"] {
+    overflow-x: hidden !important;
+    max-width: 100vw !important;
+}
+
+.elementor-element.section-shrink-custom[data-id="30fd9d1"] > .e-con-inner {
+    max-width: 1480px !important;
+    width: 100% !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    box-sizing: border-box !important;
+}
+
+/* @media (min-width: 1300px) {
+
+    .elementor-element.section-shrink-custom[data-id="30fd9d1"] > .e-con-inner {
+        max-width: 1300px !important;
+        padding: 0px 50px 10px !important;
+    }
+} */
+
+@media (max-width: 1024px) {
+    .elementor-element.section-shrink-custom[data-id="30fd9d1"] > .e-con-inner {
+        max-width: 100% !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+    }
+
+    /* Left column (heading + stats + text): full width */
+    .elementor-element.elementor-element-03db5d7 {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+    }
+
+    /* Stats grid: 2 columns on tablet */
+    .elementor-element.elementor-element-e09c20e {
+        display: grid !important;
+        grid-template-columns: repeat(2, 1fr) !important;
+        gap: 20px !important;
+        width: 100% !important;
+    }
+
+    /* Description text block: prevent overflow */
+    .elementor-element.elementor-element-5a5c397 {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+    }
+
+    .elementor-element.elementor-element-07cd509 {
+        width: 100% !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+    }
+
+    /* Force all text to wrap properly */
+    .section-shrink-custom p,
+    .section-shrink-custom h3,
+    .section-shrink-custom span {
+        max-width: 100% !important;
+        word-break: break-word !important;
+        overflow-wrap: break-word !important;
+        white-space: normal !important;
+    }
+}
+
+@media (max-width: 480px) {
+    /* Single column stats on small phones */
+    .elementor-element.elementor-element-e09c20e {
+        grid-template-columns: 1fr !important;
+    }
+}
+
+/* ============================================================
+   PAGE LOADER - Must cover header on all viewports
+   Header uses z-index: 10000 so loader needs higher
+   ============================================================ */
+.page-loader-container {
+    z-index: 100000 !important;
+}
+
+/* ============================================================
+   CONNECTED LOGISTICS - India Map Image Sizing
+   Widen the map column to fill the gap on the right side
+   ============================================================ */
+@media (min-width: 1021px) {
+    /* Image column: force wider */
+    
+
+    /* Text column: take the remaining space */
+    
+
+    /* Map image: fill the wider container */
+   
+}
+
+/* ============================================================
+   INDUSTRY SOLUTIONS - Hover Effect Override
+   Image fills box, content shows on hover with #c01227 shade.
+   ============================================================ */
+
+.elementor-element.elementor-element-b891c78,
+.elementor-element.elementor-element-9b933db,
+.elementor-element.elementor-element-280b0dc {
+    position: relative !important;
+    overflow: hidden !important;
+    height: 620px !important;
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: flex-end !important;
+    align-items: flex-start !important;
+    text-align: left !important;
+    padding: 40px 40px 80px 40px !important;
+
+
+    border-radius: 20px !important;
+    background-color: #f7f7f7 !important;
+    transition: all 0.4s ease !important;
+}
+
+
+/* Make image fill the entire card box */
+.elementor-element.elementor-element-b891c78 .elementor-widget-image,
+.elementor-element.elementor-element-9b933db .elementor-widget-image,
+.elementor-element.elementor-element-280b0dc .elementor-widget-image {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    z-index: 1 !important;
+}
+
+.elementor-element.elementor-element-b891c78 .elementor-widget-image img,
+.elementor-element.elementor-element-9b933db .elementor-widget-image img,
+.elementor-element.elementor-element-280b0dc .elementor-widget-image img {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: cover !important;
+    border-radius: 20px !important;
+    transition: transform 0.6s ease !important;
+}
+
+/* Persistent bottom overlay before hover #c01227 */
+.elementor-element.elementor-element-b891c78::after,
+.elementor-element.elementor-element-9b933db::after,
+.elementor-element.elementor-element-280b0dc::after {
+    content: "" !important;
+    position: absolute !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 120px !important; 
+    background-image: linear-gradient(to top, rgba(34, 34, 34, 0.9), rgba(192, 18, 39, 0)) !important;
+    z-index: 1 !important;
+    opacity: 1 !important;
+    border-radius: 0 0 20px 20px !important;
+    transition: opacity 0.4s ease !important;
+    pointer-events: none !important;
+}
+
+.elementor-element.elementor-element-b891c78:hover::after,
+.elementor-element.elementor-element-9b933db:hover::after,
+.elementor-element.elementor-element-280b0dc:hover::after {
+    opacity: 0 !important;
+}
+
+/* Hover background shade overlay #c01227 */
+
+.elementor-element.elementor-element-b891c78::before,
+.elementor-element.elementor-element-9b933db::before,
+.elementor-element.elementor-element-280b0dc::before {
+    content: "" !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    background-image: linear-gradient(to top, rgba(192, 18, 39, 0.95), rgba(192, 18, 39, 0.2)) !important;
+
+    z-index: 2 !important;
+    opacity: 0 !important;
+    transition: opacity 0.4s ease !important;
+    border-radius: 20px !important;
+    
+    
+}
+
+.elementor-element.elementor-element-b891c78:hover::before,
+.elementor-element.elementor-element-9b933db:hover::before,
+.elementor-element.elementor-element-280b0dc:hover::before {
+    opacity: 1 !important;
+}
+
+/* Hide content until hover (explicitly target text and lists) */
+.elementor-element.elementor-element-b891c78 .elementor-widget-text-editor,
+.elementor-element.elementor-element-9b933db .elementor-widget-text-editor,
+.elementor-element.elementor-element-280b0dc .elementor-widget-text-editor,
+.elementor-element.elementor-element-b891c78 .elementor-widget-divider,
+.elementor-element.elementor-element-9b933db .elementor-widget-divider,
+.elementor-element.elementor-element-280b0dc .elementor-widget-divider,
+.elementor-element.elementor-element-b891c78 .hover-list-content,
+.elementor-element.elementor-element-9b933db .hover-list-content,
+.elementor-element.elementor-element-280b0dc .hover-list-content {
+    position: relative !important;
+    z-index: 3 !important;
+    opacity: 0 !important;
+    transform: translateY(20px) !important;
+    transition: opacity 0.4s ease, transform 0.4s ease !important;
+}
+
+.elementor-element.elementor-element-b891c78:hover .elementor-widget-text-editor,
+.elementor-element.elementor-element-9b933db:hover .elementor-widget-text-editor,
+.elementor-element.elementor-element-280b0dc:hover .elementor-widget-text-editor,
+.elementor-element.elementor-element-b891c78:hover .elementor-widget-divider,
+.elementor-element.elementor-element-9b933db:hover .elementor-widget-divider,
+.elementor-element.elementor-element-280b0dc:hover .elementor-widget-divider,
+.elementor-element.elementor-element-b891c78:hover .hover-list-content,
+.elementor-element.elementor-element-9b933db:hover .hover-list-content,
+.elementor-element.elementor-element-280b0dc:hover .hover-list-content {
+    opacity: 1 !important;
+    transform: translateY(0) !important;
+}
+
+
+/* Force text to be white and clean */
+.elementor-element.elementor-element-b891c78 .logico-title,
+.elementor-element.elementor-element-9b933db .logico-title,
+.elementor-element.elementor-element-280b0dc .logico-title,
+.elementor-element.elementor-element-b891c78 p,
+.elementor-element.elementor-element-9b933db p,
+.elementor-element.elementor-element-280b0dc p {
+    position: relative !important;
+    z-index: 5 !important;
+    font-size: 20px !important;
+}
+
+.elementor-element.elementor-element-b891c78 .logico-title,
+.elementor-element.elementor-element-9b933db .logico-title,
+.elementor-element.elementor-element-280b0dc .logico-title {
+    color: #fff !important;
+    text-shadow: 0px 2px 10px rgba(255, 255, 255, 0.4) !important;
+    font-size: 24px !important;
+    font-weight: 700 !important;
+    margin-bottom: 15px !important;
+    text-align: left !important;
+    transition: all 0.3s ease !important;
+    position: relative !important;
+    padding-left: 0px !important;
+    cursor: pointer !important;
+}
+
+.elementor-element.elementor-element-b891c78:hover .logico-title,
+.elementor-element.elementor-element-9b933db:hover .logico-title,
+.elementor-element.elementor-element-280b0dc:hover .logico-title {
+    padding-left: 45px !important;
+}
+
+
+/* White Circle Arrow Icon Wrapper */
+.title-icon {
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    position: absolute !important;
+    left: 0 !important;
+    top: 50% !important;
+    transform: translateY(-50%) scale(0.6) !important;
+    width: 32px !important;
+    height: 32px !important;
+    background-color: #ffffff !important;
+    border-radius: 50% !important;
+    color: #000000 !important;
+    opacity: 0 !important;
+    transition: opacity 0.3s ease, transform 0.3s ease !important;
+}
+
+.elementor-element.elementor-element-b891c78:hover .title-icon,
+.elementor-element.elementor-element-9b933db:hover .title-icon,
+.elementor-element.elementor-element-280b0dc:hover .title-icon {
+    opacity: 1 !important;
+    transform: translateY(-50%) scale(1) !important;
+}
+
+
+.title-icon svg {
+    width: 18px !important;
+    height: 18px !important;
+}
+
+
+
+
+
+.elementor-element.elementor-element-b891c78:hover .logico-title,
+.elementor-element.elementor-element-9b933db:hover .logico-title,
+.elementor-element.elementor-element-280b0dc:hover .logico-title,
+.elementor-element.elementor-element-b891c78:hover p,
+.elementor-element.elementor-element-9b933db:hover p,
+.elementor-element.elementor-element-280b0dc:hover p {
+    color: #ffffff !important;
+}
+
+
+.elementor-element.elementor-element-b891c78:hover .elementor-divider-separator,
+.elementor-element.elementor-element-9b933db:hover .elementor-divider-separator,
+.elementor-element.elementor-element-280b0dc:hover .elementor-divider-separator {
+    border-top-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+/* Lists styling on Hover */
+.hover-list-content {
+    position: relative !important;
+    z-index: 5 !important;
+    opacity: 0 !important;
+    transform: translateY(20px) !important;
+    transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s !important; /* staggered entry */
+
+    width: 100% !important;
+    margin-top: 25px !important;
+    margin-bottom: 20px !important;
+
+
+}
+
+.elementor-element.elementor-element-b891c78:hover .hover-list-content,
+.elementor-element.elementor-element-9b933db:hover .hover-list-content,
+.elementor-element.elementor-element-280b0dc:hover .hover-list-content {
+    opacity: 1 !important;
+    transform: translateY(0) !important;
+}
+
+.list-section {
+    margin-bottom: 25px !important;
+    width: 100% !important;
+}
+
+
+.list-section:last-child {
+    margin-bottom: 0 !important;
+}
+
+.list-section-title {
+    color: #e2e8f0 !important;
+    font-size: 13px !important;
+    font-weight: 700 !important;
+    letter-spacing: 1.5px !important;
+    margin-bottom: 12px !important;
+    text-transform: uppercase !important;
+    text-align: left !important;
+}
+
+.hover-items-list {
+    list-style: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+.hover-items-list li {
+    display: flex !important;
+    justify-content: flex-start !important;
+    align-items: flex-start !important;
+    gap: 12px !important;
+    margin-bottom: 12px !important;
+    color: #ffffff !important;
+    font-size: 16px !important;
+    line-height: 1.4 !important;
+    text-align: left !important;
+}
+
+
+
+
+.hover-items-list li::before {
+    content: "•" !important;
+    color: #ffffff !important;
+    font-size: 20px !important;
+    line-height: 1 !important;
+    margin-top: -3px !important;
+    flex-shrink: 0 !important;
+}
+
+
+.hover-items-list li:last-child {
+    margin-bottom: 0 !important;
+}
+
+.hover-items-list li span {
+    color: #ffffff !important;
+}
+
+/* Push headers to bottom */
+.elementor-element.elementor-element-b891c78 .elementor-widget-logico_heading,
+.elementor-element.elementor-element-9b933db .elementor-widget-logico_heading,
+.elementor-element.elementor-element-280b0dc .elementor-widget-logico_heading {
+    position: absolute !important;
+    bottom: 30px !important;
+    left: 30px !important;
+    z-index: 10 !important;
+    margin: 0 !important;
+    text-align: left !important;
+
+
+}
+
+/* ============================================================
+   FOOTER CONTACT LINKS - Contrast Fix
+   ============================================================ */
+.elementor-6585 a,
+.elementor-6585 a::before,
+.elementor-6585 a::after {
+    color: #FFFFFF !important;
+    text-decoration: none !important;
+    transition: all 0.4s ease-in-out !important;
+}
+
+/* Apply red hover color only to simple links, avoiding buttons */
+.elementor-6585 a:not(.logico-alter-button):hover {
+    color: #c01227 !important;
+}
+
+.elementor-6585 a.logico-alter-button:hover {
+    opacity: 0.9 !important;
+}
+
+/* Specific fix for phone and email links to ensure no default theme underlines */
+.elementor-element-87be926 a,
+.elementor-element-ba67644 a {
+    border-bottom: none !important;
+    text-decoration: none !important;
+}
+
+/* ============================================================
+   SOCIAL ICONS VISIBILITY FIX
+   Ensures both font-based and SVG icons are visible and properly sized.
+   Targeting the common .wrapper-socials class used across the site.
+   ============================================================ */
+.e-font-icon-svg {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+    vertical-align: middle;
+}
+
+.elementor-social-icon svg {
+    width: 25px;
+    height: 25px;
+}
+
+.fab, .fas, .far {
+    display: inline-block !important;
+}
+
+.wrapper-socials {
+    list-style: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: flex !important;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.wrapper-socials li {
+    display: inline-block !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.wrapper-socials li:before {
+    content: none !important;
+}
+
+.wrapper-socials a {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background-color: rgba(0, 0, 0, 0.05);
+    color: inherit;
+    text-decoration: none !important;
+    transition: all 0.3s ease;
+    font-size: 16px;
+}
+
+.wrapper-socials a:hover {
+    background-color: var(--logico-accent-color, #c01227);
+    color: #fff !important;
+}
+
+.wrapper-socials a svg {
+    width: 18px;
+    height: 18px;
+    fill: currentColor;
+}
+
+/* Global visibility enforcement for Elementor and other social icons */
+.elementor-social-icon, 
+.e-font-icon-svg, 
+.wrapper-socials i, 
+.wrapper-socials svg {
+    display: inline-block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+
+/* Ensure SVG icons have at least some size if not specified */
+svg.e-font-icon-svg,
+.elementor-social-icon svg {
+    min-width: 16px;
+    min-height: 16px;
+}
+
+
+
+
+
+
+/* ============================================================
+   REDESIGNED STEP CARDS (How It Works) - BLACK TEMPLATE
+   ============================================================ */
+.dm-step-card {
+    background: #111111;
+    border: 1px solid #222222;
+    border-radius: 25px;
+    padding: 35px;
+    height: 100%;
+    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+    margin: 20px;
+}
+
+.dm-step-card:hover {
+    border-color: #c01227;
+    background: #161616;
+    box-shadow: 0 30px 60px rgba(192, 18, 39, 0.3), 0 0 30px rgba(192, 18, 39, 0.15), 0 10px 25px rgba(0, 0, 0, 0.5);
+    transform: translateY(-10px) scale(1.02);
+}
+
+.dm-step-card__image {
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+.dm-step-card__image img {
+    width: 100%;
+    height: auto;
+    border-radius: 20px;
+    object-fit: cover;
+    display: block;
+    opacity: 0.9;
+    transition: opacity 0.3s ease;
+}
+
+.dm-step-card:hover .dm-step-card__image img {
+    opacity: 1;
+}
+
+.dm-step-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.dm-step-card__num {
+    color: #c01227;
+    font-weight: 800;
+    text-transform: uppercase;
+    font-size: 13px;
+    letter-spacing: 1.5px;
+    margin: 0;
+}
+
+.dm-step-card__title {
+    font-size: 26px;
+    font-weight: 800;
+    color: #ffffff;
+    margin: 0;
+    line-height: 1.2;
+}
+
+.dm-step-card__text {
+    font-size: 15px;
+    line-height: 1.6;
+    color: #aaaaaa;
+    margin: 0;
+}
+
+.dm-step-card__list {
+    list-style: none;
+    padding: 0;
+    margin: 10px 0 0 0;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.dm-step-card__list li {
+    position: relative;
+    padding-left: 28px;
+    font-size: 14px;
+    color: #dddddd;
+    font-weight: 700;
+    line-height: 1.4;
+}
+
+.dm-step-card__list li::before {
+    content: "\f061"; /* FontAwesome arrow-right */
+    font-family: "Font Awesome 6 Free";
+    font-weight: 900;
+    position: absolute;
+    left: 0;
+    top: 1px;
+    color: #c01227;
+    font-size: 12px;
+}
+

public/css/vendor/vendor-icons-fontello-load.css

@@ -0,0 +1,8 @@
+@font-face {
+    font-display: swap;
+    font-family: 'fontello';
+    src: url(/fonts/fontello.woff2?98791691) format("woff2");
+    font-weight: 400;
+    font-style: normal
+}
+

public/css/vendor/vendor-icons-fontello.css

@@ -0,0 +1,523 @@
+[class^="icon-"]:before,[class*=" icon-"]:before {
+    font-family: 'fontello';
+    font-style: normal;
+    font-weight: 400;
+    speak: never;
+    display: inline-block;
+    text-decoration: inherit;
+    width: 1em;
+    text-align: center;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1em;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.icon-arrow-down:before {
+    content: '\e800'
+}
+
+.icon-arrow-right:before {
+    content: '\e801'
+}
+
+.icon-arrow-left:before {
+    content: '\e802'
+}
+
+.icon-arrow-top:before {
+    content: '\e803'
+}
+
+.icon-arrow-x-l-down:before {
+    content: '\e804'
+}
+
+.icon-arrow-x-r-down:before {
+    content: '\e805'
+}
+
+.icon-arrow-x-l-top:before {
+    content: '\e806'
+}
+
+.icon-button-arrow-x-l-down:before {
+    content: '\e807'
+}
+
+.icon-button-arrow-x-r-down:before {
+    content: '\e808'
+}
+
+.icon-button-arrow-x-l-top:before {
+    content: '\e809'
+}
+
+.icon-arrow-x-r-top:before {
+    content: '\e80a'
+}
+
+.icon-button-arrow-x-r-top:before {
+    content: '\e80b'
+}
+
+.icon-chevron-large-down:before {
+    content: '\e80c'
+}
+
+.icon-chevron-large-left:before {
+    content: '\e80d'
+}
+
+.icon-chevron-large-top:before {
+    content: '\e80e'
+}
+
+.icon-chevron-large-right:before {
+    content: '\e80f'
+}
+
+.icon-chevron-medium-down:before {
+    content: '\e810'
+}
+
+.icon-chevron-medium-left:before {
+    content: '\e811'
+}
+
+.icon-chevron-medium-right:before {
+    content: '\e812'
+}
+
+.icon-chevron-medium-top:before {
+    content: '\e813'
+}
+
+.icon-chevron-small-left:before {
+    content: '\e814'
+}
+
+.icon-chevron-small-top:before {
+    content: '\e815'
+}
+
+.icon-chevron-small-down:before {
+    content: '\e816'
+}
+
+.icon-chevron-small-right:before {
+    content: '\e817'
+}
+
+.icon-goods-export-1:before {
+    content: '\e819'
+}
+
+.icon-goods-export-2:before {
+    content: '\e81a'
+}
+
+.icon-goods-export-3:before {
+    content: '\e81b'
+}
+
+.icon-goods-export-4:before {
+    content: '\e81c'
+}
+
+.icon-goods-export-5:before {
+    content: '\e81d'
+}
+
+.icon-goods-export-6:before {
+    content: '\e81e'
+}
+
+.icon-goods-export-7:before {
+    content: '\e81f'
+}
+
+.icon-goods-export-8:before {
+    content: '\e820'
+}
+
+.icon-goods-export-9:before {
+    content: '\e821'
+}
+
+.icon-goods-export-10:before {
+    content: '\e822'
+}
+
+.icon-goods-export-11:before {
+    content: '\e823'
+}
+
+.icon-goods-export-12:before {
+    content: '\e824'
+}
+
+.icon-goods-export-13:before {
+    content: '\e825'
+}
+
+.icon-goods-export-14:before {
+    content: '\e826'
+}
+
+.icon-goods-export-15:before {
+    content: '\e827'
+}
+
+.icon-goods-export-16:before {
+    content: '\e828'
+}
+
+.icon-goods-export-17:before {
+    content: '\e829'
+}
+
+.icon-goods-export-18:before {
+    content: '\e82a'
+}
+
+.icon-goods-export-19:before {
+    content: '\e82b'
+}
+
+.icon-goods-export-20:before {
+    content: '\e82c'
+}
+
+.icon-goods-export-21:before {
+    content: '\e82d'
+}
+
+.icon-goods-export-22:before {
+    content: '\e82e'
+}
+
+.icon-goods-export-23:before {
+    content: '\e82f'
+}
+
+.icon-goods-export-24:before {
+    content: '\e830'
+}
+
+.icon-goods-export-25:before {
+    content: '\e831'
+}
+
+.icon-goods-export-26:before {
+    content: '\e832'
+}
+
+.icon-goods-export-27:before {
+    content: '\e833'
+}
+
+.icon-goods-export-28:before {
+    content: '\e834'
+}
+
+.icon-goods-export-29:before {
+    content: '\e835'
+}
+
+.icon-goods-export-30:before {
+    content: '\e836'
+}
+
+.icon-goods-export-31:before {
+    content: '\e837'
+}
+
+.icon-goods-export-32:before {
+    content: '\e838'
+}
+
+.icon-light-container:before {
+    content: '\e839'
+}
+
+.icon-light-delivery:before {
+    content: '\e83a'
+}
+
+.icon-light-directions:before {
+    content: '\e83b'
+}
+
+.icon-light-storage:before {
+    content: '\e83c'
+}
+
+.icon-triangle-arrow-down:before {
+    content: '\e83d'
+}
+
+.icon-triangle-arrow-left:before {
+    content: '\e83e'
+}
+
+.icon-triangle-arrow-right:before {
+    content: '\e83f'
+}
+
+.icon-triangle-arrow-top:before {
+    content: '\e840'
+}
+
+.icon-air-delivery:before {
+    content: '\e841'
+}
+
+.icon-call:before {
+    content: '\e842'
+}
+
+.icon-cart:before {
+    content: '\e843'
+}
+
+.icon-calendar:before {
+    content: '\e844'
+}
+
+.icon-close:before {
+    content: '\e845'
+}
+
+.icon-container:before {
+    content: '\e846'
+}
+
+.icon-coupon:before {
+    content: '\e847'
+}
+
+.icon-crop:before {
+    content: '\e848'
+}
+
+.icon-download:before {
+    content: '\e849'
+}
+
+.icon-download-alter:before {
+    content: '\e84a'
+}
+
+.icon-eye:before {
+    content: '\e84b'
+}
+
+.icon-file-doc:before {
+    content: '\e84c'
+}
+
+.icon-file-file:before {
+    content: '\e84d'
+}
+
+.icon-file-pdf:before {
+    content: '\e84e'
+}
+
+.icon-garland:before {
+    content: '\e84f'
+}
+
+.icon-font:before {
+    content: '\e850'
+}
+
+.icon-half-logo:before {
+    content: '\e851'
+}
+
+.icon-logo:before {
+    content: '\e852'
+}
+
+.icon-location:before {
+    content: '\e853'
+}
+
+.icon-hiring:before {
+    content: '\e854'
+}
+
+.icon-mail:before {
+    content: '\e855'
+}
+
+.icon-package-delivery:before {
+    content: '\e856'
+}
+
+.icon-paint:before {
+    content: '\e857'
+}
+
+.icon-print:before {
+    content: '\e858'
+}
+
+.icon-resize:before {
+    content: '\e85a'
+}
+
+.icon-sidebar:before {
+    content: '\e85b'
+}
+
+.icon-search:before {
+    content: '\e85c'
+}
+
+.icon-side-menu-black:before {
+    content: '\e85d'
+}
+
+.icon-side-menu-light:before {
+    content: '\e85e'
+}
+
+.icon-star-light:before {
+    content: '\e861'
+}
+
+.icon-star:before {
+    content: '\e862'
+}
+
+.icon-supply-chain:before {
+    content: '\e863'
+}
+
+.icon-tap:before {
+    content: '\e864'
+}
+
+.icon-terms:before {
+    content: '\e865'
+}
+
+.icon-translate:before {
+    content: '\e866'
+}
+
+.icon-trolley:before {
+    content: '\e867'
+}
+
+.icon-update:before {
+    content: '\e868'
+}
+
+.icon-user:before {
+    content: '\e869'
+}
+
+.icon-solid-warehousing-container:before {
+    content: '\e86a'
+}
+
+.icon-solid-warehousing-conveyor:before {
+    content: '\e86b'
+}
+
+.icon-solid-warehousing-delivery:before {
+    content: '\e86c'
+}
+
+.icon-solid-warehousing-hand-loader:before {
+    content: '\e86d'
+}
+
+.icon-solid-warehousing-loader:before {
+    content: '\e86e'
+}
+
+.icon-solid-warehousing-loader-in-work:before {
+    content: '\e86f'
+}
+
+.icon-solid-warehousing-manual-loader-box:before {
+    content: '\e870'
+}
+
+.icon-solid-warehousing-manual-transportation:before {
+    content: '\e871'
+}
+
+.icon-solid-warehousing-scales:before {
+    content: '\e872'
+}
+
+.icon-solid-warehousing-scanner:before {
+    content: '\e873'
+}
+
+.icon-solid-warehousing-palett:before {
+    content: '\e874'
+}
+
+.icon-solid-warehousing-security:before {
+    content: '\e875'
+}
+
+.icon-solid-warehousing-storage:before {
+    content: '\e876'
+}
+
+.icon-solid-warehousing-truck:before {
+    content: '\e877'
+}
+
+.icon-solid-warehousing-warehouse:before {
+    content: '\e878'
+}
+
+.icon-solid-warehousing-autoloader:before {
+    content: '\e879'
+}
+
+.icon-check:before {
+    content: '\e87a'
+}
+
+.icon-check-alter:before {
+    content: '\e87b'
+}
+
+.icon-quote-left:before {
+    content: '\e87c'
+}
+
+.icon-quote-right:before {
+    content: '\e87d'
+}
+
+.icon-quote-right-light:before {
+    content: '\e87e'
+}
+
+.icon-play:before {
+    content: '\e8a2'
+}
+
+.icon-play-active:before {
+    content: '\e8a3'
+}
+
+.icon-icon-rounded:before {
+    content: '\e8f9'
+}
+
+.icon-icon-angular:before {
+    content: '\e8fa'
+}

public/css/vendor/vendor-layout-main.css

@@ -0,0 +1,200 @@
+/*
+ Theme Name:   Logico Child
+ Description:  Logico Child Theme
+ Theme URI:	   https://example.com/themes/logico
+ Author:       Artureanec
+ Author URI:   https://example.com
+ Template:     logico
+ Version:      1.0.0
+ License: GNU  General Public License version 3.0
+ License URI:  http://www.gnu.org/licenses/gpl-3.0.html
+ Text Domain:  logico-child
+*/
+
+/* =Theme customization starts here
+------------------------------------------------------- */
+
+/* Hide mobile-specific logo by default */
+.logo-mobile {
+    display: none !important;
+}
+
+/* ============================================================
+   MOBILE & TABLET HEADER REFINEMENT (< 1024px)
+   Transition to mobile pill-shape earlier to prevent desktop overlap/wrapping
+   ============================================================ */
+
+@media (max-width: 1024px) {
+
+    /* Logo toggling */
+    .logo-desktop {
+        display: none !important;
+    }
+
+    .logo-mobile {
+        display: block !important;
+    }
+
+    /* 1. Header Wrapper (Outer): Position & Spacing */
+    .elementor-5180 .elementor-element.elementor-element-466de1b {
+        position: fixed !important;
+        top: 30px !important;
+        left: 0 !important;
+        right: 0 !important;
+        width: 100% !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+        height: auto !important;
+        z-index: 10000 !important;
+        background: transparent !important;
+        pointer-events: none;
+    }
+
+    /* 2. The Header Box / Card (Inner) */
+    .elementor-5180 .elementor-element.elementor-element-e052838 {
+        margin: 0 10px auto !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        background-color: #ffffff !important;
+        border-radius: 25px !important;
+        overflow: hidden !important;
+        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
+        pointer-events: all;
+        display: flex !important;
+        flex-direction: column !important;
+    }
+
+    /* 3. Main Row Layout Container */
+    .elementor-5180 .elementor-element.elementor-element-d681ece {
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+        width: 100% !important;
+        padding: 12px 25px !important;
+        min-height: 70px !important;
+        box-sizing: border-box !important;
+        gap: 0 !important;
+    }
+
+    /* 4. Logo Container (Left) */
+    .elementor-5180 .elementor-element.elementor-element-472172e {
+        flex: 1 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-start !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+    /* 5. Menu Container (Right / Hamburger) */
+    .elementor-5180 .elementor-element.elementor-element-e44ee7e {
+        flex: 0 0 auto !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-end !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+    /* 6. Logo Widget Adjustments */
+    .elementor-5180 .elementor-element.elementor-element-846e53d {
+        width: auto !important;
+        margin: 0 !important;
+        display: flex !important;
+        align-items: center !important;
+        max-width: none !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
+        margin: 0 !important;
+        max-width: none !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 180px !important; 
+        height: auto !important;
+        min-width: 100px !important;
+    }
+
+    /* 7. Menu Trigger (Hamburger) alignment */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .menu-trigger {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: flex-end !important;
+        padding: 5px !important;
+        margin: 0 !important;
+    }
+
+    /* Hamburger icon customization */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .hamburger {
+        width: 30px !important;
+    }
+
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .hamburger span {
+        background-color: #1f1f1f !important;
+        height: 2px !important;
+        margin-bottom: 5px !important;
+    }
+
+    /* Hide desktop-only elements */
+    .elementor-5180 .elementor-element.elementor-element-0b7bf6f .header-menu-container,
+    .elementor-5180 .elementor-element.elementor-element-2f31137,
+    .elementor-5180 .elementor-element.elementor-element-f961133 {
+        display: none !important;
+    }
+}
+
+/* ============================================================
+   MEDIUM DESKTOP OPTIMIZATION (1025px - 1480px)
+   Prevents logo/menu overlap on medium screens
+   ============================================================ */
+@media (min-width: 1025px) and (max-width: 1480px) {
+    /* Reduce logo size slightly */
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-desktop {
+        width: 130px !important;
+        height: auto !important;
+    }
+
+    /* Force single line and tighten spacing */
+    .elementor-5180 .main-menu {
+        display: flex !important;
+        flex-wrap: nowrap !important;
+        white-space: nowrap !important;
+    }
+
+    .elementor-5180 .main-menu > li > a {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        font-size: 13px !important;
+    }
+
+    /* Reduce container spacing */
+    .elementor-5180 .elementor-element.elementor-element-d681ece {
+        padding-left: 15px !important;
+        padding-right: 15px !important;
+        gap: 10px !important;
+    }
+
+    /* Ensure the menu pill container stays compact */
+    .header-menu-container {
+        padding-left: 8px !important;
+        padding-right: 8px !important;
+        max-width: 750px !important;
+    }
+
+    /* Scale down the CTA button */
+    .elementor-5180 .logico-small-button {
+        padding: 10px 20px !important;
+        font-size: 13px !important;
+    }
+}
+
+/* Tablet Scaling (768px - 1024px) */
+@media (max-width: 1024px) and (min-width: 768px) {
+    .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
+        width: 210px !important;
+    }
+}
+

public/css/vendor/vendor-responsive-laptops.css

@@ -0,0 +1,73 @@
+/* ============================================================
+   LAPTOP RESPONSIVENESS FIX (1025px – 1520px)
+   Enforces desktop layouts strictly within laptop constraints.
+   Leaves Mobile (<1024px) and Ultrawide (>1520px) UNTOUCHED.
+   ============================================================ */
+
+@media (min-width: 1025px) and (max-width: 1520px) {
+
+    /* Hero Slider - Force Desktop Alignment */
+    .logico-content-slider-widget .slide-content-inner {
+        text-align: left !important;
+        align-items: flex-start !important;
+        display: flex !important;
+        flex-direction: column !important;
+    }
+
+    .logico-content-slider-widget .content-slider-item-heading,
+    .logico-content-slider-widget .content-slider-item-text {
+        text-align: center !important;
+    }
+
+    /* Restore Flex & Grid container directions to desktop state */
+    /* .e-con.e-parent,
+    .e-con.e-child {
+        --flex-direction: var(--flex-direction) !important;
+        --container-widget-width: var(--container-widget-width) !important;
+        --container-widget-height: var(--container-widget-height) !important;
+    } */
+
+    /* Keep the .e-con-inner container widths at desktop-equivalent max widths */
+    .e-con-boxed>.e-con-inner {
+        max-width: min(var(--container-max-width, 1480px), 100%) !important;
+        margin-left: auto !important;
+        margin-right: auto !important;
+    }
+
+    /* ─── Problem Section Specific Fixes ─── */
+    .elementor-element.section-shrink-custom[data-id="30fd9d1"]>.e-con-inner {
+        display: flex !important;
+        flex-direction: row !important;
+        max-width: 1480px !important;
+        width: 100% !important;
+        gap: 40px !important;
+    }
+
+    .elementor-element.elementor-element-03db5d7 {
+        flex: 1 1 0% !important;
+        display: flex !important;
+        flex-direction: column !important;
+    }
+
+    .elementor-element.elementor-element-e09c20e {
+        display: grid !important;
+        grid-template-columns: repeat(4, 1fr) !important;
+        gap: 24px !important;
+    }
+
+    .elementor-element.elementor-element-5a5c397 {
+        flex: 0 0 auto !important;
+        width: auto !important;
+    }
+
+    /* ─── Connected Logistics Section Fixes ─── */
+    .elementor-element.elementor-element-9ffed33 {
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+    }
+
+    
+
+    
+}

public/css/widgets/widget-accordion.min.css

@@ -0,0 +1,79 @@
+.elementor-tab-title a {
+    color: inherit
+}
+
+.elementor-accordion {
+    text-align: start
+}
+
+.elementor-accordion .elementor-accordion-item {
+    border: 1px solid #d5d8dc
+}
+
+.elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
+    border-block-start:none}
+
+.elementor-accordion .elementor-tab-title {
+    cursor: pointer;
+    font-weight: 700;
+    line-height: 1;
+    margin: 0;
+    outline: none;
+    padding: 15px 20px
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
+    display: inline-block;
+    width: 1.5em
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
+    height: 1em;
+    width: 1em
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
+    float: right;
+    text-align: right
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
+    float: left;
+    text-align: left
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
+    display: block
+}
+
+.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened,.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
+    display: none
+}
+
+.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
+    display: block
+}
+
+.elementor-accordion .elementor-tab-content {
+    border-block-start:1px solid #d5d8dc;display: none;
+    padding: 15px 20px
+}
+
+@media (max-width: 480px) {
+    .elementor-accordion .elementor-tab-title {
+        padding:12px 15px
+    }
+
+    .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
+        width: 1.2em
+    }
+
+    .elementor-accordion .elementor-tab-content {
+        padding: 7px 15px
+    }
+}
+
+.e-con-inner>.elementor-widget-accordion,.e-con>.elementor-widget-accordion {
+    width: var(--container-widget-width);
+    --flex-grow: var( --container-widget-flex-grow )
+}

public/css/widgets/widget-divider.min.css

@@ -0,0 +1,133 @@
+/*! elementor - v3.32.0 - 05-10-2025 */
+.elementor-widget-divider {
+    --divider-border-style: none;
+    --divider-border-width: 1px;
+    --divider-color: #0c0d0e;
+    --divider-icon-size: 20px;
+    --divider-element-spacing: 10px;
+    --divider-pattern-height: 24px;
+    --divider-pattern-size: 20px;
+    --divider-pattern-url: none;
+    --divider-pattern-repeat: repeat-x
+}
+
+.elementor-widget-divider .elementor-divider {
+    display: flex
+}
+
+.elementor-widget-divider .elementor-divider__text {
+    font-size: 15px;
+    line-height: 1;
+    max-width: 95%
+}
+
+.elementor-widget-divider .elementor-divider__element {
+    flex-shrink: 0;
+    margin: 0 var(--divider-element-spacing)
+}
+
+.elementor-widget-divider .elementor-icon {
+    font-size: var(--divider-icon-size)
+}
+
+.elementor-widget-divider .elementor-divider-separator {
+    direction: ltr;
+    display: flex;
+    margin: 0
+}
+
+.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator {
+    align-items: center
+}
+
+.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before {
+    border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content: "";
+    display: block;
+    flex-grow: 1
+}
+
+.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type {
+    flex-grow: 0;
+    flex-shrink: 100
+}
+
+.elementor-widget-divider--element-align-left .elementor-divider-separator:before {
+    content: none
+}
+
+.elementor-widget-divider--element-align-left .elementor-divider__element {
+    margin-left: 0
+}
+
+.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type {
+    flex-grow: 0;
+    flex-shrink: 100
+}
+
+.elementor-widget-divider--element-align-right .elementor-divider-separator:after {
+    content: none
+}
+
+.elementor-widget-divider--element-align-right .elementor-divider__element {
+    margin-right: 0
+}
+
+.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type {
+    flex-grow: 0;
+    flex-shrink: 100
+}
+
+.elementor-widget-divider--element-align-start .elementor-divider-separator:before {
+    content: none
+}
+
+.elementor-widget-divider--element-align-start .elementor-divider__element {
+    margin-inline-start:0}
+
+.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type {
+    flex-grow: 0;
+    flex-shrink: 100
+}
+
+.elementor-widget-divider--element-align-end .elementor-divider-separator:after {
+    content: none
+}
+
+.elementor-widget-divider--element-align-end .elementor-divider__element {
+    margin-inline-end:0}
+
+.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
+    border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}
+
+.elementor-widget-divider--separator-type-pattern {
+    --divider-border-style: none
+}
+
+.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator {
+    background-color: var(--divider-color);
+    -webkit-mask-image: var(--divider-pattern-url);
+    mask-image: var(--divider-pattern-url);
+    -webkit-mask-repeat: var(--divider-pattern-repeat);
+    mask-repeat: var(--divider-pattern-repeat);
+    -webkit-mask-size: var(--divider-pattern-size) 100%;
+    mask-size: var(--divider-pattern-size) 100%;
+    min-height: var(--divider-pattern-height);
+    width: 100%
+}
+
+.elementor-widget-divider--no-spacing {
+    --divider-pattern-size: auto
+}
+
+.elementor-widget-divider--bg-round {
+    --divider-pattern-repeat: round
+}
+
+.rtl .elementor-widget-divider .elementor-divider__text {
+    direction: rtl
+}
+
+.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider {
+    width: var(--container-widget-width,100%);
+    --flex-grow: var( --container-widget-flex-grow )
+}

public/css/widgets/widget-icon-box.min.css

@@ -0,0 +1,223 @@
+.elementor-widget-icon-box .elementor-icon-box-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--icon-box-icon-margin,15px);
+    text-align: center
+}
+
+.elementor-widget-icon-box .elementor-icon-box-icon {
+    display: inline-block;
+    flex: 0 0 auto;
+    line-height: 0
+}
+
+.elementor-widget-icon-box .elementor-icon-box-content {
+    flex-grow: 1;
+    width: 100%
+}
+
+.elementor-widget-icon-box .elementor-icon-box-title a {
+    color: inherit
+}
+
+.elementor-widget-icon-box .elementor-icon-box-description {
+    margin: 0
+}
+
+.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
+    flex-direction: row-reverse;
+    gap: var(--icon-box-icon-margin,15px);
+    text-align: end
+}
+
+.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
+    flex-direction: row;
+    gap: var(--icon-box-icon-margin,15px);
+    text-align: start
+}
+
+.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper {
+    align-items: unset!important;
+    flex-direction: column;
+    gap: var(--icon-box-icon-margin,15px);
+    text-align: center
+}
+
+.elementor-widget-icon-box.elementor-position-bottom .elementor-icon-box-wrapper {
+    align-items: unset!important;
+    flex-direction: column-reverse;
+    gap: var(--icon-box-icon-margin,15px);
+    text-align: center
+}
+
+@media (min-width: -1) {
+    .elementor-widget-icon-box.elementor-widescreen-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-widescreen-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-widescreen-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-widescreen-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+}
+
+@media (max-width: 1200px) {
+    .elementor-widget-icon-box.elementor-laptop-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-laptop-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-laptop-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-laptop-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+}
+
+@media (max-width: 1020px) {
+    .elementor-widget-icon-box.elementor-tablet_extra-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-tablet_extra-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-tablet_extra-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-tablet_extra-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+}
+
+@media (max-width: 840px) {
+    .elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-tablet-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+}
+
+@media (max-width: 660px) {
+    .elementor-widget-icon-box.elementor-mobile_extra-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-mobile_extra-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-mobile_extra-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-mobile_extra-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+}
+
+@media (max-width: 480px) {
+    .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
+        flex-direction:row-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: end
+    }
+
+    .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
+        flex-direction: row;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: start
+    }
+
+    .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-mobile-position-bottom .elementor-icon-box-wrapper {
+        align-items: unset!important;
+        flex-direction: column-reverse;
+        gap: var(--icon-box-icon-margin,15px);
+        text-align: center
+    }
+
+    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
+        flex-direction: column
+    }
+}

public/css/widgets/widget-icon-list.min.css

@@ -0,0 +1,362 @@
+/*! elementor - v3.32.0 - 05-10-2025 */
+.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container {
+    overflow: hidden
+}
+
+.elementor-widget .elementor-icon-list-items.elementor-inline-items {
+    display: flex;
+    flex-wrap: wrap;
+    margin-inline:-8px}
+
+.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
+    word-break: break-word
+}
+
+.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
+    margin-inline:8px}
+
+.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
+    border-width: 0;
+    border-inline-start-width:1px;border-style: solid;
+    height: 100%;
+    inset-inline-end: -8px;
+    inset-inline-start: auto;
+    position: relative;
+    width: auto
+}
+
+.elementor-widget .elementor-icon-list-items {
+    list-style-type: none;
+    margin: 0;
+    padding: 0
+}
+
+.elementor-widget .elementor-icon-list-item {
+    margin: 0;
+    padding: 0;
+    position: relative
+}
+
+.elementor-widget .elementor-icon-list-item:after {
+    inset-block-end: 0;
+    position: absolute;
+    width: 100%
+}
+
+.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a {
+    align-items: var(--icon-vertical-align,center);
+    display: flex;
+    font-size: inherit
+}
+
+.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
+    align-self: center;
+    padding-inline-start:5px}
+
+.elementor-widget .elementor-icon-list-icon {
+    display: flex;
+    inset-block-start: var(--icon-vertical-offset,initial);
+    position: relative
+}
+
+.elementor-widget .elementor-icon-list-icon svg {
+    height: var(--e-icon-list-icon-size,1em);
+    width: var(--e-icon-list-icon-size,1em)
+}
+
+.elementor-widget .elementor-icon-list-icon i {
+    font-size: var(--e-icon-list-icon-size);
+    width: 1.25em
+}
+
+.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
+    text-align: var(--e-icon-list-icon-align)
+}
+
+.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
+    margin: var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)
+}
+
+.elementor-widget.elementor-list-item-link-full_width a {
+    width: 100%
+}
+
+.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a {
+    justify-content: center
+}
+
+.elementor-widget.elementor-align-center .elementor-icon-list-item:after {
+    margin: auto
+}
+
+.elementor-widget.elementor-align-center .elementor-inline-items {
+    justify-content: center
+}
+
+.elementor-widget.elementor-align-left .elementor-icon-list-item,.elementor-widget.elementor-align-left .elementor-icon-list-item a {
+    justify-content: flex-start;
+    text-align: left
+}
+
+.elementor-widget.elementor-align-left .elementor-inline-items {
+    justify-content: flex-start
+}
+
+.elementor-widget.elementor-align-right .elementor-icon-list-item,.elementor-widget.elementor-align-right .elementor-icon-list-item a {
+    justify-content: flex-end;
+    text-align: right
+}
+
+.elementor-widget.elementor-align-right .elementor-icon-list-items {
+    justify-content: flex-end
+}
+
+.elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after {
+    inset-inline-start: 0
+}
+
+.elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after {
+    inset-inline-end: 0
+}
+
+@media (min-width: -1) {
+    .elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a {
+        justify-content:center
+    }
+
+    .elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-widescreen-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-widescreen-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-widescreen-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-widescreen-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-widescreen-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+}
+
+@media (max-width: -1) {
+    .elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a {
+        justify-content:center
+    }
+
+    .elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-laptop-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-laptop-align-left .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-laptop-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-laptop-align-right .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-laptop-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-laptop-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-laptop-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-tablet_extra-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-tablet_extra-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+}
+
+@media (max-width: 1024px) {
+    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a {
+        justify-content:center
+    }
+
+    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-tablet-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-tablet-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+}
+
+@media (max-width: -1) {
+    .elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a {
+        justify-content:center
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-mobile_extra-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-mobile_extra-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+}
+
+@media (max-width: 767px) {
+    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a {
+        justify-content:center
+    }
+
+    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after {
+        margin: auto
+    }
+
+    .elementor-widget.elementor-mobile-align-center .elementor-inline-items {
+        justify-content: center
+    }
+
+    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a {
+        justify-content: flex-start;
+        text-align: left
+    }
+
+    .elementor-widget.elementor-mobile-align-left .elementor-inline-items {
+        justify-content: flex-start
+    }
+
+    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a {
+        justify-content: flex-end;
+        text-align: right
+    }
+
+    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items {
+        justify-content: flex-end
+    }
+
+    .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after {
+        inset-inline-start: 0
+    }
+
+    .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after {
+        inset-inline-end: 0
+    }
+}
+
+#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items {
+    padding: 0
+}

public/css/widgets/widget-image.min.css

@@ -0,0 +1,17 @@
+/*! elementor - v3.32.0 - 05-10-2025 */
+.elementor-widget-image {
+    text-align: center
+}
+
+.elementor-widget-image a {
+    display: inline-block
+}
+
+.elementor-widget-image a img[src$=".jpeg"] {
+    width: 48px
+}
+
+.elementor-widget-image img {
+    display: inline-block;
+    vertical-align: middle
+}

public/css/widgets/widget-social-icons.min.css

@@ -0,0 +1,291 @@
+/*! elementor - v3.32.0 - 05-10-2025 */
+.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)) {
+    font-size: 0;
+    line-height: 1
+}
+
+.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid {
+    display: inline-grid
+}
+
+.elementor-widget-social-icons .elementor-grid {
+    grid-column-gap: var(--grid-column-gap,5px);
+    grid-row-gap: var(--grid-row-gap,5px);
+    grid-template-columns: var(--grid-template-columns);
+    justify-content: var(--justify-content,center);
+    justify-items: var(--justify-content,center)
+}
+
+.elementor-icon.elementor-social-icon {
+    font-size: var(--icon-size,25px);
+    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
+    line-height: var(--icon-size,25px);
+    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))
+}
+
+.elementor-social-icon {
+    --e-social-icon-icon-color: #fff;
+    align-items: center;
+    background-color: #69727d;
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    text-align: center
+}
+
+.elementor-social-icon i {
+    color: var(--e-social-icon-icon-color)
+}
+
+.elementor-social-icon svg {
+    fill: var(--e-social-icon-icon-color)
+}
+
+.elementor-social-icon:last-child {
+    margin: 0
+}
+
+.elementor-social-icon:hover {
+    color: #fff;
+    opacity: .9
+}
+
+.elementor-social-icon-android {
+    background-color: #a4c639
+}
+
+.elementor-social-icon-apple {
+    background-color: #999
+}
+
+.elementor-social-icon-behance {
+    background-color: #1769ff
+}
+
+.elementor-social-icon-bitbucket {
+    background-color: #205081
+}
+
+.elementor-social-icon-codepen {
+    background-color: #000
+}
+
+.elementor-social-icon-delicious {
+    background-color: #39f
+}
+
+.elementor-social-icon-deviantart {
+    background-color: #05cc47
+}
+
+.elementor-social-icon-digg {
+    background-color: #005be2
+}
+
+.elementor-social-icon-dribbble {
+    background-color: #ea4c89
+}
+
+.elementor-social-icon-elementor {
+    background-color: #d30c5c
+}
+
+.elementor-social-icon-envelope {
+    background-color: #ea4335
+}
+
+.elementor-social-icon-facebook,.elementor-social-icon-facebook-f {
+    background-color: #3b5998
+}
+
+.elementor-social-icon-flickr {
+    background-color: #0063dc
+}
+
+.elementor-social-icon-foursquare {
+    background-color: #2d5be3
+}
+
+.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp {
+    background-color: #006400
+}
+
+.elementor-social-icon-github {
+    background-color: #333
+}
+
+.elementor-social-icon-gitlab {
+    background-color: #e24329
+}
+
+.elementor-social-icon-globe {
+    background-color: #69727d
+}
+
+.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g {
+    background-color: #dd4b39
+}
+
+.elementor-social-icon-houzz {
+    background-color: #7ac142
+}
+
+.elementor-social-icon-instagram {
+    background-color: #262626
+}
+
+.elementor-social-icon-jsfiddle {
+    background-color: #487aa2
+}
+
+.elementor-social-icon-link {
+    background-color: #818a91
+}
+
+.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in {
+    background-color: #0077b5
+}
+
+.elementor-social-icon-medium {
+    background-color: #00ab6b
+}
+
+.elementor-social-icon-meetup {
+    background-color: #ec1c40
+}
+
+.elementor-social-icon-mixcloud {
+    background-color: #273a4b
+}
+
+.elementor-social-icon-odnoklassniki {
+    background-color: #f4731c
+}
+
+.elementor-social-icon-pinterest {
+    background-color: #bd081c
+}
+
+.elementor-social-icon-product-hunt {
+    background-color: #da552f
+}
+
+.elementor-social-icon-reddit {
+    background-color: #ff4500
+}
+
+.elementor-social-icon-rss {
+    background-color: #f26522
+}
+
+.elementor-social-icon-shopping-cart {
+    background-color: #4caf50
+}
+
+.elementor-social-icon-skype {
+    background-color: #00aff0
+}
+
+.elementor-social-icon-slideshare {
+    background-color: #0077b5
+}
+
+.elementor-social-icon-snapchat {
+    background-color: #fffc00
+}
+
+.elementor-social-icon-soundcloud {
+    background-color: #f80
+}
+
+.elementor-social-icon-spotify {
+    background-color: #2ebd59
+}
+
+.elementor-social-icon-stack-overflow {
+    background-color: #fe7a15
+}
+
+.elementor-social-icon-steam {
+    background-color: #00adee
+}
+
+.elementor-social-icon-stumbleupon {
+    background-color: #eb4924
+}
+
+.elementor-social-icon-telegram {
+    background-color: #2ca5e0
+}
+
+.elementor-social-icon-threads {
+    background-color: #000
+}
+
+.elementor-social-icon-thumb-tack {
+    background-color: #1aa1d8
+}
+
+.elementor-social-icon-tripadvisor {
+    background-color: #589442
+}
+
+.elementor-social-icon-tumblr {
+    background-color: #35465c
+}
+
+.elementor-social-icon-twitch {
+    background-color: #6441a5
+}
+
+.elementor-social-icon-twitter {
+    background-color: #1da1f2
+}
+
+.elementor-social-icon-viber {
+    background-color: #665cac
+}
+
+.elementor-social-icon-vimeo {
+    background-color: #1ab7ea
+}
+
+.elementor-social-icon-vk {
+    background-color: #45668e
+}
+
+.elementor-social-icon-weibo {
+    background-color: #dd2430
+}
+
+.elementor-social-icon-weixin {
+    background-color: #31a918
+}
+
+.elementor-social-icon-whatsapp {
+    background-color: #25d366
+}
+
+.elementor-social-icon-wordpress {
+    background-color: #21759b
+}
+
+.elementor-social-icon-x-twitter {
+    background-color: #000
+}
+
+.elementor-social-icon-xing {
+    background-color: #026466
+}
+
+.elementor-social-icon-yelp {
+    background-color: #af0606
+}
+
+.elementor-social-icon-youtube {
+    background-color: #cd201f
+}
+
+.elementor-social-icon-500px {
+    background-color: #0099e5
+}