070526 file refractor

assets/css/fontello-enqueue.css

@@ -1,8 +0,0 @@
-@font-face {
-    font-display: swap;
-    font-family: 'fontello';
-    src: url(../fonts/fontello.eot?98791691);
-    src: url("../fonts/fontello.eot?98791691#iefix") format("embedded-opentype"),url(../fonts/fontello.woff2?98791691) format("woff2"),url(../fonts/fontello.woff?98791691) format("woff"),url(../fonts/fontello.ttf?98791691) format("truetype"),url("../fonts/fontello.svg?98791691#fontello") format("svg");
-    font-weight: 400;
-    font-style: normal
-}

assets/css/vendor/vendor-elementor-generated-globals.css

@@ -1395,7 +1395,7 @@ h1.page-title {
 }
 
 #side-panel-bbed8be:before {
-    background-image: url(assets/images/bg-slide-sidebar.jpg);
+    background-image: url(../../images/bg-slide-sidebar.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -1622,7 +1622,7 @@ h1.page-title {
 
 .elementor-3382 .elementor-element.elementor-element-516dc96:not(.elementor-motion-effects-element-type-background),
 .elementor-3382 .elementor-element.elementor-element-516dc96>.elementor-motion-effects-container>.elementor-motion-effects-layer {
-    background-image: url(assets/images/bg-header-4.jpg);
+    background-image: url(../../images/bg-header-4.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -3339,7 +3339,7 @@ h1.page-title {
 }
 
 .elementor-element.elementor-element-791327c .elementor-repeater-item-3264830 {
-    background-image: url("assets/images/home4-slide-1.jpg");
+    background-image: url("../../images/home4-slide-1.jpg");
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -3405,7 +3405,7 @@ h1.page-title {
 
 .elementor-element.elementor-element-791327c .elementor-repeater-item-6867061 {
     background-color: #305C7D00;
-    background-image: url("assets/images/home4-slide-2.jpg");
+    background-image: url("../../images/home4-slide-2.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -3639,7 +3639,7 @@ h1.page-title {
 .elementor-element.elementor-element-f21cefd:not(.elementor-motion-effects-element-type-background),
 .elementor-element.elementor-element-f21cefd>.elementor-motion-effects-container>.elementor-motion-effects-layer {
     background-color: #4CB3DD;
-    background-image: url("assets/images/home4-banner-2.jpg");
+    background-image: url("../../images/home4-banner-2.jpg");
     background-position: bottom left;
     background-repeat: no-repeat;
     background-size: cover;
@@ -4194,7 +4194,7 @@ body.rtl .elementor-element.elementor-element-13a7637 {
 
 .elementor-element.elementor-element-7da6646:not(.elementor-motion-effects-element-type-background),
 .elementor-element.elementor-element-7da6646>.elementor-motion-effects-container>.elementor-motion-effects-layer {
-    background-image: url("assets/images/home4-banner-4.jpg");
+    background-image: url("../../images/home4-banner-4.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -4962,7 +4962,7 @@ body.rtl .elementor-element.elementor-element-1a450c2 {
 
 .elementor-element.elementor-element-d9f4822:not(.elementor-motion-effects-element-type-background),
 .elementor-element.elementor-element-d9f4822>.elementor-motion-effects-container>.elementor-motion-effects-layer {
-    background-image: url("assets/images/home4-banner-5.jpg");
+    background-image: url("../../images/home4-banner-5.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -5023,7 +5023,7 @@ body.rtl .elementor-element.elementor-element-1a450c2 {
 .elementor-element.elementor-element-68bc52e:not(.elementor-motion-effects-element-type-background),
 .elementor-element.elementor-element-68bc52e>.elementor-motion-effects-container>.elementor-motion-effects-layer {
     background-color: #c01227;
-    background-image: url("assets/images/home4-banner-6.png");
+    background-image: url("../../images/home4-banner-6.png");
     background-position: 100% calc(100% - 26px);
     background-repeat: no-repeat;
     background-size: 36% auto;
@@ -6481,7 +6481,7 @@ body.rtl .elementor-6957 .elementor-element.elementor-element-d7b22aa {
 }
 
 #side-panel-aedcfb1:before {
-    background-image: url("assets/images/bg-slide-sidebar.jpg");
+    background-image: url("../../images/bg-slide-sidebar.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -7721,3 +7721,4 @@ body.rtl .elementor-6889 .elementor-element.elementor-element-bb3dad6 {
     }
 }
 
+

assets/css/vendor/vendor-global-overrides.css

@@ -932,3 +932,106 @@ svg.e-font-icon-svg,
 
 
 
+
+/* ============================================================
+   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: 10px;
+}
+
+.dm-step-card:hover {
+    border-color: #c01227;
+    background: #161616;
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
+    transform: translateY(-5px);
+}
+
+.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;
+}
+

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

@@ -0,0 +1,9 @@
+@font-face {
+    font-display: swap;
+    font-family: 'fontello';
+    src: url(../../../fonts/fontello.eot?98791691);
+    src: url("../../../fonts/fontello.eot?98791691#iefix") format("embedded-opentype"),url(../../../fonts/fontello.woff2?98791691) format("woff2"),url(../../../fonts/fontello.woff?98791691) format("woff"),url(../../../fonts/fontello.ttf?98791691) format("truetype"),url("../../../fonts/fontello.svg?98791691#fontello") format("svg");
+    font-weight: 400;
+    font-style: normal
+}
+

assets/css/vendor/vendor-layout-main.css

@@ -0,0 +1,200 @@
+/*
+ Theme Name:   Logico Child
+ Description:  Logico Child Theme
+ Theme URI:	   https://demo.artureanec.com/themes/logico
+ Author:       Artureanec
+ Author URI:   https://demo.artureanec.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;
+    }
+}
+

assets/css/vendor/vendor-theme-core.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";@font-face {
     font-display: swap;
     font-family: 'fontello';
-    src: url(../fonts/fontello.eot?98791691);
-    src: url("../fonts/fontello.eot?98791691#iefix") format("embedded-opentype"),url(../fonts/fontello.woff2?98791691) format("woff2"),url(../fonts/fontello.woff?98791691) format("woff"),url(../fonts/fontello.ttf?98791691) format("truetype"),url("../fonts/fontello.svg?98791691#fontello") format("svg");
+    src: url(../../fonts/fontello.eot?98791691);
+    src: url("../../fonts/fontello.eot?98791691#iefix") format("embedded-opentype"),url(../../fonts/fontello.woff2?98791691) format("woff2"),url(../../fonts/fontello.woff?98791691) format("woff"),url(../../fonts/fontello.ttf?98791691) format("truetype"),url("../../fonts/fontello.svg?98791691#fontello") format("svg");
     font-weight: 400;
     font-style: normal
 }
@@ -1493,7 +1493,7 @@ body.compensate-for-scrollbar {
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")
+    src: url(../../fonts/fa-regular-400.woff2) format("woff2"),url(../../fonts/fa-regular-400.ttf) format("truetype")
 }
 
 
@@ -9306,7 +9306,7 @@ body.compensate-for-scrollbar {
     font-style: normal;
     font-weight: 900;
     font-display: swap;
-    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
+    src: url(../../fonts/fa-solid-900.woff2) format("woff2"),url(../../fonts/fa-solid-900.ttf) format("truetype")
 }
 
 
@@ -9319,7 +9319,7 @@ body.compensate-for-scrollbar {
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")
+    src: url(../../fonts/fa-brands-400.woff2) format("woff2"),url(../../fonts/fa-brands-400.ttf) format("truetype")
 }
 
 
@@ -28885,3 +28885,4 @@ body:not(.block-editor-page) .wp-block-rss .wp-block-rss__item-excerpt,.block-ed
     padding-top: 20px
 }
 
+