diff --git a/all_fonts.txt b/all_fonts.txt deleted file mode 100644 index 33b29ce..0000000 Binary files a/all_fonts.txt and /dev/null differ diff --git a/assets/css/ev-premium.css b/assets/css/ev-premium.css new file mode 100644 index 0000000..0cd61d7 --- /dev/null +++ b/assets/css/ev-premium.css @@ -0,0 +1,464 @@ +/* EV Premium Section - High-End SaaS UI */ +:root { + --evp-bg: #030303; + --evp-card-bg: rgba(20, 20, 22, 0.6); + --evp-accent: #E31E24; + --evp-accent-glow: rgba(227, 30, 36, 0.4); + --evp-success: #10B981; + --evp-info: #3B82F6; + --evp-text: #FFFFFF; + --evp-text-dim: #A1A1AA; + --evp-border: rgba(255, 255, 255, 0.08); + --evp-glass-border: rgba(255, 255, 255, 0.12); + --evp-radius-lg: 32px; + --evp-radius-md: 20px; + --evp-font: 'Manrope', -apple-system, sans-serif; +} + +.evp-section { + padding: 140px 0; + background-color: #1f1f1f; + color: var(--evp-text); + font-family: var(--evp-font); + position: relative; + overflow: hidden; +} + +/* ─── BACKGROUND EFFECTS ─── */ +.evp-bg-aura { + position: absolute; + width: 600px; + height: 600px; + border-radius: 50%; + filter: blur(150px); + z-index: 0; + pointer-events: none; + opacity: 0.3; +} + +.aura-red { + background: radial-gradient(circle, var(--evp-accent) 0%, transparent 70%); + top: -100px; + right: -100px; +} + + + +.logico-front-end h4:not([class*=logico-title-h]){ + color: #fff !important; +} + + +.aura-blue { + background: radial-gradient(circle, var(--evp-info) 0%, transparent 70%); + bottom: -100px; + left: -100px; +} + +.evp-grid-overlay { + position: absolute; + inset: 0; + background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), + linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); + background-size: 50px 50px; + mask-image: radial-gradient(circle at center, black, transparent 80%); + pointer-events: none; + z-index: 1; +} + +.evp-container { + max-width: 1400px; + margin: 0 auto; + padding: 0 40px; + position: relative; + z-index: 10; +} + +.evp-layout { + display: flex; + align-items: center; + gap: 80px; + position: relative; +} + +/* ─── LEFT: CONTENT & HERO ─── */ +.evp-content { + flex: 1; + max-width: 650px; +} + +.evp-tag { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 8px 16px; + background: rgba(227, 30, 36, 0.1); + border: 1px solid rgba(227, 30, 36, 0.2); + border-radius: 100px; + font-size: 13px; + font-weight: 700; + color: var(--evp-accent); + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 32px; +} + +.evp-tag .status-dot { + width: 8px; + height: 8px; + background: var(--evp-accent); + border-radius: 50%; + box-shadow: 0 0 10px var(--evp-accent); + animation: evp-pulse 2s infinite; +} + +@keyframes evp-pulse { + 0% { transform: scale(0.95); opacity: 1; } + 50% { transform: scale(1.3); opacity: 0.5; } + 100% { transform: scale(0.95); opacity: 1; } +} + +.evp-title { + font-size: clamp(40px, 5vw, 68px); + line-height: 1.05; + font-weight: 800; + letter-spacing: -2px; + margin-bottom: 30px; +} + +.evp-title span { + display: block; + color: var(--evp-accent); + filter: drop-shadow(0 0 20px var(--evp-accent-glow)); +} + +.evp-desc { + font-size: 20px; + color: var(--evp-text-dim); + line-height: 1.6; + margin-bottom: 50px; + max-width: 580px; +} + +/* Feature Cards Stack */ +.evp-features { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; +} + +.evp-feature-card { + padding: 30px; + background: var(--evp-card-bg); + backdrop-filter: blur(20px); + border: 1px solid var(--evp-glass-border); + border-radius: var(--evp-radius-md); + transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); + position: relative; + overflow: hidden; +} + +.evp-feature-card::before { + content: ''; + position: absolute; + top: 0; left: 0; width: 100%; height: 100%; + background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%); + opacity: 0; + transition: opacity 0.4s; +} + +.evp-feature-card:hover { + transform: translateY(-5px) scale(1.02); + border-color: rgba(227, 30, 36, 0.4); + box-shadow: 0 20px 40px rgba(0,0,0,0.4); +} + +.evp-feature-card:hover::before { + opacity: 1; +} + +.evp-icon-box { + width: 48px; + height: 48px; + border-radius: 14px; + background: rgba(255, 255, 255, 0.05); + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 20px; + color: var(--evp-accent); + font-size: 20px; +} + +.evp-feature-card h3 { + font-size: 17px; + font-weight: 700; + margin-bottom: 12px; +} + +.evp-feature-card p { + font-size: 14px; + color: #fff; + line-height: 1.5; + margin: 0; +} + +/* ─── RIGHT: VISUAL DASHBOARD ─── */ +.evp-visual { + flex: 1; + position: relative; + display: flex; + justify-content: center; + align-items: center; +} + +.evp-dashboard { + width: 100%; + max-width: 600px; + background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%); + border: 1px solid var(--evp-border); + border-radius: 40px; + padding: 50px; + position: relative; + box-shadow: 0 50px 100px rgba(0,0,0,0.8); + overflow: visible; +} + +.evp-dashboard::after { + content: ''; + position: absolute; + inset: 0; + border-radius: 40px; + padding: 1px; + background: linear-gradient(to bottom right, rgba(255,255,255,0.1), transparent, rgba(255,255,255,0.05)); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: xor; + mask-composite: exclude; + pointer-events: none; +} + +.evp-db-header { + display: flex; + justify-content: space-between; + align-items: flex-start; + margin-bottom: 10px; +} + +.evp-db-title { + font-size: 12px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 2px; + color: var(--evp-text-dim); +} + +.evp-live-tag { + font-size: 11px; + font-weight: 700; + color: var(--evp-success); + display: flex; + align-items: center; + gap: 6px; + background: rgba(16, 185, 129, 0.1); + padding: 4px 10px; + border-radius: 50px; +} + +.evp-db-id { + font-size: 32px; + font-weight: 900; + margin-top: 10px; +} + +.evp-van-stage { + position: relative; + margin: 40px 0; + width: 100%; + z-index: 2; +} + +.evp-van-image { + width: 110%; + height: auto; + /* margin-left: -5%; */ + filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5)); + animation: evp-float 6s ease-in-out infinite; +} + +@keyframes evp-float { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-15px); } +} + +/* Floating HUD Cards */ +.evp-hud-card { + position: absolute; + background: rgba(15, 15, 18, 0.85); + backdrop-filter: blur(15px); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 18px; + padding: 16px; + z-index: 10; + box-shadow: 0 20px 40px rgba(0,0,0,0.4); + pointer-events: all; + transition: transform 0.3s ease; +} + +.evp-hud-card:hover { + transform: scale(1.05); +} + +.hud-battery { + top: 55%; + left: -40px; + min-width: 160px; + display: flex; + align-items: center; + gap: 15px; +} + +.hud-location { + top: 15%; + right: -30px; + min-width: 180px; +} + +.hud-route { + bottom: 30%; + right: -50px; + min-width: 170px; + background: linear-gradient(135deg, rgba(20, 20, 24, 0.9), rgba(10, 10, 12, 0.9)); +} + +.evp-progress-svg { + width: 44px; + height: 44px; + transform: rotate(-90deg); +} + +.evp-progress-circle-bg { + fill: none; + stroke: rgba(255,255,255,0.05); + stroke-width: 4; +} + +.evp-progress-circle { + fill: none; + stroke: var(--evp-success); + stroke-width: 4; + stroke-linecap: round; + stroke-dasharray: 113; + stroke-dashoffset: 20; /* Example for 82% */ + transition: stroke-dashoffset 1s ease-out; +} + +.hud-val-large { + font-size: 20px; + font-weight: 900; + line-height: 1; +} + +.hud-label-small { + font-size: 10px; + color: var(--evp-text-dim); + text-transform: uppercase; + font-weight: 700; + margin-bottom: 4px; + letter-spacing: 0.5px; +} + +/* Route Visual in HUD */ +.hud-route-path { + margin-top: 10px; + height: 30px; + background-image: radial-gradient(circle, rgba(255,255,255,0.2) 1px, transparent 1px); + background-size: 8px 8px; + border-radius: 8px; + position: relative; + overflow: hidden; +} + +.hud-route-line { + position: absolute; + top: 50%; + left: 10%; + width: 60%; + height: 2px; + background: var(--evp-accent); + box-shadow: 0 0 10px var(--evp-accent); +} + +/* Dashboard Bottom Metrics */ +.evp-metrics { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 15px; + border-top: 1px solid var(--evp-border); + padding-top: 25px; +} + +.m-item { + text-align: center; +} + +.m-label { + font-size: 9px; + text-transform: uppercase; + font-weight: 800; + color: var(--evp-text-dim); + letter-spacing: 0.5px; + margin-bottom: 5px; +} + +.m-value { + font-size: 18px; + font-weight: 900; + color: #fff; +} + +/* ─── RESPONSIVENESS ─── */ +@media (max-width: 1300px) { + .evp-layout { gap: 40px; } + .hud-battery { left: 0; } + .hud-location { right: 0; } + .hud-route { right: 0; } +} + +@media (max-width: 1100px) { + .evp-layout { + flex-direction: column; + text-align: center; + } + + .evp-content { + max-width: 100%; + display: flex; + flex-direction: column; + align-items: center; + } + + .evp-desc { + max-width: 700px; + } + + .evp-features { + max-width: 800px; + width: 100%; + } + + .evp-visual { + margin-top: 60px; + width: 100%; + } +} + +@media (max-width: 640px) { + .evp-section { padding: 80px 0; } + .evp-features { grid-template-columns: 1fr; } + .evp-metrics { grid-template-columns: 1fr 1fr; gap: 20px; } + .evp-dashboard { padding: 30px 20px; } + .evp-hud-card { display: contents; } + .evp-title { font-size: 38px; } + .evp-db-id { font-size: 24px; } +} diff --git a/assets/css/ev-section.css b/assets/css/ev-section.css index d2d656b..e578a56 100644 --- a/assets/css/ev-section.css +++ b/assets/css/ev-section.css @@ -2,53 +2,89 @@ :root { --ev-primary: #111111; --ev-accent: #E31E24; - --ev-text-muted: #666666; - --ev-bg-light: #F8F9FA; - --ev-card-bg: #FFFFFF; - --ev-radius: 20px; - --ev-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); + --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: 100px 0; - background-color: #fff; - font-family: 'Manrope', sans-serif; + 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 30px; + padding: 0 40px; + position: relative; + z-index: 1; } .ev-grid { display: grid; - grid-template-columns: 1.1fr 0.9fr; - gap: 60px; + grid-template-columns: 1.1fr 1.2fr; + gap: 80px; align-items: center; } /* Left Content */ .ev-badge { - display: inline-block; - padding: 6px 16px; + display: inline-flex; + align-items: center; + padding: 8px 18px; border-radius: 100px; - font-size: 14px; - font-weight: 600; - margin-bottom: 24px; - background: #fff; - position: relative; + 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(32px, 5vw, 56px); - font-weight: 800; - line-height: 1.1; + font-size: clamp(36px, 5vw, 64px); + font-weight: 900; + line-height: 1.05; color: var(--ev-primary); - margin-bottom: 24px; - text-transform: uppercase; + margin-bottom: 28px; + letter-spacing: -1.5px; } .ev-title .accent { @@ -59,128 +95,181 @@ .ev-desc { font-size: 18px; color: var(--ev-text-muted); - line-height: 1.6; - max-width: 540px; - margin-bottom: 48px; + 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: 24px; + 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); - border: 1px solid #F1F4F9; - box-shadow: var(--ev-shadow); - transition: transform 0.3s ease; + 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(-5px); + transform: translateY(-8px) scale(1.02); + border-color: rgba(227, 30, 36, 0.2); + box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); } .feature-icon-box { - width: 44px; - height: 44px; - background: #F8FAFC; + width: 48px; + height: 48px; + background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; - border: 1px solid #EDF2F7; + box-shadow: 0 8px 16px rgba(0,0,0,0.04); } .feature-card h3 { - font-size: 16px; - font-weight: 700; - margin-bottom: 12px; + 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: 14px; + font-size: 13px; color: var(--ev-text-muted); - line-height: 1.5; + line-height: 1.6; margin: 0; + font-weight: 500; } /* Right Dashboard */ .ev-dashboard { position: relative; + padding: 20px; } .dashboard-card { - background: #fff; - border-radius: 24px; + 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 20px 50px rgba(0, 0, 0, 0.08); - border: 1px solid #F1F5F9; + 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: 30px; + margin-bottom: 40px; } .dashboard-title { - font-size: 24px; - font-weight: 800; + font-size: 20px; + font-weight: 900; margin: 0; color: var(--ev-primary); + letter-spacing: 0.5px; } .live-indicator { - background: #F1F5F9; - padding: 4px 12px; + background: rgba(16, 185, 129, 0.1); + color: #059669; + padding: 6px 14px; border-radius: 100px; - font-size: 12px; - font-weight: 600; + font-size: 11px; + font-weight: 800; display: flex; align-items: center; - gap: 6px; + gap: 8px; + text-transform: uppercase; } .live-indicator::before { content: ''; - width: 6px; - height: 6px; + 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: 40px 0; + margin: 60px 0; + display: flex; + justify-content: center; } .van-image { - width: 100%; + width: 80%; height: auto; - border-radius: 20px; + 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: #fff; - padding: 8px 12px; - border-radius: 12px; - box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); + 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: 10px; + gap: 12px; z-index: 2; - min-width: 140px; + 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 { @@ -193,109 +282,456 @@ .overlay-card .info p { font-size: 11px; margin: 0; - color: #888; + color: var(--ev-text-muted); font-weight: 600; } -.v-status-1 { top: 20%; left: -5%; } -.v-status-2 { top: 10%; right: -5%; } -.v-status-3 { bottom: 30%; left: -10%; } - -.status-circle { - width: 36px; - height: 36px; - border-radius: 50%; - border: 3px solid #E2E8F0; +.progress-ring { + width: 38px; + height: 38px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; - flex-shrink: 0; + border-radius: 50%; + border: 3px solid #E2E8F0; + color: #111; } -.status-circle.active { border-color: #3B82F6; color: #3B82F6; } +.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: 12px; - margin-top: 30px; + gap: 16px; + margin-top: 40px; } .stat-metric { - background: #F8FAFC; - padding: 16px; - border-radius: 16px; + background: rgba(255, 255, 255, 1); + padding: 20px 10px; + border-radius: 20px; text-align: center; - transition: background 0.3s ease; + border: 1px solid #F1F5F9; + box-shadow: 0 4px 12px rgba(0,0,0,0.03); + transition: all 0.3s ease; } .stat-metric:hover { - background: #F1F5F9; + transform: translateY(-5px); + border-color: var(--ev-accent); } .stat-value { display: block; - font-size: 20px; - font-weight: 800; + font-size: 22px; + font-weight: 900; color: var(--ev-primary); + margin-bottom: 4px; } .stat-label { display: block; - font-size: 11px; + font-size: 10px; color: var(--ev-text-muted); - font-weight: 600; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; } /* Responsiveness */ -@media (max-width: 1200px) { - .ev-grid { - gap: 40px; - } +@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 { - margin-left: auto; - margin-right: auto; + max-width: 600px; } .feature-grid { - max-width: 700px; - margin: 0 auto; + max-width: 800px; + width: 100%; } .ev-dashboard { - max-width: 700px; - margin: 40px auto 0; + max-width: 800px; + margin: 0 auto; } } @media (max-width: 640px) { - .feature-grid { + .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; } - .stats-row { + .ev2-title { + font-size: 40px; + } + + .ev2-metrics { grid-template-columns: 1fr 1fr; } - - .dashboard-card { - padding: 20px; - } - - .overlay-card { - display: none; /* Hide complex overlays on small mobile for better layout */ - } } diff --git a/assets/css/style.css b/assets/css/style.css index 072ef0d..2423edb 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -128,10 +128,9 @@ } .elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile { - width: 200px !important; - /* Extremely clear and visible size */ + width: 180px !important; /* Base mobile size */ height: auto !important; - min-width: 200px !important; + min-width: 100px !important; /* Allow it to shrink if needed */ } /* 7. Menu Trigger (Hamburger) alignment */ @@ -163,7 +162,21 @@ } } -/* Small Device Optimization */ +/* 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; @@ -173,10 +186,11 @@ .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: 190px !important; + width: 155px !important; /* Scaled down for tiny screens */ } } @@ -217,4 +231,56 @@ border-radius: 18px !important; /* Consistent rounded edges */ } +} + +/* ============================================================ + WHY CHOOSE DOORMILE SECTION RESPONSIVENESS (< 1020px) + ============================================================ */ + +@media (max-width: 1020px) { + /* 1. Parent Wrapper: Switch to Column Stack */ + .elementor-element.elementor-element-ead59d3 { + display: flex !important; + flex-direction: column !important; + padding-top: 50px !important; + padding-bottom: 50px !important; + } + + /* 2. Absolute Image: Pull into Flow and Place First */ + .elementor-element.elementor-element-f35119c { + position: relative !important; + width: 100% !important; + max-width: 500px !important; /* Optimal tablet/mobile size */ + margin: 0 auto 40px !important; /* Center and add spacing below */ + left: auto !important; + top: auto !important; + order: -1 !important; /* Force to top of stack */ + transform: none !important; + display: none !important; + } + + /* 3. Content Section: Expand to 100% Width */ + .elementor-element.elementor-element-56ecbb3, + .elementor-element.elementor-element-56ecbb3 .e-con-inner, + .elementor-element.elementor-element-47f8cbe { + width: 100% !important; + max-width: 100% !important; + margin: 0 !important; + padding-left: 20px !important; + padding-right: 20px !important; + } + + /* Align content consistently for stacked view */ + .elementor-element.elementor-element-47f8cbe { + display: flex !important; + flex-direction: column !important; + align-items: center !important; + text-align: center !important; + } + + /* Adjust specific widgets inside content */ + .elementor-element.elementor-element-47f8cbe .logico-title { + margin-left: auto !important; + margin-right: auto !important; + } } \ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css index b0fcecd..64e60a5 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -26258,12 +26258,14 @@ body[data-elementor-device-mode="widescreen"] .elementor-widget-logico_navigatio @media only screen and (min-width: 1021px) { .logico-theme-style-rounded .slide-sidebar-wrapper.slide-sidebar-position-left.active { right:initial; - left: 20px + left: 20px; + z-index: 100000 !important; } .logico-theme-style-rounded .slide-sidebar-wrapper.slide-sidebar-position-right.active { right: 20px; - left: initial + left: initial; + z-index: 100000 !important; } } diff --git a/assets/images/blog-post-pic-17-480x480.jpg b/assets/images/blog-post-pic-17-480x480.jpg new file mode 100644 index 0000000..42956b0 Binary files /dev/null and b/assets/images/blog-post-pic-17-480x480.jpg differ diff --git a/assets/images/blog-post-pic-17-680x680.jpg b/assets/images/blog-post-pic-17-680x680.jpg new file mode 100644 index 0000000..80ce348 Binary files /dev/null and b/assets/images/blog-post-pic-17-680x680.jpg differ diff --git a/assets/images/blog-post-pic-17-840x840.jpg b/assets/images/blog-post-pic-17-840x840.jpg new file mode 100644 index 0000000..af94e81 Binary files /dev/null and b/assets/images/blog-post-pic-17-840x840.jpg differ diff --git a/assets/images/blog-post-pic-17-995x467.jpg b/assets/images/blog-post-pic-17-995x467.jpg new file mode 100644 index 0000000..cecba33 Binary files /dev/null and b/assets/images/blog-post-pic-17-995x467.jpg differ diff --git a/assets/images/blog-post-pic-18-480x480.jpg b/assets/images/blog-post-pic-18-480x480.jpg new file mode 100644 index 0000000..d0b8d7b Binary files /dev/null and b/assets/images/blog-post-pic-18-480x480.jpg differ diff --git a/assets/images/blog-post-pic-18-680x680.jpg b/assets/images/blog-post-pic-18-680x680.jpg new file mode 100644 index 0000000..ab25a56 Binary files /dev/null and b/assets/images/blog-post-pic-18-680x680.jpg differ diff --git a/assets/images/blog-post-pic-18-840x840.jpg b/assets/images/blog-post-pic-18-840x840.jpg new file mode 100644 index 0000000..8ff8360 Binary files /dev/null and b/assets/images/blog-post-pic-18-840x840.jpg differ diff --git a/assets/images/blog-post-pic-18-995x467.jpg b/assets/images/blog-post-pic-18-995x467.jpg new file mode 100644 index 0000000..aeafbe0 Binary files /dev/null and b/assets/images/blog-post-pic-18-995x467.jpg differ diff --git a/assets/images/ev-van-dashboard.png b/assets/images/ev-van-dashboard.png index d715ad6..336a3ee 100644 Binary files a/assets/images/ev-van-dashboard.png and b/assets/images/ev-van-dashboard.png differ diff --git a/assets/images/ev2-van.png b/assets/images/ev2-van.png new file mode 100644 index 0000000..583dbc9 Binary files /dev/null and b/assets/images/ev2-van.png differ diff --git a/assets/images/fleet-main.png b/assets/images/fleet-main.png new file mode 100644 index 0000000..052a520 Binary files /dev/null and b/assets/images/fleet-main.png differ diff --git a/assets/images/fleet-van-light.png b/assets/images/fleet-van-light.png new file mode 100644 index 0000000..445a835 Binary files /dev/null and b/assets/images/fleet-van-light.png differ diff --git a/assets/images/premium-ev-van.png b/assets/images/premium-ev-van.png new file mode 100644 index 0000000..b108f07 Binary files /dev/null and b/assets/images/premium-ev-van.png differ diff --git a/blogs.php b/blogs.php index 007afb6..70f65ce 100644 --- a/blogs.php +++ b/blogs.php @@ -58,7 +58,7 @@

- Logico + Logico

@@ -99,7 +99,7 @@ data-widget_type="logico_breadcrumbs.default">
@@ -148,43 +148,41 @@ 5 / 2024 Din + href="#">Din Parker
Train + href="#">Train Freight
- + + srcset="assets/images/blog-post-pic-18-480x480.jpg 480w"> + srcset="assets/images/blog-post-pic-18-680x680.jpg 660w"> + srcset="assets/images/blog-post-pic-18-840x840.jpg 840w"> blog-post-pic-18
- Tips + Tips And Strategies
Frigate mackerel snake @@ -196,8 +194,8 @@ Pacific hake false trevally queen parrotfish black prickleback...
- Explorer more + Explorer + more
@@ -209,43 +207,40 @@ class="post-meta-item post-meta-item-date">Jul. 5 / 2024 - Din + Din Parker
- Train + Train
+ href="#"> + srcset="assets/images/blog-post-pic-17-480x480.jpg 480w"> + srcset="assets/images/blog-post-pic-17-680x680.jpg 660w"> + srcset="assets/images/blog-post-pic-17-840x840.jpg 840w"> blog-post-pic-17
- Expensive + Expensive Buildings Projects
Reedfish bonefish trahira @@ -257,8 +252,8 @@ Pacific hake false trevally queen parrotfish black prickleback...
- Explorer more + Explorer + more
@@ -284,31 +279,28 @@
- + + srcset="assets/images/blog-post-pic-16-480x480.jpg 480w"> + srcset="assets/images/blog-post-pic-16-680x680.jpg 660w"> + srcset="assets/images/blog-post-pic-16-840x840.jpg 840w"> blog-post-pic-16
- Planning - Point Of View + Planning Point Of View
Link salmon cherry salmon combtail gourami frigate mackerel snake mackerel. @@ -319,8 +311,8 @@ Pacific hake false trevally queen parrotfish black...
- Explorer more + Explorer + more
@@ -334,14 +326,13 @@ 1 2 + href="#">2 3 + href="#">3 … 7 - + diff --git a/find_empty_fonts.js b/find_empty_fonts.js deleted file mode 100644 index 4272da7..0000000 --- a/find_empty_fonts.js +++ /dev/null @@ -1,16 +0,0 @@ - -const fs = require('fs'); -const content = fs.readFileSync('c:/xampp/htdocs/doormileweb/assets/css/theme.css', 'utf8'); - -const fontFaceRegex = /@font-face\s*{([^}]*)}/g; -let match; -let count = 0; -while ((match = fontFaceRegex.exec(content)) !== null) { - const block = match[1]; - if (!block.includes('src:')) { - console.log(`Found @font-face without src at index ${match.index}`); - console.log(match[0]); - } - count++; -} -console.log(`Total @font-face blocks: ${count}`); diff --git a/find_empty_fonts_all.js b/find_empty_fonts_all.js deleted file mode 100644 index 74dda4f..0000000 --- a/find_empty_fonts_all.js +++ /dev/null @@ -1,21 +0,0 @@ - -const fs = require('fs'); -const path = require('path'); - -const cssDir = 'c:/xampp/htdocs/doormileweb/assets/css'; -const files = fs.readdirSync(cssDir).filter(f => f.endsWith('.css')); - -files.forEach(file => { - const filePath = path.join(cssDir, file); - const content = fs.readFileSync(filePath, 'utf8'); - const fontFaceRegex = /@font-face\s*{([^}]*)}/g; - let match; - while ((match = fontFaceRegex.exec(content)) !== null) { - const block = match[1]; - if (!block.includes('src:')) { - console.log(`FILE: ${file}`); - console.log(match[0]); - console.log('---'); - } - } -}); diff --git a/find_mismatches.js b/find_mismatches.js deleted file mode 100644 index 45d566c..0000000 --- a/find_mismatches.js +++ /dev/null @@ -1,37 +0,0 @@ - -const fs = require('fs'); -const path = require('path'); - -const cssDir = 'c:/xampp/htdocs/doormileweb/assets/css'; -const file = 'theme.css'; -const filePath = path.join(cssDir, file); -const content = fs.readFileSync(filePath, 'utf8'); - -// Match rules -// This is a bit complex as we need to find the rule block. -// We'll simplify: look for blocks with font-family and content. - -const rules = content.split('}'); -rules.forEach(rule => { - if (rule.includes('content:') && rule.includes('font-family:')) { - const contentMatch = rule.match(/content:\s*['"]\\([ef][a-f0-9]+)['"]/i); - const fontMatch = rule.match(/font-family:\s*['"]?([^'";]+)['"]?/i); - - if (contentMatch && fontMatch) { - const hex = contentMatch[1].toLowerCase(); - const family = fontMatch[1]; - - // e... is usually fontello - if (hex.startsWith('e') && (family.includes('Font Awesome') || family.includes('fa-'))) { - console.log(`MISMATCH: ${hex} with ${family}`); - console.log(rule.trim()); - } - - // f... is usually font awesome - if (hex.startsWith('f') && family.includes('fontello')) { - console.log(`MISMATCH: ${hex} with ${family}`); - console.log(rule.trim()); - } - } - } -}); diff --git a/find_urls.js b/find_urls.js deleted file mode 100644 index ed360c3..0000000 --- a/find_urls.js +++ /dev/null @@ -1,19 +0,0 @@ - -const fs = require('fs'); -const path = require('path'); - -const cssDir = 'c:/xampp/htdocs/doormileweb/assets/css'; -const files = fs.readdirSync(cssDir).filter(f => f.endsWith('.css')); - -files.forEach(file => { - const filePath = path.join(cssDir, file); - const content = fs.readFileSync(filePath, 'utf8'); - const urlRegex = /url\(['"]?([^'")]+)['"]?\)/g; - let match; - while ((match = urlRegex.exec(content)) !== null) { - const url = match[1]; - if (!url.startsWith('data:') && !url.startsWith('/doormileweb/assets/')) { - console.log(`${file}: ${match[0]}`); - } - } -}); diff --git a/fix_paths_all.js b/fix_paths_all.js deleted file mode 100644 index 91003ab..0000000 --- a/fix_paths_all.js +++ /dev/null @@ -1,68 +0,0 @@ - -const fs = require('fs'); -const path = require('path'); - -const cssDir = 'c:/xampp/htdocs/doormileweb/assets/css'; -const files = fs.readdirSync(cssDir).filter(f => f.endsWith('.css')); - -files.forEach(file => { - const filePath = path.join(cssDir, file); - let content = fs.readFileSync(filePath, 'utf8'); - let changed = false; - - // 1. Replace external domains and /wp-content/ in URLs - // Pattern: url("https://.../wp-content/.../file.ext") -> url("/doormileweb/assets/.../file.ext") - // This is tricky because we don't know the exact mapping. - // But most fonts/images should be in assets/fonts/ or assets/images/. - - // Specifically for fonts - content = content.replace(/url\(['"]?(?:https?:\/\/[^/]+)?(?:\/themes\/[^/]+)?\/wp-content\/[^'"]+\/([^'"]+\.(?:woff2?|ttf|eot|svg))['"]?\)/gi, (match, filename) => { - changed = true; - return `url(/doormileweb/assets/fonts/${filename})`; - }); - - // Specifically for images - content = content.replace(/url\(['"]?(?:https?:\/\/[^/]+)?(?:\/themes\/[^/]+)?\/wp-content\/[^'"]+\/([^'"]+\.(?:jpg|png|gif|svg|webp))['"]?\)/gi, (match, filename) => { - changed = true; - return `url(/doormileweb/assets/images/${filename})`; - }); - - // 2. Replace relative paths to fonts - // Pattern: url(../../fonts/file.ext) -> url(/doormileweb/assets/fonts/file.ext) - content = content.replace(/url\(['"]?(?:\.\.\/)+fonts\/([^'"]+)['"]?\)/gi, (match, filename) => { - changed = true; - return `url(/doormileweb/assets/fonts/${filename})`; - }); - - // Patterns with /plugins/ elementor ... - content = content.replace(/url\(['"]?(?:\.\.\/)+plugins\/elementor\/assets\/lib\/font-awesome\/webfonts\/([^'"]+)['"]?\)/gi, (match, filename) => { - changed = true; - return `url(/doormileweb/assets/fonts/${filename})`; - }); - content = content.replace(/url\(['"]?(?:\.\.\/)+plugins\/elementor\/assets\/lib\/eicons\/fonts\/([^'"]+)['"]?\)/gi, (match, filename) => { - changed = true; - return `url(/doormileweb/assets/fonts/${filename})`; - }); - - // 3. Fix /assets/fonts/ -> /doormileweb/assets/fonts/ - content = content.replace(/url\(?['"]?\/assets\/fonts\/([^'"]+)['"]?\)?/gi, (match, pathPart) => { - // match might include url( or just the path if I'm not careful. - // Let's refine the regex. - if (match.startsWith('url(')) { - changed = true; - return `url(/doormileweb/assets/fonts/${pathPart})`; - } - return match; - }); - - // General /assets/ fix - content = content.replace(/url\(['"]?\/assets\/([^'"]+)['"]?\)/gi, (match, pathPart) => { - changed = true; - return `url(/doormileweb/assets/${pathPart})`; - }); - - if (changed) { - console.log(`Updated paths in ${file}`); - fs.writeFileSync(filePath, content); - } -}); diff --git a/how-it-works.php b/how-it-works.php index 79371f9..8285ae5 100644 --- a/how-it-works.php +++ b/how-it-works.php @@ -6916,188 +6916,7 @@ include 'includes/head.php'; ?> -
-
-
- -
-
-
-
-
-
-
-
/ Why Businesses Choose Doormile / -
-
-
-
-
-

The connected approach delivers measurable - advantages -

-
-
-
-
-
-
- -
-
-
- -
- -

Track every package - across all miles in one unified dashboard—no more - switching between vendors.

-
-
-
-
- -
-

One partner, one contract, one point of contact. We own the - entire delivery journey.

-
-
-
- -
-

MileTruth™ AI predicts delays before they happen and - automatically triggers corrective actions.

-
-
-
- -
-

Real-time analytics, performance reports, and insights to - optimize your supply chain.

-
-
- -
-
-
-
-
-
-
- Explore more - -
-
-
-
-
-
-
-
+ @@ -7265,7 +7084,7 @@ include 'includes/head.php'; ?> data-widget_type="logico_heading.default">

- The most important
things which we can show you + The most important
things which we can show you

@@ -7751,310 +7570,7 @@ include 'includes/head.php'; ?> data-settings="{"background_background":"classic"}">
-
-
-
-
- Request a quote -
-
-
- - -
-
-
-
-
-
Full name -
-
- -
- -
-
-
-
-
-
-
Email -
-
- -
- -
-
-
-
-
-
-
Phone -
-
- -
- -
-
-
-
-
-
-
Subject -
-
- -
- -
-
-
-
-
-
-
Deliver - City
-
- -
- -
-
-
-
-
-
-
City of - departure
-
- -
- -
-
-
-
-
-
-
Freight - Type
-
- -
-
- -
-
-
-
-
-
-
-
Incoterms -
-
- -
-
- -
-
-
-
-
-
-
-
Weight -
-
- -
- -
-
-
- - -
-
-
-
-
-
Height -
-
- -
- -
-
-
-
- Checkboxes -
    -
  • - - -
    • -
  • - - -
    • -
-
-
-
-
- Multiple Choice -
    -
  • - - -
    • -
  • - - -
    • -
-
-
- -
- -
- - - - - - - - -
-
-
- -
-
-
+
diff --git a/includes/comparision.php b/includes/comparision.php index 0eee71b..c1945a5 100644 --- a/includes/comparision.php +++ b/includes/comparision.php @@ -313,291 +313,111 @@ } - /* ─── LARGE DESKTOP (1440px+) ─── */ + /* ─── ULTRA-WIDE SCREENS (1440px to 2560px+) ─── */ + /* Merged and optimized for cleaner structure */ @media (min-width: 1440px) { - .dm-compare-section { - max-width: 1440px; - padding: 72px 52px; - background: #1f1f1f; - border-radius: 20px; - /* margin: 0px 50px; */ - - } - - .dm-compare-section::before { - background-size: 80px 80px; - padding: 0px 20px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 64px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 12px; - letter-spacing: 3.8px; - gap: 12px; - margin-bottom: 20px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 32px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(40px, 5vw, 68px); - letter-spacing: -1.1px; - } - - .dm-compare-section .dm-section-sub { - font-size: 16px; - margin-top: 20px; - line-height: 1.72; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 24px; - } - - .dm-compare-section .dm-col-head { - padding: 30px 44px; - font-size: 13.5px; - letter-spacing: 2.8px; - gap: 12px; - } - - .dm-compare-section .dm-col-head-icon { - width: 30px; - height: 30px; - border-radius: 9px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 15px; - height: 15px; - } - - .dm-compare-section .dm-cell { - padding: 30px 44px; - gap: 18px; - font-size: 15.5px; - } - - .dm-compare-section .dm-cell-icon { - width: 34px; - height: 34px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 16px; - height: 16px; - } - - .dm-compare-section .dm-footer-cell { - padding: 24px 44px; - font-size: 12.5px; - letter-spacing: 1.8px; + max-width: 1400px; /* Increased for wider screens */ + padding: 80px 40px; } + .dm-compare-section .dm-section-title { font-size: clamp(40px, 4vw, 72px); } + .dm-compare-section .dm-col-head { padding: 32px 48px; font-size: 14px; } + .dm-compare-section .dm-cell { padding: 32px 48px; font-size: 16px; } } - /* ─── EXTRA-LARGE DESKTOP (1920px+) ─── */ - @media (min-width: 1920px) { - - .dm-compare-section { - max-width: 1920px; - padding: 72px 52px; - background: #1f1f1f; - border-radius: 20px; - } - - .dm-compare-section::before { - background-size: 90px 90px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 72px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 13px; - letter-spacing: 4px; - gap: 13px; - margin-bottom: 22px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 36px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(46px, 5vw, 76px); - letter-spacing: -1.3px; - } - - .dm-compare-section .dm-section-sub { - font-size: 17px; - margin-top: 22px; - line-height: 1.75; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 26px; - box-shadow: 0 10px 60px rgba(0,0,0,0.1); - } - - .dm-compare-section .dm-col-head { - padding: 32px 52px; - font-size: 14px; - letter-spacing: 3px; - gap: 13px; - } - - .dm-compare-section .dm-col-head-icon { - width: 32px; - height: 32px; - border-radius: 10px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 16px; - height: 16px; - } - - .dm-compare-section .dm-cell { - padding: 34px 52px; - gap: 20px; - font-size: 16px; - } - - .dm-compare-section .dm-cell-icon { - width: 36px; - height: 36px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 17px; - height: 17px; - } - - .dm-compare-section .dm-footer-cell { - padding: 26px 52px; - font-size: 13px; - letter-spacing: 2px; - } - } - - /* ─── ULTRA-WIDE (2560px+) ─── */ - @media (min-width: 2560px) { - - .dm-compare-section { - max-width: 2560px; - padding: 80px 72px 50px; - background: #1f1f1f; - } - - .dm-compare-section::before { - background-size: 100px 100px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 84px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 14px; - letter-spacing: 4.5px; - gap: 14px; - margin-bottom: 26px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 42px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(52px, 5vw, 84px); - letter-spacing: -1.5px; - } - - .dm-compare-section .dm-section-sub { - font-size: 18.5px; - margin-top: 26px; - line-height: 1.8; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 28px; - box-shadow: 0 12px 70px rgba(0,0,0,0.1); - } - - .dm-compare-section .dm-col-head { - padding: 36px 60px; - font-size: 15px; - letter-spacing: 3.5px; - gap: 14px; - } - - .dm-compare-section .dm-col-head-icon { - width: 36px; - height: 36px; - border-radius: 11px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 18px; - height: 18px; - } - - .dm-compare-section .dm-cell { - padding: 38px 60px; - gap: 22px; - font-size: 17px; - line-height: 1.55; - } - - .dm-compare-section .dm-cell-icon { - width: 40px; - height: 40px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 19px; - height: 19px; - } - - .dm-compare-section .dm-footer-cell { - padding: 28px 60px; - font-size: 14px; - letter-spacing: 2.2px; - } - - .dm-compare-section .dm-footer-cell .dm-dot { - width: 8px; - height: 8px; - } - } - - + /* ─── TABLET (768px to 1200px) ─── */ @media (max-width: 1200px) { - .dm-compare-section { padding: 60px 16px 70px;background: #1f1f1f; } + .dm-compare-section { + padding: 60px 24px; + /* background: #1f1f1f; Remove if already set globally or in parent */ + } + + .dm-compare-section .dm-section-title { font-size: clamp(32px, 6vw, 48px); } + .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; } + .dm-compare-section .dm-cell { + padding: 24px 30px; + font-size: 14px; + } + + .dm-compare-section .dm-footer-cell { padding: 16px 30px; } } - /* ── RESPONSIVE (MOBILE) ── */ - @media (max-width: 680px) { - .dm-compare-section { padding: 60px 16px 70px;background: #1f1f1f; border-radius: 20px; } - .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; } + /* ─── MOBILE (Below 768px) ─── */ + @media (max-width: 767px) { + .dm-compare-section { + padding: 40px 16px; + border-radius: 0; /* Full width mobile feel */ + } + + .dm-compare-section .dm-section-header { margin-bottom: 32px; } + .dm-compare-section .dm-section-sub { font-size: 14px; padding: 0 10px; } + + /* Stack the layout */ + .dm-compare-section .dm-col-headers, + .dm-compare-section .dm-compare-row, + .dm-compare-section .dm-compare-footer { + grid-template-columns: 1fr; + } + + /* Remove vertical divider */ + .dm-compare-section .dm-col-headers::after { display: none; } + + .dm-compare-section .dm-col-head { + justify-content: center; + text-align: center; + padding: 20px; + border-bottom: 1px solid var(--dm-border); + } + + .dm-compare-section .dm-col-head.dm-doormile { + border-top: 1px solid var(--dm-red-border); + } + + .dm-compare-section .dm-cell { + padding: 18px 20px; + border-left: none !important; + border-right: none !important; + } + + /* Distinguish columns in stacked mode */ + .dm-compare-section .dm-cell.dm-left { + background: #fafafa; + border-bottom: 1px dashed var(--dm-border); + } + + .dm-compare-section .dm-cell.dm-right { + background: var(--dm-red-light); + border-bottom: 1px solid var(--dm-border); + } + + .dm-compare-section .dm-compare-row:last-child .dm-cell.dm-right { + border-bottom: none; + } + + /* Footer adjustments */ + .dm-compare-section .dm-footer-cell { + text-align: center; + justify-content: center; + padding: 16px; + font-size: 10px; + } + + .dm-compare-section .dm-footer-cell.dm-right { + border-left: none; + border-top: 1px solid var(--dm-red-border); + } + + /* Fix Icon/Text scale for mobile */ + .dm-compare-section .dm-cell-icon { + width: 28px; + height: 28px; + } + .dm-compare-section .dm-cell-text { + font-size: 14px; + } } + @@ -607,7 +427,7 @@
Why It Matters
-

Two Approaches.
One Clear Winner.

+

Two Approaches.
One Clear Winner.

See how the Doormile way eliminates the friction that traditional logistics creates at every step.

diff --git a/includes/comparision2.php b/includes/comparision2.php index 60e43e1..485cdab 100644 --- a/includes/comparision2.php +++ b/includes/comparision2.php @@ -313,273 +313,45 @@ } - /* ─── LARGE DESKTOP (1440px+) ─── */ - @media (min-width: 1440px) { - - .dm-compare-section { - max-width: 1260px; - padding: 60px 52px 0px; - } - - .dm-compare-section::before { - background-size: 80px 80px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 64px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 12px; - letter-spacing: 3.8px; - gap: 12px; - margin-bottom: 20px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 32px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(40px, 5vw, 68px); - letter-spacing: -1.1px; - } - - .dm-compare-section .dm-section-sub { - font-size: 16px; - margin-top: 20px; - line-height: 1.72; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 24px; - } - - .dm-compare-section .dm-col-head { - padding: 30px 44px; - font-size: 13.5px; - letter-spacing: 2.8px; - gap: 12px; - } - - .dm-compare-section .dm-col-head-icon { - width: 30px; - height: 30px; - border-radius: 9px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 15px; - height: 15px; - } - - .dm-compare-section .dm-cell { - padding: 30px 44px; - gap: 18px; - font-size: 15.5px; - } - - .dm-compare-section .dm-cell-icon { - width: 34px; - height: 34px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 16px; - height: 16px; - } - - .dm-compare-section .dm-footer-cell { - padding: 24px 44px; - font-size: 12.5px; - letter-spacing: 1.8px; - } + /* ─── DESKTOP (1200px) ─── */ + @media (max-width: 1200px) { + .dm-compare-section { max-width: 960px; padding: 50px 30px 0; } + .dm-compare-section .dm-section-title { font-size: 52px; } } - /* ─── EXTRA-LARGE DESKTOP (1920px+) ─── */ - @media (min-width: 1920px) { - - .dm-compare-section { - max-width: 1480px; - padding: 72px 64px 0px; - } - - .dm-compare-section::before { - background-size: 90px 90px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 72px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 13px; - letter-spacing: 4px; - gap: 13px; - margin-bottom: 22px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 36px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(46px, 5vw, 76px); - letter-spacing: -1.3px; - } - - .dm-compare-section .dm-section-sub { - font-size: 17px; - margin-top: 22px; - line-height: 1.75; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 26px; - box-shadow: 0 10px 60px rgba(0,0,0,0.1); - } - - .dm-compare-section .dm-col-head { - padding: 32px 52px; - font-size: 14px; - letter-spacing: 3px; - gap: 13px; - } - - .dm-compare-section .dm-col-head-icon { - width: 32px; - height: 32px; - border-radius: 10px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 16px; - height: 16px; - } - - .dm-compare-section .dm-cell { - padding: 34px 52px; - gap: 20px; - font-size: 16px; - } - - .dm-compare-section .dm-cell-icon { - width: 36px; - height: 36px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 17px; - height: 17px; - } - - .dm-compare-section .dm-footer-cell { - padding: 26px 52px; - font-size: 13px; - letter-spacing: 2px; - } + /* ─── TABLET (1024px) ─── */ + @media (max-width: 1024px) { + .dm-compare-section { max-width: 100%; padding: 50px 40px; } + .dm-compare-section .dm-section-title { font-size: 46px; } + .dm-compare-section .dm-col-head, + .dm-compare-section .dm-cell { padding: 25px 30px; } + .dm-compare-section .dm-section-sub { font-size: 15px; } } - /* ─── ULTRA-WIDE (2560px+) ─── */ - @media (min-width: 2560px) { - - .dm-compare-section { - max-width: 1760px; - padding: 80px 72px 0px; - } - - .dm-compare-section::before { - background-size: 100px 100px; - } - - .dm-compare-section .dm-section-header { - margin-bottom: 84px; - } - - .dm-compare-section .dm-eyebrow { - font-size: 14px; - letter-spacing: 4.5px; - gap: 14px; - margin-bottom: 26px; - } - - .dm-compare-section .dm-eyebrow::before, - .dm-compare-section .dm-eyebrow::after { - width: 42px; - } - - .dm-compare-section .dm-section-title { - font-size: clamp(52px, 5vw, 84px); - letter-spacing: -1.5px; - } - - .dm-compare-section .dm-section-sub { - font-size: 18.5px; - margin-top: 26px; - line-height: 1.8; - } - - .dm-compare-section .dm-compare-wrap { - border-radius: 28px; - box-shadow: 0 12px 70px rgba(0,0,0,0.1); - } - - .dm-compare-section .dm-col-head { - padding: 36px 60px; - font-size: 15px; - letter-spacing: 3.5px; - gap: 14px; - } - - .dm-compare-section .dm-col-head-icon { - width: 36px; - height: 36px; - border-radius: 11px; - } - - .dm-compare-section .dm-col-head-icon svg { - width: 18px; - height: 18px; - } - - .dm-compare-section .dm-cell { - padding: 38px 60px; - gap: 22px; - font-size: 17px; - line-height: 1.55; - } - - .dm-compare-section .dm-cell-icon { - width: 40px; - height: 40px; - } - - .dm-compare-section .dm-cell-icon svg { - width: 19px; - height: 19px; - } - - .dm-compare-section .dm-footer-cell { - padding: 28px 60px; - font-size: 14px; - letter-spacing: 2.2px; - } - - .dm-compare-section .dm-footer-cell .dm-dot { - width: 8px; - height: 8px; - } + /* ─── MOBILE (768px) ─── */ + @media (max-width: 768px) { + .dm-compare-section { padding: 60px 20px 80px; } + .dm-compare-section .dm-section-header { margin-bottom: 40px; } + .dm-compare-section .dm-section-title { font-size: 38px; } + .dm-compare-section .dm-section-sub { font-size: 14.5px; margin-top: 15px; } + .dm-compare-section .dm-col-head { padding: 20px 20px; font-size: 11.5px; letter-spacing: 2px; } + .dm-compare-section .dm-cell { padding: 22px 20px; font-size: 14px; gap: 12px; } + .dm-compare-section .dm-cell-icon { width: 28px; height: 28px; } + .dm-compare-section .dm-footer-cell { padding: 18px 20px; font-size: 11px; letter-spacing: 1px; } } - /* ── RESPONSIVE (MOBILE) ── */ - @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; } + /* ─── SMALL PHONE (480px) ─── */ + @media (max-width: 480px) { + .dm-compare-section { padding: 50px 15px 60px; } + .dm-compare-section .dm-eyebrow { font-size: 10px; letter-spacing: 2.5px; } + .dm-compare-section::before { background-size: 50px 50px; } + .dm-compare-section .dm-section-title { font-size: 32px; letter-spacing: -0.5px; } + .dm-compare-section .dm-col-head { padding: 18px 15px; font-size: 10px; letter-spacing: 1px; gap: 8px; } + .dm-compare-section .dm-col-head-icon { width: 22px; height: 22px; } + .dm-compare-section .dm-cell { padding: 18px 12px; font-size: 13px; gap: 10px; } + .dm-compare-section .dm-cell-icon { width: 24px; height: 24px; } + .dm-compare-section .dm-footer-cell { padding: 15px 12px; font-size: 9px; letter-spacing: 0.5px; } + .dm-compare-section .dm-footer-cell.dm-right { gap: 6px; } } diff --git a/includes/container.php b/includes/container.php new file mode 100644 index 0000000..879faeb --- /dev/null +++ b/includes/container.php @@ -0,0 +1,3632 @@ +
+
+
+ +
+
+
+
+
+
+
+
/ Why Businesses Choose Doormile / +
+
+
+
+
+

The connected approach delivers measurable advantages

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+
+ Explore more + +
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/includes/ev-premium.php b/includes/ev-premium.php new file mode 100644 index 0000000..a0de174 --- /dev/null +++ b/includes/ev-premium.php @@ -0,0 +1,173 @@ + + + + +
+ +
+
+
+ +
+
+ + +
+
+ + EV-Native Intelligence +
+ +

+ BUILT FOR ELECTRIC. + NOT ADAPTED. +

+ +

+ Most logistics software treats EVs as diesel trucks with a battery. Doormile was built EV-first—understanding that electric fleets require fundamentally different intelligence. +

+ +
+ +
+
+ +
+

Adaptive Routing

+

Battery level, health, and degradation are primary inputs to our route optimization engine.

+
+ + +
+
+ +
+

Charging Sync

+

Seamlessly integrate charging stops into routes without compromising strict delivery windows.

+
+ + +
+
+ +
+

Energy Paths

+

Advanced terrain and weather models predict energy consumption with 98% accuracy.

+
+ + +
+
+ +
+

Total Control

+

Real-time telemetry gives you a god-view of every asset's health and performance.

+
+
+
+ + +
+
+
+
+ Fleet Status +

DML-001

+
+
+ Live Telemetry +
+
+ +
+ +
+
+ + + + +
+
+
Battery Charge
+
82%
+
+
+ + +
+
Current Location
+
Downtown HQ
+
• On Schedule
+
+ + +
+
Active Route
+
Zone B delivery
+
+
+
+
+ + Doormile Premium Electric Van +
+ + +
+
+
Fuel Saved
+
40%
+
+
+
Emissions
+
ZERO
+
+
+
Uptime
+
98%
+
+
+
Efficiency
+
3x
+
+
+
+
+ +
+
+
+ + diff --git a/includes/fleet.php b/includes/fleet.php new file mode 100644 index 0000000..fdbf8df --- /dev/null +++ b/includes/fleet.php @@ -0,0 +1,371 @@ + + + + + + + + +
+
+ + +
+
Enterprise Fleet Dashboard
+

+ Built for Electric.
+ Not Adapted. +

+

+ Deploy a high-performance logistics command center. Doormile orchestrates complex electric fleets with sub-second precision and predictive intelligence. +

+ +
+
+

Adaptive Routing

+

Dynamic route recalibration based on real-time traffic and conditions.

+
+
+

Live Telemetry

+

Sub-second updates from every asset in your connected logistics network.

+
+
+

Energy Oversight

+

Centralized monitoring of battery health and charging station efficiency.

+
+
+

Service Integrity

+

Proactive delay detection ensuring 99.9% delivery window success.

+
+
+
+ + +
+
+
+

Fleet Status

+
12 vehicles active
+
+ +
+ Doormile Electric Van + + +
+
+ + + + + 92% +
+
+

EV-1024

+

North Route • Active

+
+
+ + +
+
+ + + + + 74% +
+
+

EV-0892

+

Express • 12m left

+
+
+ + +
+
+ + + + + 21% +
+
+

EV-1104

+

Charging required

+
+
+
+ +
+ LIVE TELEMETRY ACTIVE +
+
+
+ +
+
\ No newline at end of file diff --git a/includes/footer.php b/includes/footer.php index 6015bfc..d244314 100644 --- a/includes/footer.php +++ b/includes/footer.php @@ -46,7 +46,7 @@
- Discover @@ -83,7 +83,7 @@
- + Discover @@ -130,7 +130,7 @@
- Contact us
diff --git a/includes/head.php b/includes/head.php index aa44db2..6a9b981 100644 --- a/includes/head.php +++ b/includes/head.php @@ -1759,10 +1759,7 @@ margin-block-end: 1.7em; } - /* .elementor-kit-5 a { - color: #c01227; - text-decoration: underline; - } */ + .elementor-kit-5 h1 { color: #111111; @@ -2687,7 +2684,7 @@ --gap: 0px 0px; --row-gap: 0px; --column-gap: 0px; - --margin-top: 150px; + --margin-top: 50px; --margin-bottom: 0px; --margin-left: 0px; --margin-right: 0px; @@ -2757,8 +2754,11 @@ } .elementor-61 .elementor-element.elementor-element-99768ba img { - border-radius: 25px 25px 25px 25px; - height: 100%; + width: 100% !important; + height: auto !important; + /* FIX */ + display: block; + border-radius: 25px; } body:not(.rtl) .elementor-61 .elementor-element.elementor-element-0031d81 { @@ -4012,7 +4012,7 @@ } .elementor-61 .elementor-element.elementor-element-fdb2e58 { - --width: 100%; + --width: 50%; } } @@ -4745,7 +4745,7 @@ } .elementor-61 .elementor-element.elementor-element-4358e8e { - font-size: 34px; + font-size: 16px; } .elementor-61 .elementor-element.elementor-element-d5b30d0 { @@ -12170,13 +12170,7 @@ } .elementor-63 .elementor-element.elementor-element-d6bdc87 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -12204,13 +12198,7 @@ } .elementor-63 .elementor-element.elementor-element-1da88b5 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -12253,13 +12241,7 @@ } .elementor-63 .elementor-element.elementor-element-18333ba .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -12293,13 +12275,7 @@ } .elementor-63 .elementor-element.elementor-element-a1cf3d4 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -16709,7 +16685,7 @@ .elementor-59 .elementor-element.elementor-element-1d8be46:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-1d8be46>.elementor-motion-effects-container>.elementor-motion-effects-layer { - background-image: url("/assets/images/bg-contacts.png"); + background-image: url("assets/images/bg-contacts.png"); background-position: top right; background-repeat: no-repeat; } @@ -16805,7 +16781,7 @@ } .elementor-59 .elementor-element.elementor-element-ee4c12d>.elementor-widget-container { - padding: 38px 0px 0px 0px; + padding: 38px 40px 0px 0px; } .elementor-59 .elementor-element.elementor-element-ee4c12d .elementor-icon-box-wrapper { @@ -16968,13 +16944,7 @@ } .elementor-59 .elementor-element.elementor-element-a252a3b .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -17055,6 +17025,7 @@ .elementor-59 .elementor-element.elementor-element-3c4a151:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-3c4a151>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-color: #1F1F1F; + border-radius: 25px; } .elementor-59 .elementor-element.elementor-element-abc44d7 { @@ -17083,7 +17054,7 @@ background-image: url("assets/images/bg-header-5.png"); background-position: center right; background-repeat: no-repeat; - /* background-size: 100% 100%; */ + background-size: cover; transform: none !important; } @@ -17389,6 +17360,7 @@ .elementor-59 .elementor-element.elementor-element-f35119c img { width: 1050px; max-width: 100%; + /* display: none; */ } .elementor-59 .elementor-element.elementor-element-56ecbb3 { @@ -17777,13 +17749,7 @@ } .elementor-59 .elementor-element.elementor-element-eec16ae .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -17890,13 +17856,7 @@ } .elementor-59 .elementor-element.elementor-element-c95665b .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -18003,13 +17963,7 @@ } .elementor-59 .elementor-element.elementor-element-bcd0869 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -18862,8 +18816,9 @@ .elementor-59 .elementor-element.elementor-element-abc44d7>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-position: center center; background-repeat: no-repeat; - background-size: 100% 100%; + background-size: cover; transform: none !important; + align-items: flex-start; } .elementor-59 .elementor-element.elementor-element-e468228 { @@ -18871,6 +18826,7 @@ --container-widget-flex-grow: 0; width: var(--container-widget-width, 44%); max-width: 44%; + } .elementor-59 .elementor-element.elementor-element-e468228 .logico-title { @@ -18901,6 +18857,7 @@ .elementor-59 .elementor-element.elementor-element-f35119c>.elementor-widget-container { margin: 0px 0px 0px 0px; + } .elementor-59 .elementor-element.elementor-element-56ecbb3 { @@ -19335,6 +19292,7 @@ @media(max-width: 840px) { .elementor-59 .elementor-element.elementor-element-cbfd9b2 .elementor-repeater-item-3264830 .slide-content-inner { margin: 0px 0px 0px 0px; + } .elementor-59 .elementor-element.elementor-element-cbfd9b2 .elementor-repeater-item-3264830 .content-slider-item-heading { @@ -19408,6 +19366,9 @@ --margin-bottom: 0px; --margin-left: 0px; --margin-right: 0px; + align-items: center; + display: inline-flex; + } .elementor-59 .elementor-element.elementor-element-9d0ee1a { @@ -19465,7 +19426,7 @@ .elementor-59 .elementor-element.elementor-element-abc44d7>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-position: center center; background-repeat: no-repeat; - background-size: 100% 100%; + background-size: cover; transform: none !important; } @@ -19474,6 +19435,7 @@ --container-widget-flex-grow: 0; width: var(--container-widget-width, 56%); max-width: 56%; + margin: 0 auto; } .elementor-59 .elementor-element.elementor-element-e468228 .logico-title { @@ -19550,7 +19512,7 @@ } .elementor-59 .elementor-element.elementor-element-58a0dde { - font-size: 34px; + font-size: 18px; } .elementor-59 .elementor-element.elementor-element-59181c9 { @@ -19723,7 +19685,7 @@ .elementor-59 .elementor-element.elementor-element-abc44d7>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-position: center center; background-repeat: no-repeat; - background-size: 100% 100%; + background-size: cover; transform: none !important; } @@ -19975,12 +19937,12 @@ font-size: 18px; } - .elementor-59 .elementor-element.elementor-element-abc44d7:not(.elementor-motion-effects-element-type-background), + /* .elementor-59 .elementor-element.elementor-element-abc44d7:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-abc44d7>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-position: center center; background-repeat: no-repeat; - background-size: 100% 100%; - transform: none !important; + background-size: cover; + transform: none !important; */ } body:not(.rtl) .elementor-59 .elementor-element.elementor-element-dcf16f2 { @@ -20026,11 +19988,11 @@ } .elementor-59 .elementor-element.elementor-element-f35119c img { - max-width: 120%; + max-width: 100%; } .elementor-59 .elementor-element.elementor-element-47f8cbe { - --margin-top: 114%; + --margin-top: 0%; --margin-bottom: 0%; --margin-left: 0%; --margin-right: 0%; @@ -27150,13 +27112,7 @@ } .elementor-element.elementor-element-e056676 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -27291,13 +27247,7 @@ } .elementor-element.elementor-element-e8ee54e .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -27324,13 +27274,7 @@ } .elementor-element.elementor-element-1ea8a4b .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -27371,13 +27315,7 @@ } .elementor-element.elementor-element-09638df .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -27410,13 +27348,7 @@ } .elementor-element.elementor-element-59be3c9 .elementor-counter-number-wrapper { - text-align: { - { - VALUE - } - } - - ; + --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0; @@ -28808,8 +28740,8 @@ --margin-right: 0px; --padding-top: 0px; --padding-bottom: 0px; - --padding-left: 10px; - --padding-right: 10px; + --padding-left: 0px; + --padding-right: 0px; } .elementor-element.elementor-element-e51a21a { diff --git a/includes/header.php b/includes/header.php index 34f7635..a4cfb5e 100644 --- a/includes/header.php +++ b/includes/header.php @@ -33,7 +33,7 @@
-
@@ -209,7 +209,7 @@