first commit
This commit is contained in:
@@ -12,6 +12,8 @@ const eslintConfig = defineConfig([
|
||||
"out/**",
|
||||
"build/**",
|
||||
"next-env.d.ts",
|
||||
// Vendored third-party JS shipped to /public is not ours to lint.
|
||||
"public/**",
|
||||
]),
|
||||
]);
|
||||
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
/* config options here */
|
||||
images: {
|
||||
formats: ["image/avif", "image/webp"],
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
43167
public/css/all-inlined-head-styles.css
Normal file
43167
public/css/all-inlined-head-styles.css
Normal file
File diff suppressed because it is too large
Load Diff
4622
public/css/custom-frontend.min.css
vendored
Normal file
4622
public/css/custom-frontend.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
46195
public/css/elementor-frontend-inline-css.css
Normal file
46195
public/css/elementor-frontend-inline-css.css
Normal file
File diff suppressed because it is too large
Load Diff
486
public/css/non-used/comparision.css
Normal file
486
public/css/non-used/comparision.css
Normal file
@@ -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>
|
||||
*/
|
||||
100
public/css/non-used/custom-apple-webkit.min.css
vendored
Normal file
100
public/css/non-used/custom-apple-webkit.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
}
|
||||
510
public/css/non-used/custom-lightbox.min.css
vendored
Normal file
510
public/css/non-used/custom-lightbox.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
369
public/css/non-used/dialog.min.css
vendored
Normal file
369
public/css/non-used/dialog.min.css
vendored
Normal file
@@ -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)
|
||||
}
|
||||
2004
public/css/non-used/elementor-icons.min.css
vendored
Normal file
2004
public/css/non-used/elementor-icons.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
3263
public/css/non-used/google-fonts.css
Normal file
3263
public/css/non-used/google-fonts.css
Normal file
File diff suppressed because it is too large
Load Diff
18
public/css/non-used/solid.css
Normal file
18
public/css/non-used/solid.css
Normal file
@@ -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
|
||||
}
|
||||
4527
public/css/non-used/style.min.css
vendored
Normal file
4527
public/css/non-used/style.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
731
public/css/non-used/swiper.min.css
vendored
Normal file
731
public/css/non-used/swiper.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
1547
public/css/non-used/wpforms-base.min.css
vendored
Normal file
1547
public/css/non-used/wpforms-base.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
188
public/css/sections/section-blogs.css
Normal file
188
public/css/sections/section-blogs.css
Normal file
@@ -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; }
|
||||
}
|
||||
171
public/css/sections/section-brands.css
Normal file
171
public/css/sections/section-brands.css
Normal file
@@ -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
|
||||
}
|
||||
737
public/css/sections/section-ev-logistics.css
Normal file
737
public/css/sections/section-ev-logistics.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
464
public/css/sections/section-ev-premium.css
Normal file
464
public/css/sections/section-ev-premium.css
Normal file
@@ -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; }
|
||||
}
|
||||
3230
public/css/sections/section-miles3.css
Normal file
3230
public/css/sections/section-miles3.css
Normal file
File diff suppressed because it is too large
Load Diff
562
public/css/sections/section-miletruth.css
Normal file
562
public/css/sections/section-miletruth.css
Normal file
@@ -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;
|
||||
}
|
||||
2000
public/css/vendor/vendor-elementor-base.css
vendored
Normal file
2000
public/css/vendor/vendor-elementor-base.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2282
public/css/vendor/vendor-elementor-custom.min.css
vendored
Normal file
2282
public/css/vendor/vendor-elementor-custom.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7724
public/css/vendor/vendor-elementor-generated-globals.css
vendored
Normal file
7724
public/css/vendor/vendor-elementor-generated-globals.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
25
public/css/vendor/vendor-elementor-hfe.css
vendored
Normal file
25
public/css/vendor/vendor-elementor-hfe.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
979
public/css/vendor/vendor-global-overrides.css
vendored
Normal file
979
public/css/vendor/vendor-global-overrides.css
vendored
Normal file
@@ -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;
|
||||
}
|
||||
|
||||
8
public/css/vendor/vendor-icons-fontello-load.css
vendored
Normal file
8
public/css/vendor/vendor-icons-fontello-load.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
|
||||
523
public/css/vendor/vendor-icons-fontello.css
vendored
Normal file
523
public/css/vendor/vendor-icons-fontello.css
vendored
Normal file
@@ -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'
|
||||
}
|
||||
200
public/css/vendor/vendor-layout-main.css
vendored
Normal file
200
public/css/vendor/vendor-layout-main.css
vendored
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
73
public/css/vendor/vendor-responsive-laptops.css
vendored
Normal file
73
public/css/vendor/vendor-responsive-laptops.css
vendored
Normal file
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
28884
public/css/vendor/vendor-theme-core.css
vendored
Normal file
28884
public/css/vendor/vendor-theme-core.css
vendored
Normal file
File diff suppressed because one or more lines are too long
79
public/css/widgets/widget-accordion.min.css
vendored
Normal file
79
public/css/widgets/widget-accordion.min.css
vendored
Normal file
@@ -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 )
|
||||
}
|
||||
133
public/css/widgets/widget-divider.min.css
vendored
Normal file
133
public/css/widgets/widget-divider.min.css
vendored
Normal file
@@ -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 )
|
||||
}
|
||||
223
public/css/widgets/widget-icon-box.min.css
vendored
Normal file
223
public/css/widgets/widget-icon-box.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
}
|
||||
362
public/css/widgets/widget-icon-list.min.css
vendored
Normal file
362
public/css/widgets/widget-icon-list.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
17
public/css/widgets/widget-image.min.css
vendored
Normal file
17
public/css/widgets/widget-image.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
291
public/css/widgets/widget-social-icons.min.css
vendored
Normal file
291
public/css/widgets/widget-social-icons.min.css
vendored
Normal file
@@ -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
|
||||
}
|
||||
BIN
public/fonts/Manrope-Bold.ttf
Normal file
BIN
public/fonts/Manrope-Bold.ttf
Normal file
Binary file not shown.
1
public/fonts/Manrope-SemiBold.ttf
Normal file
1
public/fonts/Manrope-SemiBold.ttf
Normal file
@@ -0,0 +1 @@
|
||||
No Content: https://8ded8880.delivery.rocketcdn.me/themes/logico-rounded/wp-content/themes/logico/fonts/Manrope-SemiBold.ttf
|
||||
BIN
public/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2
Normal file
BIN
public/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2
Normal file
Binary file not shown.
1
public/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2
Normal file
1
public/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2
Normal file
@@ -0,0 +1 @@
|
||||
No Content: https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2
|
||||
BIN
public/fonts/fa-brands-400.woff2
Normal file
BIN
public/fonts/fa-brands-400.woff2
Normal file
Binary file not shown.
BIN
public/fonts/fontello.woff2
Normal file
BIN
public/fonts/fontello.woff2
Normal file
Binary file not shown.
1
public/fonts/xn7gYHE41ni1AdIRggexSg.woff2
Normal file
1
public/fonts/xn7gYHE41ni1AdIRggexSg.woff2
Normal file
@@ -0,0 +1 @@
|
||||
No Content: https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2
|
||||
BIN
public/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2
Normal file
BIN
public/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2
Normal file
Binary file not shown.
BIN
public/images/Aravinth.png
Normal file
BIN
public/images/Aravinth.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 KiB |
BIN
public/images/B2B.png
Normal file
BIN
public/images/B2B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
BIN
public/images/FMCG.png
Normal file
BIN
public/images/FMCG.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 612 KiB |
BIN
public/images/Fazul.png
Normal file
BIN
public/images/Fazul.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
6
public/images/Group.svg
Normal file
6
public/images/Group.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="512" height="277" viewBox="0 0 512 277" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M439.583 276.738C430.907 276.745 422.423 274.178 415.206 269.362C407.989 264.546 402.362 257.698 399.038 249.684C395.713 241.67 394.84 232.85 396.529 224.34C398.217 215.829 402.392 208.011 408.525 201.874C414.658 195.736 422.473 191.556 430.982 189.861C439.491 188.166 448.312 189.032 456.329 192.351C464.345 195.67 471.197 201.292 476.018 208.506C480.839 215.719 483.412 224.201 483.412 232.877C483.407 244.502 478.788 255.651 470.571 263.874C462.353 272.098 451.208 276.724 439.583 276.738ZM439.583 205.016C434.071 205.009 428.681 206.638 424.095 209.696C419.509 212.753 415.933 217.102 413.82 222.193C411.706 227.283 411.15 232.886 412.221 238.293C413.293 243.699 415.944 248.667 419.839 252.567C423.734 256.466 428.698 259.123 434.104 260.201C439.509 261.278 445.113 260.728 450.206 258.621C455.299 256.513 459.652 252.942 462.715 248.359C465.777 243.777 467.412 238.389 467.412 232.877C467.41 225.494 464.478 218.414 459.26 213.19C454.043 207.967 446.966 205.027 439.583 205.016ZM208.447 276.738C199.77 276.747 191.286 274.181 184.067 269.367C176.849 264.553 171.22 257.705 167.894 249.692C164.568 241.678 163.693 232.857 165.381 224.346C167.068 215.835 171.242 208.016 177.375 201.877C183.507 195.739 191.322 191.557 199.832 189.862C208.341 188.166 217.162 189.032 225.179 192.35C233.197 195.669 240.049 201.291 244.871 208.504C249.692 215.718 252.266 224.2 252.266 232.877C252.257 244.5 247.639 255.645 239.425 263.867C231.21 272.09 220.07 276.719 208.447 276.738ZM208.447 205.016C202.935 205.007 197.544 206.634 192.956 209.69C188.369 212.747 184.791 217.095 182.676 222.185C180.561 227.276 180.003 232.879 181.073 238.286C182.143 243.694 184.794 248.662 188.688 252.563C192.583 256.464 197.547 259.121 202.953 260.2C208.359 261.278 213.963 260.729 219.057 258.622C224.15 256.514 228.504 252.943 231.567 248.36C234.631 243.778 236.266 238.389 236.266 232.877C236.26 225.497 233.329 218.42 228.114 213.197C222.9 207.975 215.827 205.033 208.447 205.016Z" fill="black"/>
|
||||
<path d="M497.29 240.877H475.413C473.291 240.877 471.256 240.034 469.756 238.534C468.256 237.033 467.413 234.999 467.413 232.877C467.413 230.755 468.256 228.72 469.756 227.22C471.256 225.72 473.291 224.877 475.413 224.877H495.029V182.456C495.024 176.72 493.555 171.081 490.762 166.072L447.455 88.4289C447.085 87.7662 446.545 87.2143 445.891 86.8299C445.237 86.4455 444.492 86.2427 443.733 86.2422H384.714V224.909H403.765C405.886 224.909 407.921 225.752 409.422 227.252C410.922 228.752 411.765 230.787 411.765 232.909C411.765 235.031 410.922 237.065 409.422 238.566C407.921 240.066 405.886 240.909 403.765 240.909H376.714C374.592 240.909 372.558 240.066 371.057 238.566C369.557 237.065 368.714 235.031 368.714 232.909V78.2422C368.714 76.1205 369.557 74.0856 371.057 72.5853C372.558 71.085 374.592 70.2422 376.714 70.2422H443.733C447.342 70.2404 450.886 71.2025 453.999 73.029C457.112 74.8554 459.68 77.48 461.439 80.6315L504.735 158.285C508.852 165.676 511.014 173.995 511.018 182.456V227.149C511.012 230.788 509.564 234.276 506.991 236.85C504.418 239.423 500.929 240.871 497.29 240.877ZM172.618 240.877H95.9141C93.7923 240.877 91.7575 240.034 90.2572 238.534C88.7569 237.033 87.9141 234.999 87.9141 232.877V171.352C87.9141 169.23 88.7569 167.195 90.2572 165.695C91.7575 164.194 93.7923 163.352 95.9141 163.352C98.0358 163.352 100.071 164.194 101.571 165.695C103.071 167.195 103.914 169.23 103.914 171.352V224.877H172.618C174.74 224.877 176.775 225.72 178.275 227.22C179.775 228.72 180.618 230.755 180.618 232.877C180.618 234.999 179.775 237.033 178.275 238.534C176.775 240.034 174.74 240.877 172.618 240.877ZM95.9141 142.968C93.7923 142.968 91.7575 142.125 90.2572 140.624C88.7569 139.124 87.9141 137.089 87.9141 134.968V81.2502C87.9141 79.1285 88.7569 77.0936 90.2572 75.5933C91.7575 74.093 93.7923 73.2502 95.9141 73.2502C98.0358 73.2502 100.071 74.093 101.571 75.5933C103.071 77.0936 103.914 79.1285 103.914 81.2502V135C103.906 137.116 103.059 139.142 101.56 140.636C100.06 142.129 98.0303 142.968 95.9141 142.968Z" fill="black"/>
|
||||
<path d="M376.715 240.877H244.267C242.145 240.877 240.111 240.034 238.61 238.533C237.11 237.033 236.267 234.998 236.267 232.877C236.267 230.755 237.11 228.72 238.61 227.22C240.111 225.719 242.145 224.877 244.267 224.877H368.715V15.5859H103.915V48.5353C103.915 50.657 103.072 52.6918 101.572 54.1921C100.072 55.6924 98.0369 56.5353 95.9152 56.5353C93.7935 56.5353 91.7586 55.6924 90.2583 54.1921C88.7581 52.6918 87.9152 50.657 87.9152 48.5353V14.1139C87.9208 10.2608 89.4547 6.56717 92.1804 3.84356C94.906 1.11995 98.6007 -0.411242 102.454 -0.414062H370.187C374.039 -0.40842 377.731 1.12401 380.454 3.84732C383.177 6.57063 384.71 10.2626 384.715 14.1139V232.877C384.715 234.998 383.872 237.033 382.372 238.533C380.872 240.034 378.837 240.877 376.715 240.877ZM127.542 179.351H26.0059C23.8841 179.351 21.8493 178.508 20.349 177.008C18.8487 175.508 18.0059 173.473 18.0059 171.351C18.0059 169.23 18.8487 167.195 20.349 165.694C21.8493 164.194 23.8841 163.351 26.0059 163.351H127.542C129.664 163.351 131.698 164.194 133.199 165.694C134.699 167.195 135.542 169.23 135.542 171.351C135.542 173.473 134.699 175.508 133.199 177.008C131.698 178.508 129.664 179.351 127.542 179.351Z" fill="black"/>
|
||||
<path d="M208.448 142.967H66.7626C64.6409 142.967 62.6061 142.124 61.1058 140.624C59.6055 139.124 58.7626 137.089 58.7626 134.967C58.7626 132.845 59.6055 130.811 61.1058 129.31C62.6061 127.81 64.6409 126.967 66.7626 126.967H208.448C210.57 126.967 212.605 127.81 214.105 129.31C215.605 130.811 216.448 132.845 216.448 134.967C216.448 137.089 215.605 139.124 214.105 140.624C212.605 142.124 210.57 142.967 208.448 142.967ZM62.3573 100.727H7.0293C4.90757 100.727 2.87273 99.8843 1.37244 98.384C-0.127848 96.8837 -0.970703 94.8489 -0.970703 92.7272C-0.970703 90.6054 -0.127848 88.5706 1.37244 87.0703C2.87273 85.57 4.90757 84.7272 7.0293 84.7272H62.3573C64.479 84.7272 66.5139 85.57 68.0142 87.0703C69.5144 88.5706 70.3573 90.6054 70.3573 92.7272C70.3573 94.8489 69.5144 96.8837 68.0142 98.384C66.5139 99.8843 64.479 100.727 62.3573 100.727ZM151.072 56.5351H53.408C51.2862 56.5351 49.2514 55.6923 47.7511 54.192C46.2508 52.6917 45.408 50.6569 45.408 48.5352C45.408 46.4134 46.2508 44.3786 47.7511 42.8783C49.2514 41.378 51.2862 40.5352 53.408 40.5352H151.072C153.194 40.5352 155.229 41.378 156.729 42.8783C158.229 44.3786 159.072 46.4134 159.072 48.5352C159.072 50.6569 158.229 52.6917 156.729 54.192C155.229 55.6923 153.194 56.5351 151.072 56.5351Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.4 KiB |
BIN
public/images/Investor.png
Normal file
BIN
public/images/Investor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
public/images/Parthi.png
Normal file
BIN
public/images/Parthi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 KiB |
BIN
public/images/Pharma.png
Normal file
BIN
public/images/Pharma.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/images/Suriya.png
Normal file
BIN
public/images/Suriya.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
BIN
public/images/Team/1.png
Normal file
BIN
public/images/Team/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 KiB |
BIN
public/images/Team/2.jpg
Normal file
BIN
public/images/Team/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
public/images/Team/3 .png
Normal file
BIN
public/images/Team/3 .png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
public/images/Team/4.png
Normal file
BIN
public/images/Team/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 KiB |
BIN
public/images/Team/5.png
Normal file
BIN
public/images/Team/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
BIN
public/images/about-bg.png
Normal file
BIN
public/images/about-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 MiB |
BIN
public/images/ai_driven_logistics.png
Normal file
BIN
public/images/ai_driven_logistics.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 909 KiB |
BIN
public/images/bg-404.png
Normal file
BIN
public/images/bg-404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
public/images/bg-contacts.png
Normal file
BIN
public/images/bg-contacts.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/images/bg-header-1.jpg
Normal file
BIN
public/images/bg-header-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
public/images/bg-header-3.jpeg
Normal file
BIN
public/images/bg-header-3.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
BIN
public/images/bg-header-3.png
Normal file
BIN
public/images/bg-header-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 MiB |
BIN
public/images/bg-header-5.png
Normal file
BIN
public/images/bg-header-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 MiB |
BIN
public/images/bg-header-women.png
Normal file
BIN
public/images/bg-header-women.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 MiB |
BIN
public/images/bg-map-about.png
Normal file
BIN
public/images/bg-map-about.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
public/images/bg-map-women.png
Normal file
BIN
public/images/bg-map-women.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
public/images/bg-map.png
Normal file
BIN
public/images/bg-map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/images/bg-slide-sidebar.jpg
Normal file
BIN
public/images/bg-slide-sidebar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
public/images/blog-post-pic-14.jpeg
Normal file
BIN
public/images/blog-post-pic-14.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 KiB |
BIN
public/images/blog-post-pic-15.png
Normal file
BIN
public/images/blog-post-pic-15.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
public/images/blog-post-pic-17-480x480.jpg
Normal file
BIN
public/images/blog-post-pic-17-480x480.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/blog-post-pic-17-680x680.jpg
Normal file
BIN
public/images/blog-post-pic-17-680x680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
public/images/blog-post-pic-17-840x840.jpg
Normal file
BIN
public/images/blog-post-pic-17-840x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
public/images/blog-post-pic-17-995x467.jpg
Normal file
BIN
public/images/blog-post-pic-17-995x467.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
public/images/blog-post-pic-17.png
Normal file
BIN
public/images/blog-post-pic-17.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 MiB |
BIN
public/images/blog-post-pic-18-480x480.jpg
Normal file
BIN
public/images/blog-post-pic-18-480x480.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/images/blog-post-pic-18-680x680.jpg
Normal file
BIN
public/images/blog-post-pic-18-680x680.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
public/images/blog-post-pic-18-840x840.jpg
Normal file
BIN
public/images/blog-post-pic-18-840x840.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
public/images/blog-post-pic-18-995x467.jpg
Normal file
BIN
public/images/blog-post-pic-18-995x467.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
public/images/blog-post-pic-3.jpeg
Normal file
BIN
public/images/blog-post-pic-3.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
BIN
public/images/blog-post-pic-31.png
Normal file
BIN
public/images/blog-post-pic-31.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
public/images/blog-post-pic-4.jpeg
Normal file
BIN
public/images/blog-post-pic-4.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
BIN
public/images/blog-post-pic-6.jpeg
Normal file
BIN
public/images/blog-post-pic-6.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
public/images/blog-post-pic-7-680x680.jpeg
Normal file
BIN
public/images/blog-post-pic-7-680x680.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
BIN
public/images/blog-post-pic-8.jpeg
Normal file
BIN
public/images/blog-post-pic-8.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 376 KiB |
BIN
public/images/contain.png
Normal file
BIN
public/images/contain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
public/images/cropped-image-2.png
Normal file
BIN
public/images/cropped-image-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
public/images/delivery.png
Normal file
BIN
public/images/delivery.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/images/doormile-black.png
Normal file
BIN
public/images/doormile-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
BIN
public/images/doormile-logo.png
Normal file
BIN
public/images/doormile-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/doormile-white.png
Normal file
BIN
public/images/doormile-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
public/images/end_to_end_protection.png
Normal file
BIN
public/images/end_to_end_protection.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 777 KiB |
BIN
public/images/ev-design1.jpeg
Normal file
BIN
public/images/ev-design1.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
BIN
public/images/ev-van-dashboard.png
Normal file
BIN
public/images/ev-van-dashboard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
BIN
public/images/ev.jpeg
Normal file
BIN
public/images/ev.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user