*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:var(--frontend-font-family,'Google Sans',Arial,sans-serif);font-size:calc(15px + var(--frontend-font-size-offset,0px));line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.container-wide{width:min(1420px,calc(100% - 48px));margin:0 auto}.section{padding:110px 0}.topbar{background:var(--primary-dark);color:#dceaf1;font-size:calc(12px + var(--frontend-font-size-offset,0px))}.topbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between}.topbar-contact,.topbar-right{display:flex;align-items:center;gap:24px}.topbar-contact a{display:flex;align-items:center;gap:8px;opacity:.92}.topbar-contact i,.topbar-tag i{color:#77c5e5}.topbar-tag{display:flex;align-items:center;gap:8px;letter-spacing:.02em}.language-picker{position:relative}.language-button{height:42px;border:0;border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:calc(12px + var(--frontend-font-size-offset,0px))}.language-button i{font-size:calc(10px + var(--frontend-font-size-offset,0px))}.language-dropdown{position:absolute;z-index:80;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;color:var(--text);padding:8px;box-shadow:0 18px 50px rgba(0,34,53,.18);border:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.language-picker:hover .language-dropdown,.language-picker:focus-within .language-dropdown{opacity:1;visibility:visible;transform:none}.language-dropdown a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:4px}.language-dropdown a:hover,.language-dropdown a.active{background:#edf5f8;color:var(--primary)}.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--border)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-logo{width:214px;flex:0 0 auto}.site-logo img{width:100%;height:66px;object-fit:contain;object-position:left center}.desktop-nav{height:100%;display:flex;align-items:stretch;margin-left:auto}.nav-item{position:relative;display:flex;align-items:stretch}.nav-item>a{display:flex;align-items:center;gap:6px;padding:0 16px;font-size:calc(13px + var(--frontend-font-size-offset,0px));font-weight:600;color:#33434d;white-space:nowrap}.nav-item>a:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transition:.25s}.nav-item:hover>a{color:var(--primary)}.nav-item:hover>a:after{transform:scaleX(1)}.nav-item>a i{font-size:calc(9px + var(--frontend-font-size-offset,0px))}.nav-dropdown{position:absolute;left:0;top:100%;min-width:260px;background:#fff;border-top:3px solid var(--accent);box-shadow:0 24px 60px rgba(0,34,53,.18);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{display:flex;padding:11px 13px;border-bottom:1px solid #edf1f3;font-size:calc(13px + var(--frontend-font-size-offset,0px));font-weight:500}.nav-dropdown a:last-child{border-bottom:0}.nav-dropdown a:hover{padding-left:18px;background:#f3f8fa;color:var(--primary)}.header-actions{display:flex;align-items:center;gap:14px}.header-cta{height:50px;background:var(--primary);color:#fff;padding:0 20px;display:flex;align-items:center;gap:10px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;letter-spacing:.02em;transition:.25s}.header-cta:hover{background:var(--accent);transform:translateY(-2px)}.mobile-toggle{display:none;width:50px;height:50px;border:1px solid var(--border);background:#fff;padding:13px}.mobile-toggle span{display:block;height:2px;background:var(--primary);margin:5px 0;transition:.25s}.mobile-nav{display:none}.flash-stack{position:fixed;z-index:120;right:24px;top:150px;width:min(420px,calc(100% - 48px))}.site-alert{padding:15px 18px;margin-bottom:10px;background:#fff;border-left:4px solid var(--primary);box-shadow:0 15px 40px rgba(0,0,0,.15);font-weight:500}.site-alert.success{border-color:#2da56b}.site-alert.error{border-color:#d14d4d}.site-alert.warning{border-color:#d39b37}.hero-slider{position:relative;height:940px;min-height:940px;background:#03263a;color:#fff;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{overflow:hidden;background:#03263a;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .75s,transform 5s}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-media{position:absolute;inset:0;overflow:hidden;background:#03263a}.hero-media-backdrop{position:absolute;inset:-34px;background-image:var(--hero-image);background-size:cover;background-position:center;filter:blur(22px) saturate(.9);transform:scale(1.08);opacity:.58}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,22,36,.08),rgba(0,22,36,.18));pointer-events:none}.hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.98) contrast(1.02)}.hero-overlay{position:absolute;inset:0;background:rgba(0,27,44,var(--overlay));pointer-events:none}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:25px}.text-center .hero-content{align-items:center;text-align:center}.text-right .hero-content{align-items:flex-end;text-align:right}.hero-kicker{display:flex;align-items:center;gap:14px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#9ddff6;margin-bottom:22px}.hero-kicker span{width:52px;height:2px;background:#79cce9}.hero-content h1{max-width:850px;margin:0;font-size:clamp(46px,5vw,78px);line-height:1.08;letter-spacing:-.035em;font-weight:700}.hero-content p{max-width:660px;margin:24px 0 35px;font-size:calc(17px + var(--frontend-font-size-offset,0px));line-height:1.8;color:#d6e7ee}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-primary,.btn-ghost,.btn-white{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;letter-spacing:.02em}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#fff;color:var(--primary)}.btn-primary.inline:hover{background:var(--primary-dark);color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.05)}.btn-ghost:hover{background:#fff;color:var(--primary)}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:#8bd4ee}.hero-arrow{position:absolute;z-index:5;top:50%;width:52px;height:52px;border:1px solid rgba(255,255,255,.35);background:rgba(0,39,63,.3);color:#fff;transform:translateY(-50%);font-size:calc(20px + var(--frontend-font-size-offset,0px))}.hero-arrow:hover{background:#fff;color:var(--primary)}.hero-arrow.prev{left:25px}.hero-arrow.next{right:25px}.hero-dots{position:absolute;z-index:5;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:54px;height:34px;border:0;border-bottom:2px solid rgba(255,255,255,.28);background:transparent;color:#fff;opacity:.65;text-align:left;font-size:calc(10px + var(--frontend-font-size-offset,0px))}.hero-dots button.active{border-color:#8edaf3;opacity:1}.hero-corner-info{position:absolute;z-index:5;right:0;bottom:0;background:#fff;color:var(--primary);padding:15px 24px;display:flex;align-items:center;gap:10px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:600}.hero-corner-info i{font-size:calc(18px + var(--frontend-font-size-offset,0px));color:var(--accent)}.section-label{display:flex;align-items:center;gap:12px;font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:16px}.section-label span{width:38px;height:2px;background:var(--accent)}.section-label.light{color:#9ddff6}.section-label.centered{justify-content:center}.section-title.centered{text-align:center;max-width:820px;margin:0 auto 55px}.section-title h2,.section-heading h2,.about-copy h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.025em}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}.about-visual{position:relative}.about-visual:before{content:"";position:absolute;left:-22px;top:-22px;width:140px;height:140px;border-left:4px solid var(--accent);border-top:4px solid var(--accent)}.about-visual img{width:100%;height:520px;object-fit:cover;background:#e9f1f5}.experience-card{position:absolute;right:-30px;bottom:40px;width:170px;height:170px;background:var(--primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 50px rgba(0,49,79,.25)}.experience-card strong{font-size:calc(46px + var(--frontend-font-size-offset,0px));line-height:1}.experience-card span{font-size:calc(11px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.1em;margin-top:12px}.about-copy .lead{font-size:calc(18px + var(--frontend-font-size-offset,0px));color:#40535f;margin:23px 0}.rich-text{font-size:calc(15px + var(--frontend-font-size-offset,0px));color:#51616b}.rich-text p{margin:0 0 20px}.rich-text h2,.rich-text h3{color:var(--text);line-height:1.25}.rich-text ul{padding-left:20px}.rich-text.compact p:nth-child(n+3){display:none}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:15px;color:var(--primary);font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;text-transform:uppercase;letter-spacing:.08em}.text-link i{transition:.2s}.text-link:hover i{transform:translateX(5px)}.services-section{background:var(--primary-dark);color:#fff;position:relative;overflow:hidden}.services-section:before{content:"ERM";position:absolute;right:-30px;top:-100px;font-size:calc(420px + var(--frontend-font-size-offset,0px));font-weight:800;color:rgba(255,255,255,.025);line-height:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>div{max-width:800px}.section-heading h2{color:#fff}.outline-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:8px;color:#fff;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:600;white-space:nowrap}.outline-link.dark{color:var(--primary);border-color:var(--primary)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;color:var(--text);position:relative;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 65px rgba(0,0,0,.25)}.service-image{display:block;position:relative;height:225px;overflow:hidden;background:#dce9ef}.service-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.service-card:hover .service-image img{transform:scale(1.06)}.service-image>span{position:absolute;left:18px;bottom:0;background:var(--primary);color:#fff;width:48px;height:48px;display:grid;place-items:center;font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:700}.service-card-body{padding:28px 27px 30px;position:relative;min-height:255px}.service-card-body>i{font-size:calc(28px + var(--frontend-font-size-offset,0px));color:var(--accent)}.service-card-body h3{margin:14px 45px 10px 0;font-size:calc(20px + var(--frontend-font-size-offset,0px));line-height:1.35}.service-card-body p{margin:0;color:var(--muted);font-size:calc(13px + var(--frontend-font-size-offset,0px))}.card-arrow{position:absolute;right:22px;top:27px;width:38px;height:38px;border:1px solid var(--border);display:grid;place-items:center;color:var(--primary)}.service-card:hover .card-arrow{background:var(--primary);color:#fff}.why-section{background:#f5f7f9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:#fff}.feature-card{padding:38px 30px;border-right:1px solid var(--border);min-height:290px;transition:.25s}.feature-card:last-child{border-right:0}.feature-card:hover{background:var(--primary);color:#fff;transform:translateY(-6px)}.feature-icon{display:flex;align-items:flex-start;justify-content:space-between}.feature-icon i{font-size:calc(38px + var(--frontend-font-size-offset,0px));color:var(--accent)}.feature-icon b{font-size:calc(11px + var(--frontend-font-size-offset,0px));color:#9babb4}.feature-card h3{font-size:calc(18px + var(--frontend-font-size-offset,0px));margin:28px 0 12px}.feature-card p{font-size:calc(13px + var(--frontend-font-size-offset,0px));color:var(--muted);margin:0}.feature-card:hover p,.feature-card:hover .feature-icon b{color:#d2e3eb}.map-section{background:var(--primary);color:#fff;overflow:hidden}.map-grid{display:grid;grid-template-columns:.82fr 1.45fr;gap:55px;align-items:center}.map-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.18;margin:0 0 20px}.map-copy>p{color:#c6dce6;margin-bottom:24px}.country-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.country-chips span{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 10px;font-size:calc(10px + var(--frontend-font-size-offset,0px))}.country-chips i{width:6px;height:6px;border-radius:50%;background:#7fd9f7;box-shadow:0 0 0 4px rgba(127,217,247,.15)}.world-map{position:relative;aspect-ratio:2/1;background:rgba(0,35,57,.25);border:1px solid rgba(255,255,255,.08);overflow:hidden}.world-map>img{position:absolute;inset:5%;width:90%;height:90%;object-fit:fill;opacity:.65;filter:brightness(1.35) saturate(.65)}.route-lines{position:absolute;inset:7% 5% 4%;width:90%;height:89%;overflow:visible;pointer-events:none}.route-lines path{fill:none;stroke:#7ed8f6;stroke-width:1.5;stroke-dasharray:7 7;opacity:.72;animation:routeFlow 5s linear infinite;animation-delay:var(--delay)}@keyframes routeFlow{to{stroke-dashoffset:-120}}.map-marker{position:absolute;transform:translate(-50%,-50%);z-index:4}.map-marker span{display:block;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(126,216,246,.25);animation:markerPulse 2s infinite}.map-marker b{position:absolute;left:12px;top:-9px;font-size:calc(8px + var(--frontend-font-size-offset,0px));color:#fff;letter-spacing:.08em}.map-marker.hub span{width:15px;height:15px;background:#7fe1ff;box-shadow:0 0 0 8px rgba(127,225,255,.25)}@keyframes markerPulse{0%,100%{box-shadow:0 0 0 4px rgba(126,216,246,.24)}50%{box-shadow:0 0 0 12px rgba(126,216,246,0)}}.stats-section{background:#fff;border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:42px 30px;text-align:center;border-right:1px solid var(--border)}.stat-item:last-child{border-right:0}.stat-item strong{font-size:calc(48px + var(--frontend-font-size-offset,0px));color:var(--primary);line-height:1;font-weight:700}.stat-item sup{font-size:calc(24px + var(--frontend-font-size-offset,0px));color:var(--accent);font-weight:700}.stat-item span{display:block;margin-top:12px;color:var(--muted);font-size:calc(11px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.1em}.gallery-preview{background:#fff}.section-heading.dark h2{color:var(--text)}.gallery-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px}.gallery-tile{position:relative;overflow:hidden;background:#e4edf2}.gallery-tile.tile-1{grid-column:span 2;grid-row:span 2}.gallery-tile.tile-4{grid-column:span 2}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,42,68,.8),transparent 65%);opacity:.7}.gallery-tile span{position:absolute;z-index:2;left:22px;bottom:18px;color:#fff;display:flex;flex-direction:column}.gallery-tile small{font-size:calc(9px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.14em;color:#a7e0f5}.gallery-tile strong{font-size:calc(16px + var(--frontend-font-size-offset,0px))}.gallery-tile:hover img{transform:scale(1.06)}.cta-section{padding:0 0 90px;background:#fff}.cta-inner{background:linear-gradient(120deg,var(--primary-dark),var(--primary));color:#fff;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-inner:after{content:"";position:absolute;right:-100px;top:-150px;width:400px;height:400px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.03),0 0 0 120px rgba(255,255,255,.02)}.cta-inner>div,.cta-inner>a{position:relative;z-index:2}.cta-inner span{font-size:calc(10px + var(--frontend-font-size-offset,0px));letter-spacing:.18em;color:#8edcf6}.cta-inner h2{font-size:calc(36px + var(--frontend-font-size-offset,0px));margin:8px 0}.cta-inner p{margin:0;color:#c8dde6}.cta-inner>a{min-width:230px;height:58px;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:12px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700}.site-footer{background:#071f2e;color:#c3d1d8;position:relative}.footer-route-line{height:5px;background:linear-gradient(90deg,var(--accent),#68ccec,var(--primary))}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr .9fr 1.2fr;gap:55px;padding:75px 0 58px}.footer-brand img{width:220px;height:88px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.94}.footer-brand p{max-width:360px;font-size:calc(13px + var(--frontend-font-size-offset,0px));color:#9eb2bd}.social-links{display:flex;gap:8px;margin-top:22px}.social-links a{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center}.social-links a:hover{background:var(--accent);color:#fff}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column h3{color:#fff;font-size:calc(13px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.1em;margin:12px 0 18px}.footer-column>a{font-size:calc(12px + var(--frontend-font-size-offset,0px));color:#a9bdc7}.footer-column>a:hover{color:#7ed8f6;padding-left:5px}.footer-contact-column>a,.footer-contact-column>div{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.footer-contact-column i{color:#78d2f0;margin-top:4px}.footer-contact-column span{font-size:calc(12px + var(--frontend-font-size-offset,0px))}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-bottom p{font-size:calc(11px + var(--frontend-font-size-offset,0px));color:#849aa5}.footer-powered{display:flex;align-items:center;gap:10px}.footer-powered>span{font-size:calc(9px + var(--frontend-font-size-offset,0px));color:#7e929d;text-transform:uppercase;letter-spacing:.1em}.whatsapp-float,.back-to-top{position:fixed;z-index:70;bottom:24px;width:50px;height:50px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22)}.whatsapp-float{left:24px;background:#1daf61;font-size:calc(22px + var(--frontend-font-size-offset,0px));border-radius:50%}.back-to-top{right:24px;background:var(--primary);font-size:calc(17px + var(--frontend-font-size-offset,0px));opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.inner-hero{position:relative;background:var(--primary-dark);color:#fff;min-height:315px;display:flex;align-items:center;overflow:hidden}.inner-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,43,69,.97),rgba(0,70,114,.75)),url('../images/slider-road.svg') center/cover;opacity:.92}.inner-hero:after{content:"";position:absolute;right:4%;top:-120px;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.03)}.inner-hero-content{position:relative;z-index:2;padding:62px 0}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:calc(10px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.12em;color:#9ad8ee}.breadcrumbs i{font-size:calc(8px + var(--frontend-font-size-offset,0px))}.inner-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.15;margin:16px 0 10px}.inner-hero p{max-width:700px;color:#d1e3ea;margin:0}.content-detail{background:#fff}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.detail-image{position:sticky;top:120px}.detail-image img{width:100%;min-height:430px;object-fit:cover;background:#e6eef2}.detail-image-label{background:var(--primary);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:10px;font-size:calc(11px + var(--frontend-font-size-offset,0px));letter-spacing:.12em}.detail-image-label i{color:#83d6f2}.rich-text:not(.compact){font-size:calc(16px + var(--frontend-font-size-offset,0px));line-height:1.9}.rich-text:not(.compact) h2{font-size:calc(32px + var(--frontend-font-size-offset,0px))}.btn-primary.inline{margin-top:18px}.service-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.service-list-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--border);min-height:325px;transition:.3s}.service-list-card:hover{box-shadow:0 22px 60px rgba(0,50,78,.12);transform:translateY(-5px)}.service-list-image{position:relative;background:#e2edf2}.service-list-image img{width:100%;height:100%;object-fit:cover}.service-list-image span{position:absolute;left:15px;top:15px;background:var(--primary);color:#fff;padding:7px 10px;font-size:calc(10px + var(--frontend-font-size-offset,0px))}.service-list-content{padding:36px 30px;display:flex;flex-direction:column}.service-list-content>i{font-size:calc(32px + var(--frontend-font-size-offset,0px));color:var(--accent)}.service-list-content h2{font-size:calc(21px + var(--frontend-font-size-offset,0px));line-height:1.35;margin:18px 0 10px}.service-list-content p{color:var(--muted);font-size:calc(13px + var(--frontend-font-size-offset,0px));margin:0 0 auto}.service-list-content>a{margin-top:20px;display:flex;align-items:center;gap:10px;color:var(--primary);font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:700;text-transform:uppercase}.service-detail-grid{display:grid;grid-template-columns:1fr 330px;gap:45px}.service-cover{width:100%;height:470px;object-fit:cover;background:#e1ebef}.service-title-icon{display:flex;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--border)}.service-title-icon>i{width:70px;height:70px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:calc(30px + var(--frontend-font-size-offset,0px))}.service-title-icon span{font-size:calc(10px + var(--frontend-font-size-offset,0px));color:var(--accent);letter-spacing:.16em}.service-title-icon h2{margin:4px 0 0;font-size:calc(30px + var(--frontend-font-size-offset,0px))}.service-main>.rich-text{padding:30px 0}.service-request-box{background:#edf5f8;border-left:4px solid var(--accent);padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-request-box h3{margin:0 0 5px}.service-request-box p{margin:0;color:var(--muted);font-size:calc(13px + var(--frontend-font-size-offset,0px))}.service-request-box>a{background:var(--primary);color:#fff;padding:14px 18px;display:flex;gap:10px;font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:700;white-space:nowrap}.service-sidebar{display:flex;flex-direction:column;gap:22px}.sidebar-box{background:#fff;border:1px solid var(--border);padding:25px}.sidebar-box h3{margin:0 0 18px;font-size:calc(16px + var(--frontend-font-size-offset,0px))}.sidebar-box>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:calc(12px + var(--frontend-font-size-offset,0px))}.sidebar-box>a:hover{color:var(--accent)}.sidebar-contact{background:var(--primary);color:#fff;padding:30px;display:flex;flex-direction:column}.sidebar-contact>i{font-size:calc(38px + var(--frontend-font-size-offset,0px));color:#83d9f5}.sidebar-contact>span{margin:20px 0 8px;font-size:calc(10px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.12em}.sidebar-contact>a{font-size:calc(13px + var(--frontend-font-size-offset,0px));margin:3px 0}.gallery-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-page-item{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e4edf1}.gallery-page-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-page-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,40,64,.88),transparent 70%)}.gallery-page-item>div{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff}.gallery-page-item small{color:#8bdcf7;text-transform:uppercase;letter-spacing:.12em;font-size:calc(9px + var(--frontend-font-size-offset,0px))}.gallery-page-item h2{font-size:calc(18px + var(--frontend-font-size-offset,0px));margin:5px 40px 0 0}.gallery-page-item i{position:absolute;right:0;bottom:3px}.gallery-page-item:hover img{transform:scale(1.08)}.contact-layout,.request-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.contact-info>h2,.request-intro>h2{font-size:calc(42px + var(--frontend-font-size-offset,0px));line-height:1.2;margin:0 0 28px}.main-contact-cards{display:flex;flex-direction:column;border-top:1px solid var(--border)}.main-contact-cards>a,.main-contact-cards>div{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}.main-contact-cards i{width:48px;height:48px;background:#eaf4f8;color:var(--primary);display:grid;place-items:center;font-size:calc(20px + var(--frontend-font-size-offset,0px));flex:0 0 auto}.main-contact-cards span{display:flex;flex-direction:column}.main-contact-cards small{font-size:calc(9px + var(--frontend-font-size-offset,0px));color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.main-contact-cards strong{font-size:calc(14px + var(--frontend-font-size-offset,0px));font-weight:600;margin-top:3px}.representative-list{margin-top:32px;display:grid;gap:12px}.representative-list article{display:flex;gap:15px;background:#fff;border:1px solid var(--border);padding:18px}.rep-avatar{width:48px;height:48px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 auto}.representative-list h3{font-size:calc(14px + var(--frontend-font-size-offset,0px));margin:0}.representative-list p{font-size:calc(11px + var(--frontend-font-size-offset,0px));color:var(--muted);margin:2px 0 7px}.representative-list a{font-size:calc(11px + var(--frontend-font-size-offset,0px));color:var(--primary);display:block}.form-panel{background:#fff;border:1px solid var(--border);padding:42px;box-shadow:0 20px 65px rgba(0,50,78,.08)}.form-panel-label{color:var(--accent);font-size:calc(10px + var(--frontend-font-size-offset,0px));letter-spacing:.18em;font-weight:700}.form-panel h2{font-size:calc(30px + var(--frontend-font-size-offset,0px));margin:8px 0 28px}.premium-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-form label{display:flex;flex-direction:column;gap:7px}.premium-form label>span{font-size:calc(10px + var(--frontend-font-size-offset,0px));font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#465861}.premium-form input,.premium-form textarea,.premium-form select{width:100%;border:1px solid var(--border);background:#f8fafb;padding:13px 14px;color:var(--text);outline:none;border-radius:0}.premium-form input:focus,.premium-form textarea:focus,.premium-form select:focus{border-color:var(--accent);background:#fff}.premium-form button{height:56px;border:0;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:700;text-transform:uppercase;letter-spacing:.06em}.premium-form button:hover{background:var(--accent)}.privacy-note{margin:0;color:var(--muted);font-size:calc(10px + var(--frontend-font-size-offset,0px));display:flex;align-items:center;gap:7px}.privacy-note i{color:#2ca56a}.hp{position:absolute!important;left:-99999px!important}.map-embed-section{margin-top:60px;height:440px}.map-embed-section iframe{width:100%;height:100%;border:0}.request-intro{position:sticky;top:130px}.request-number{font-size:calc(90px + var(--frontend-font-size-offset,0px));color:#e0e9ed;font-weight:800;line-height:1}.request-intro>p{font-size:calc(16px + var(--frontend-font-size-offset,0px));color:var(--muted)}.request-steps{margin:35px 0;display:grid;gap:12px}.request-steps div{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding-bottom:12px}.request-steps b{width:34px;height:34px;background:#eaf4f8;color:var(--primary);display:grid;place-items:center;font-size:calc(10px + var(--frontend-font-size-offset,0px))}.request-steps span{font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:600}.request-phone{display:flex;align-items:center;gap:15px}.request-phone>i{width:55px;height:55px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:calc(24px + var(--frontend-font-size-offset,0px))}.request-phone span{display:flex;flex-direction:column}.request-phone small{font-size:calc(9px + var(--frontend-font-size-offset,0px));color:var(--muted);text-transform:uppercase}.request-phone strong{color:var(--primary)}.empty-state{padding:80px;text-align:center;background:#fff;border:1px solid var(--border)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}[dir=rtl] .desktop-nav{margin-left:0;margin-right:auto}[dir=rtl] .nav-dropdown{left:auto;right:0}[dir=rtl] .footer-column>a:hover{padding-left:0;padding-right:5px}[dir=rtl] .service-card-body h3{margin-right:0;margin-left:45px}[dir=rtl] .card-arrow{right:auto;left:22px}[dir=rtl] .gallery-tile span{left:auto;right:22px}[dir=rtl] .service-request-box{border-left:0;border-right:4px solid var(--accent)}
@media(max-width:1180px){.desktop-nav{display:none}.mobile-toggle{display:block}.header-cta{display:none}.mobile-nav{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .35s;box-shadow:0 20px 40px rgba(0,40,65,.15)}.mobile-nav.open{max-height:calc(100vh - 120px);overflow-y:auto}.mobile-nav-inner{padding:15px 24px 28px}.mobile-nav-item>a{display:block;padding:12px 0;border-bottom:1px solid var(--border);font-weight:600;font-size:calc(13px + var(--frontend-font-size-offset,0px))}.mobile-subnav{padding:4px 0 6px 18px}.mobile-subnav a{display:block;padding:8px 0;font-size:calc(12px + var(--frontend-font-size-offset,0px));color:var(--muted)}.mobile-request{margin-top:18px;background:var(--primary);color:#fff;display:flex;padding:14px;justify-content:center;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700}.about-grid{gap:50px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(2){border-right:0}.feature-card:nth-child(-n+2){border-bottom:1px solid var(--border)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-contact-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.footer-contact-column h3{grid-column:1/-1}.service-list-card{grid-template-columns:1fr}.service-list-image{height:260px}.service-detail-grid{grid-template-columns:1fr 290px}.contact-layout,.request-layout{gap:40px}}
@media(max-width:900px){.section{padding:80px 0}.topbar-tag{display:none}.hero-slider{min-height:580px;height:650px}.hero-content h1{font-size:calc(52px + var(--frontend-font-size-offset,0px))}.hero-arrow{display:none}.about-grid,.map-grid,.contact-layout,.request-layout,.detail-grid{grid-template-columns:1fr}.about-visual img{height:430px}.about-visual{max-width:650px}.experience-card{right:20px}.services-grid{grid-template-columns:repeat(2,1fr)}.map-copy{order:1}.world-map{order:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(-n+2){border-bottom:1px solid var(--border)}.gallery-mosaic{grid-template-columns:repeat(2,1fr)}.gallery-tile.tile-1{grid-column:span 2}.gallery-tile.tile-4{grid-column:span 1}.footer-grid{grid-template-columns:1.2fr 1fr}.footer-contact-column{grid-column:auto;display:flex}.service-list-grid{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr}.service-sidebar{display:grid;grid-template-columns:1fr 1fr}.detail-image,.request-intro{position:relative;top:auto}.gallery-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.container-wide{width:min(100% - 28px,1420px)}.topbar-inner{height:auto;min-height:40px}.topbar-contact a:first-child{display:none}.topbar-right{gap:8px}.topbar-tag{display:none}.header-inner{height:78px}.site-logo{width:170px}.site-logo img{height:58px}.mobile-toggle{width:44px;height:44px}.hero-slider{height:610px;min-height:0}.hero-content{justify-content:flex-end;padding-bottom:100px}.hero-content h1{font-size:calc(40px + var(--frontend-font-size-offset,0px))}.hero-content p{font-size:calc(14px + var(--frontend-font-size-offset,0px));margin:18px 0 25px}.hero-buttons{width:100%}.hero-buttons a{flex:1;padding:0 13px}.hero-dots{bottom:30px}.hero-corner-info{display:none}.section{padding:65px 0}.about-visual img{height:350px}.about-visual:before{left:-8px;top:-8px}.experience-card{width:135px;height:135px;right:10px;bottom:20px}.experience-card strong{font-size:calc(36px + var(--frontend-font-size-offset,0px))}.about-copy h2,.section-heading h2,.section-title h2{font-size:calc(34px + var(--frontend-font-size-offset,0px))}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:34px}.services-grid{grid-template-columns:1fr}.service-image{height:220px}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0!important;border-bottom:1px solid var(--border)}.world-map{aspect-ratio:1.55/1}.map-marker b{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{padding:30px 12px}.stat-item strong{font-size:calc(37px + var(--frontend-font-size-offset,0px))}.gallery-mosaic{grid-auto-rows:190px}.gallery-tile.tile-1{grid-column:span 2;grid-row:span 1}.gallery-tile.tile-4{grid-column:span 2}.cta-section{padding-bottom:60px}.cta-inner{padding:35px 25px;flex-direction:column;align-items:flex-start}.cta-inner h2{font-size:calc(29px + var(--frontend-font-size-offset,0px))}.cta-inner>a{width:100%}.footer-grid{grid-template-columns:1fr;padding:55px 0 40px;gap:28px}.footer-contact-column{grid-column:auto}.footer-bottom{padding:18px 0;flex-direction:column;align-items:flex-start}.whatsapp-float,.back-to-top{bottom:15px}.whatsapp-float{left:15px}.back-to-top{right:15px}.inner-hero{min-height:270px}.inner-hero-content{padding:50px 0}.inner-hero h1{font-size:calc(38px + var(--frontend-font-size-offset,0px))}.detail-image img,.service-cover{height:330px;min-height:0}.service-list-card{min-height:0}.service-list-image{height:230px}.service-title-icon h2{font-size:calc(23px + var(--frontend-font-size-offset,0px))}.service-request-box{align-items:flex-start;flex-direction:column}.service-request-box>a{width:100%;justify-content:center}.service-sidebar{grid-template-columns:1fr}.gallery-page-grid{grid-template-columns:1fr}.contact-info>h2,.request-intro>h2{font-size:calc(34px + var(--frontend-font-size-offset,0px))}.form-panel{padding:28px 20px}.form-row{grid-template-columns:1fr}.map-embed-section{height:330px;margin-top:35px}.flash-stack{top:105px;right:14px;width:calc(100% - 28px)}}
/* ERM Logistics v1.1.0 premium corporate refinements */
:root{--shadow-soft:0 24px 70px rgba(0,52,82,.10);--shadow-deep:0 34px 90px rgba(0,35,57,.20)}
body{background:linear-gradient(180deg,#f7f9fb 0%,var(--background) 34%,#f4f7f9 100%)}
.site-header{box-shadow:0 10px 35px rgba(0,45,72,.055)}
.header-cta,.btn-primary,.btn-white{border-radius:3px;box-shadow:0 12px 28px rgba(0,74,115,.16)}
.about-section,.gallery-preview{position:relative;overflow:hidden}.about-section:after,.gallery-preview:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(26,144,194,.08),transparent 68%);right:-170px;top:-130px;pointer-events:none}
.service-card{border-radius:4px;box-shadow:0 16px 42px rgba(0,28,47,.12)}
.feature-card{background:rgba(255,255,255,.78);backdrop-filter:blur(8px)}
.map-section{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(30,156,204,.18),transparent 30%),linear-gradient(145deg,#053a5c 0%,#004b76 48%,#063652 100%);color:#fff}
.map-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.map-section>.container{position:relative;z-index:1}.map-section-heading{text-align:center;max-width:880px;margin:0 auto 48px}.map-section-heading h2{font-size:clamp(35px,4vw,56px);line-height:1.16;margin:0;color:#fff;letter-spacing:-.03em}.map-section-heading p{max-width:700px;margin:18px auto 0;color:#b9d9e7;font-size:calc(15px + var(--frontend-font-size-offset,0px))}.world-map-premium{position:relative;min-height:560px;padding:52px 55px 36px;border:1px solid rgba(167,222,241,.25);background:linear-gradient(145deg,rgba(0,31,51,.64),rgba(0,64,96,.35));box-shadow:0 34px 90px rgba(0,19,34,.35),inset 0 0 70px rgba(44,175,220,.05);overflow:hidden}.world-map-premium:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.world-map-premium>img{position:absolute;inset:70px 60px 35px;width:calc(100% - 120px);height:calc(100% - 105px);object-fit:contain;opacity:.92;filter:drop-shadow(0 15px 32px rgba(0,0,0,.25))}.world-map-premium .route-lines{position:absolute;inset:70px 60px 35px;width:calc(100% - 120px);height:calc(100% - 105px);z-index:2;overflow:visible}.world-map-premium .route-lines path{fill:none;stroke:#66d7fa;stroke-width:1.35;stroke-dasharray:7 8;filter:drop-shadow(0 0 5px rgba(102,215,250,.9));animation:routeFlow 4.2s linear infinite;animation-delay:var(--delay)}@keyframes routeFlow{to{stroke-dashoffset:-60}}
.world-map-premium .map-marker{z-index:4;transform:translate(-50%,-50%)}.world-map-premium .map-marker span{box-shadow:0 0 0 5px rgba(103,215,250,.14),0 0 22px rgba(103,215,250,.9)}.world-map-premium .map-marker.hub span{width:15px;height:15px;background:#fff;box-shadow:0 0 0 9px rgba(103,215,250,.19),0 0 32px #6ddcff}.world-map-premium .map-marker b{background:rgba(0,31,50,.8);border:1px solid rgba(255,255,255,.14);padding:2px 5px;border-radius:3px}.map-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.map-glow-one{width:320px;height:320px;left:-120px;bottom:-170px;background:radial-gradient(circle,rgba(31,170,218,.22),transparent 68%)}.map-glow-two{width:260px;height:260px;right:-80px;top:-90px;background:radial-gradient(circle,rgba(92,205,239,.14),transparent 68%)}.map-orbit-label{position:absolute;z-index:5;top:28px;left:30px;display:flex;align-items:center;gap:10px;color:#c9e7f2;font-size:calc(11px + var(--frontend-font-size-offset,0px));letter-spacing:.08em;text-transform:uppercase}.map-orbit-label i{color:#72dbf8;font-size:calc(17px + var(--frontend-font-size-offset,0px))}.map-country-panel{margin-top:22px;padding:24px 26px;border:1px solid rgba(255,255,255,.14);background:rgba(0,35,57,.48);backdrop-filter:blur(10px)}.map-country-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.map-country-panel-head>span{display:flex;align-items:center;gap:9px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.map-country-panel-head>span i{color:#73ddf8}.map-country-panel-head>a{display:flex;align-items:center;gap:9px;color:#fff;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.premium-country-chips{display:flex;flex-wrap:wrap;gap:9px}.premium-country-chips span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);padding:8px 11px;color:#e3f3f8;border-radius:3px}.premium-country-chips span i{box-shadow:0 0 0 4px rgba(101,216,248,.12)}
.distribution-network-section{padding:95px 0;background:#fff;overflow:hidden;border-bottom:1px solid var(--border)}.distribution-network-heading{text-align:center}.distribution-network-heading>div{max-width:810px;margin:auto}.distribution-network-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.2;margin:0;color:var(--text);letter-spacing:-.028em}.distribution-network-heading p{color:var(--muted);max-width:680px;margin:18px auto 0}.network-marquee{position:relative;margin-top:45px;overflow:hidden}.network-track{display:flex;width:max-content;gap:16px;animation:networkMarquee 34s linear infinite;padding:10px 0 24px}.network-marquee:hover .network-track{animation-play-state:paused}@keyframes networkMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.network-country-card{width:255px;min-height:104px;display:flex;align-items:center;gap:15px;padding:17px 18px;background:linear-gradient(145deg,#fff,#f4f8fa);border:1px solid #dce8ed;box-shadow:0 14px 36px rgba(0,54,84,.07);position:relative;overflow:hidden}.network-country-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--primary))}.network-country-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,54,84,.12)}.network-flag{width:70px;height:52px;display:grid;place-items:center;background:#eef5f8;border:1px solid #d6e4ea;flex:0 0 auto;overflow:hidden}.network-flag img{width:100%;height:100%;object-fit:cover}.network-flag span{font-size:calc(35px + var(--frontend-font-size-offset,0px));line-height:1}.network-country-card>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.network-country-card small{font-size:calc(9px + var(--frontend-font-size-offset,0px));letter-spacing:.16em;color:var(--accent);font-weight:700}.network-country-card strong{font-size:calc(14px + var(--frontend-font-size-offset,0px));color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-country-card>i{margin-left:auto;color:#8aa5b2}.network-marquee-fade{position:absolute;z-index:3;top:0;bottom:0;width:90px;pointer-events:none}.network-marquee-fade.left{left:0;background:linear-gradient(90deg,#fff,transparent)}.network-marquee-fade.right{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.form-panel{border-radius:4px;box-shadow:var(--shadow-soft);border-top:4px solid var(--accent)}.premium-form input,.premium-form textarea,.premium-form select{border-radius:3px;transition:.2s}.premium-form input:focus,.premium-form textarea:focus,.premium-form select:focus{box-shadow:0 0 0 4px rgba(26,144,194,.09)}.captcha-field{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:end;padding:15px;background:#f3f8fa;border:1px solid var(--border)}.captcha-image-wrap{height:64px;position:relative;overflow:hidden;border-radius:4px}.captcha-image{width:100%;height:64px;object-fit:cover}.captcha-refresh{position:absolute;right:6px;top:6px;width:34px;height:34px;border:1px solid rgba(255,255,255,.35);background:rgba(0,32,51,.58);color:#fff;border-radius:50%;display:grid;place-items:center}.captcha-refresh:hover{background:#fff;color:var(--primary)}
.site-footer{position:relative;background:linear-gradient(145deg,#032235 0%,#041d2d 55%,#05283c 100%);overflow:hidden}.footer-top-glow{position:absolute;width:520px;height:520px;right:-250px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(43,161,204,.14),transparent 66%)}.footer-grid{position:relative;grid-template-columns:1.25fr .75fr 1fr 1.25fr;gap:48px}.footer-brand img{filter:brightness(0) invert(1);max-width:230px}.footer-column h3{position:relative;padding-bottom:15px}.footer-column h3:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--accent)}.footer-contact-list{display:flex;flex-direction:column;gap:10px}.footer-contact-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:11px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025);transition:.2s}.footer-contact-item:hover{background:rgba(255,255,255,.07);border-color:rgba(105,214,248,.25)!important;transform:translateX(3px)}.footer-contact-item>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;background:rgba(105,214,248,.12)!important;color:#75dcf8!important;flex:0 0 auto;font-size:calc(14px + var(--frontend-font-size-offset,0px))!important}.footer-contact-item span{display:flex;flex-direction:column;min-width:0}.footer-contact-item small{font-size:calc(8px + var(--frontend-font-size-offset,0px));text-transform:uppercase;letter-spacing:.12em;color:#6f9aac}.footer-contact-item strong{font-size:calc(10px + var(--frontend-font-size-offset,0px));line-height:1.55;color:#dceaf0;font-weight:500;overflow-wrap:anywhere}.footer-bottom{position:relative}
@media(max-width:1000px){.world-map-premium{min-height:500px;padding:40px 25px}.world-map-premium>img,.world-map-premium .route-lines{inset:65px 25px 30px;width:calc(100% - 50px);height:calc(100% - 95px)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact-column{grid-column:1/-1}.footer-contact-list{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.map-section-heading{margin-bottom:30px}.world-map-premium{min-height:360px;padding:25px 10px}.world-map-premium>img,.world-map-premium .route-lines{inset:60px 8px 18px;width:calc(100% - 16px);height:calc(100% - 78px)}.map-orbit-label{left:16px;top:18px}.map-country-panel{padding:18px}.map-country-panel-head{align-items:flex-start;flex-direction:column}.distribution-network-section{padding:65px 0}.network-country-card{width:225px}.network-marquee-fade{width:35px}.captcha-field{grid-template-columns:1fr}.captcha-image-wrap{width:220px;max-width:100%}.footer-contact-list{grid-template-columns:1fr}.footer-contact-item:hover{transform:none}}
/* ERM Logistics CMS v1.1.4 contact, mobile header and footer refinements */
.contact-page .contact-section{padding-bottom:80px}
.contact-map-full{position:relative;width:100%;height:450px;min-height:450px;overflow:hidden;background:linear-gradient(135deg,#dce8ee,#edf4f7);border-top:4px solid var(--accent);box-shadow:inset 0 18px 45px rgba(0,49,79,.08)}
.contact-map-full iframe{display:block;width:100%!important;height:450px!important;min-height:450px;border:0!important;filter:saturate(.92) contrast(1.03)}
.contact-float-stack{position:fixed;z-index:92;left:24px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:14px}
.contact-float{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:calc(21px + var(--frontend-font-size-offset,0px));box-shadow:0 15px 35px rgba(0,28,45,.28);isolation:isolate;animation:ermContactFloat 3.4s ease-in-out infinite;transition:transform .25s,box-shadow .25s}
.contact-float:before,.contact-float:after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;border:1px solid currentColor;opacity:0;animation:ermContactPulse 2.6s ease-out infinite}
.contact-float:after{animation-delay:1.3s}
.contact-float:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 20px 42px rgba(0,28,45,.34)}
.contact-float-phone{background:linear-gradient(145deg,var(--accent),var(--primary));animation-delay:.35s}
.contact-float-whatsapp{background:linear-gradient(145deg,#27c86f,#11964d)}
.contact-float>span{position:absolute;left:calc(100% + 13px);top:50%;transform:translate(8px,-50%);padding:7px 11px;background:#05283c;color:#fff;border-radius:3px;font-size:calc(10px + var(--frontend-font-size-offset,0px));font-weight:600;white-space:nowrap;letter-spacing:.03em;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 10px 26px rgba(0,25,40,.22);pointer-events:none}
.contact-float>span:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#05283c}
.contact-float:hover>span,.contact-float:focus-visible>span{opacity:1;visibility:visible;transform:translate(0,-50%)}
@keyframes ermContactPulse{0%{transform:scale(.92);opacity:.5}75%,100%{transform:scale(1.65);opacity:0}}
@keyframes ermContactFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
.site-footer:before{content:"";position:absolute;z-index:0;inset:25px 2% 55px 35%;background:url('../images/world-map.svg') center/contain no-repeat;opacity:.065;filter:brightness(0) invert(1);pointer-events:none}
.site-footer .footer-grid,.site-footer .footer-bottom{z-index:2}
.site-footer .footer-route-line,.site-footer .footer-top-glow{z-index:1}
.site-header.is-scrolled{box-shadow:0 14px 38px rgba(0,39,62,.14)}
@media(max-width:1180px){
.site-header{position:sticky;top:0;z-index:110}
.mobile-nav.open{max-height:calc(100vh - 78px)}
}
@media(max-width:640px){
.contact-page .contact-section{padding-bottom:55px}
.contact-map-full,.contact-map-full iframe{height:450px!important;min-height:450px}
.contact-float-stack{left:15px;bottom:15px;gap:12px}
.contact-float{width:48px;height:48px;font-size:calc(19px + var(--frontend-font-size-offset,0px))}
.contact-float>span{display:none}
.site-footer:before{inset:45px -35% 90px -35%;background-size:125% auto;opacity:.055}
}
@media(prefers-reduced-motion:reduce){
.contact-float,.contact-float:before,.contact-float:after{animation:none}
}
/* ERM Logistics CMS v1.1.1 fixed header and sliding distribution carousel */
.site-header{position:sticky;top:0;z-index:110}
.map-section-heading h2{margin-bottom:0}
.network-carousel{
--network-visible:6;
position:relative;
width:min(1510px,calc(100% - 24px));
margin:44px auto 0;
padding:8px 58px 32px;
}
.network-carousel-viewport{position:relative;overflow:hidden;padding:10px 0 20px}
.network-carousel-track{
display:flex;
align-items:stretch;
gap:16px;
will-change:transform;
transform:translate3d(0,0,0);
transition:transform .68s cubic-bezier(.22,.72,.18,1);
}
.network-carousel-track.no-transition{transition:none!important}
.network-country-card{
flex:0 0 calc((100% - 80px)/6);
width:auto;
min-width:0;
min-height:158px;
padding:22px 15px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:13px;
text-align:center;
background:linear-gradient(145deg,#fff 0%,#f3f8fa 100%);
border:1px solid #d8e6ec;
box-shadow:0 16px 40px rgba(0,54,84,.08);
transform:none;
opacity:1;
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.network-country-card:before{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary),var(--accent))}
.network-country-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(0,54,84,.15);border-color:rgba(26,144,194,.35)}
.network-country-card.is-clone{pointer-events:none}
.network-flag{width:88px;height:62px;border-radius:3px;box-shadow:0 8px 20px rgba(0,54,84,.08)}
.network-carousel .network-flag img{object-fit:contain;background:#fff;padding:2px}
.network-country-name{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}
.network-country-card small{font-size:calc(9px + var(--frontend-font-size-offset,0px));letter-spacing:.18em}
.network-country-card strong{display:block;width:100%;font-size:calc(13px + var(--frontend-font-size-offset,0px));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-carousel-arrow{
position:absolute;
z-index:5;
top:50%;
width:48px;
height:48px;
margin-top:-30px;
border:1px solid rgba(0,83,126,.18);
border-radius:50%;
display:grid;
place-items:center;
padding:0;
color:var(--primary);
background:rgba(255,255,255,.97);
box-shadow:0 14px 34px rgba(0,54,84,.14);
cursor:pointer;
transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.network-carousel-prev{left:0}
.network-carousel-next{right:0}
.network-carousel-arrow i{font-size:20px;line-height:1}
.network-carousel-arrow:hover,.network-carousel-arrow:focus-visible{color:#fff;background:linear-gradient(135deg,var(--accent),var(--primary));border-color:transparent;box-shadow:0 18px 38px rgba(0,85,130,.25);transform:translateY(-2px)}
.network-carousel-arrow:focus-visible{outline:3px solid rgba(36,169,224,.25);outline-offset:3px}
.network-carousel-arrow[hidden]{display:none!important}
@media(max-width:1180px){
.network-carousel{--network-visible:3;padding-left:54px;padding-right:54px}
.network-country-card{flex-basis:calc((100% - 32px)/3)}
}
@media(max-width:640px){
.network-carousel{--network-visible:2;width:100%;margin-top:32px;padding:6px 42px 22px}
.network-carousel-track{gap:12px}
.network-country-card{flex-basis:calc((100% - 12px)/2);min-height:136px;padding:16px 10px}
.network-flag{width:72px;height:50px}
.network-country-card strong{font-size:calc(11px + var(--frontend-font-size-offset,0px))}
.network-carousel-arrow{width:38px;height:38px;margin-top:-26px}
.network-carousel-prev{left:1px}.network-carousel-next{right:1px}
.network-carousel-arrow i{font-size:16px}
}
@media(max-width:420px){
.network-carousel{--network-visible:1;padding-left:44px;padding-right:44px}
.network-country-card{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
.network-carousel-track,.network-country-card,.network-carousel-arrow{transition:none!important}
}
/* ERM Logistics CMS v1.1.1 language flags, dropdown stacking and full-page top control */
.topbar{position:relative;z-index:180;overflow:visible}
.topbar-inner,.topbar-right,.language-picker{overflow:visible}
.language-picker{z-index:2}
.language-dropdown{z-index:400;top:100%;margin-top:0;min-width:190px;border-top:3px solid var(--accent);box-shadow:0 22px 55px rgba(0,34,53,.24)}
.language-button>span{white-space:nowrap}
.language-flag-svg{display:block;width:25px;height:18px;flex:0 0 25px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.language-button .language-flag-svg{border-color:rgba(255,255,255,.28);box-shadow:0 2px 7px rgba(0,0,0,.22)}
.language-dropdown a{min-height:40px}
.language-dropdown a span{line-height:1.3}
.back-to-top{font-family:inherit}
@media(max-width:900px){.topbar{z-index:180}.site-header{z-index:150}}
.back-to-top{border:0;padding:0}
/* ERM Logistics v1.1.1 final mobile drawer, dropdown navigation and admin-path UI */
@media(max-width:1180px){
.site-header{z-index:220}
.mobile-nav{display:block;position:fixed;inset:0;z-index:260;background:rgba(0,26,42,.58);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease;overflow:hidden}
.mobile-nav.open{max-height:none;opacity:1;visibility:visible;pointer-events:auto;overflow:hidden}
.mobile-nav-panel{position:absolute;inset:0 0 0 auto;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(155deg,#fff 0%,#f4f8fa 100%);transform:translateX(100%);transition:transform .44s cubic-bezier(.22,.72,.2,1);box-shadow:-28px 0 70px rgba(0,35,56,.2)}
.mobile-nav.open .mobile-nav-panel{transform:translateX(0)}
.mobile-nav-head{height:82px;flex:0 0 82px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);background:#fff}
.mobile-nav-logo{width:176px}.mobile-nav-logo img{width:100%;height:58px;object-fit:contain;object-position:left center}
.mobile-nav-close{width:46px;height:46px;border:1px solid var(--border);background:#f5f9fa;color:var(--primary);display:grid;place-items:center;font-size:calc(20px + var(--frontend-font-size-offset,0px));transition:.2s}
.mobile-nav-close:hover{background:var(--primary);color:#fff}
.mobile-nav-inner{flex:1;overflow-y:auto;padding:20px 22px 32px}
.mobile-nav-item{border-bottom:1px solid var(--border)}
.mobile-nav-row{display:flex;align-items:center;min-height:57px}
.mobile-nav-row>a{flex:1;display:flex;align-items:center;min-height:57px;padding:0;font-size:calc(15px + var(--frontend-font-size-offset,0px));font-weight:600;color:#243944}
.mobile-subnav-toggle{width:46px;height:46px;border:0;background:#eaf4f8;color:var(--primary);display:grid;place-items:center;flex:0 0 auto;transition:.25s}
.mobile-subnav-toggle i{transition:transform .3s}
.mobile-nav-item.submenu-open .mobile-subnav-toggle{background:var(--primary);color:#fff}
.mobile-nav-item.submenu-open .mobile-subnav-toggle i{transform:rotate(180deg)}
.mobile-subnav{max-height:0;overflow:hidden;padding:0 0 0 17px;opacity:0;transition:max-height .38s ease,opacity .25s ease,padding .3s ease;border-left:2px solid transparent}
.mobile-nav-item.submenu-open .mobile-subnav{max-height:520px;opacity:1;padding:3px 0 14px 17px;border-left-color:var(--accent)}
.mobile-subnav a{display:flex;align-items:center;min-height:41px;padding:6px 12px;color:#566974;font-size:calc(12px + var(--frontend-font-size-offset,0px));border-bottom:1px dashed #dce7ec}
.mobile-subnav a:last-child{border-bottom:0}
.mobile-request{min-height:56px;margin-top:24px;background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;padding:14px;font-size:calc(12px + var(--frontend-font-size-offset,0px));font-weight:700;box-shadow:0 14px 30px rgba(0,70,114,.18)}
.mobile-nav-foot{flex:0 0 auto;padding:17px 22px 20px;background:var(--primary-dark);color:#dcecf2;display:grid;gap:8px}
.mobile-nav-foot a{display:flex;align-items:center;gap:11px;min-width:0;font-size:calc(11px + var(--frontend-font-size-offset,0px))}
.mobile-nav-foot i{width:30px;height:30px;display:grid;place-items:center;background:rgba(115,216,249,.12);color:#7cdbf6;flex:0 0 auto}
.mobile-nav-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-toggle.active span:nth-child(2){opacity:0}
.mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:640px){
.mobile-nav-head{height:74px;flex-basis:74px;padding:0 16px}.mobile-nav-logo{width:158px}.mobile-nav-logo img{height:52px}.mobile-nav-inner{padding:14px 17px 25px}.mobile-nav-foot{padding:14px 17px 17px}
}
[dir=rtl] .mobile-nav-panel{inset:0 auto 0 0;transform:translateX(-100%)}
[dir=rtl] .mobile-nav.open .mobile-nav-panel{transform:translateX(0)}
[dir=rtl] .mobile-subnav{padding-left:0;padding-right:17px;border-left:0;border-right:2px solid transparent}
[dir=rtl] .mobile-nav-item.submenu-open .mobile-subnav{padding-left:0;padding-right:17px;border-right-color:var(--accent)}
/* ERM Logistics v1.1.1 enhanced corporate typography, map flags and footer fleet */
html,body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,table,th,td{font-family:var(--frontend-font-family,'Google Sans',Arial,sans-serif)}
body{font-weight:400;letter-spacing:-.005em}.hero-content h1,.section-title h2,.section-heading h2,.about-copy h2,.map-section-heading h2{font-weight:750;letter-spacing:-.04em}.nav-item>a,.header-cta,.section-label{font-weight:700}.rich-text{letter-spacing:0}
.world-map-premium .map-marker{display:flex;align-items:center;justify-content:center;width:30px;height:23px;z-index:5}.world-map-premium .map-marker span{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;z-index:-1}.world-map-premium .map-marker b{position:relative;display:block;width:30px;height:22px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 8px 18px rgba(0,17,28,.45),0 0 0 4px rgba(96,215,249,.12);transform:translateY(-14px);transition:.2s}.world-map-premium .map-marker:hover b{transform:translateY(-17px) scale(1.13);z-index:8}.world-map-premium .map-marker.hub b{width:36px;height:27px;border-color:#8ee7ff;box-shadow:0 10px 24px rgba(0,17,28,.5),0 0 0 6px rgba(96,215,249,.2),0 0 24px rgba(91,221,255,.65)}.map-country-flag{width:100%;height:100%;object-fit:cover;display:block}.world-map-premium .map-marker:after{content:"";position:absolute;top:8px;left:50%;width:1px;height:13px;background:rgba(255,255,255,.85);transform:translateX(-50%);z-index:-1}
.site-footer{padding-top:78px}.footer-truck-lane{position:absolute;z-index:4;left:0;right:0;top:0;height:78px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(3,34,53,.98),rgba(3,34,53,.72));pointer-events:none}.footer-truck-lane:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:rgba(130,221,247,.32);box-shadow:0 8px 0 rgba(255,255,255,.04)}.footer-road-marks{position:absolute;left:0;right:0;bottom:20px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 34px,transparent 34px 66px);opacity:.45}.footer-truck{position:absolute;bottom:14px;width:190px;height:auto;filter:drop-shadow(0 9px 8px rgba(0,0,0,.38));will-change:transform}.footer-truck-one{left:-240px;animation:footerTruckForward 19s linear infinite}.footer-truck-two{right:-210px;width:150px;transform:scaleX(-1);animation:footerTruckReverse 24s linear infinite 5s}@keyframes footerTruckForward{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 500px))}}@keyframes footerTruckReverse{0%{transform:translateX(0) scaleX(-1)}100%{transform:translateX(calc(-100vw - 430px)) scaleX(-1)}}.footer-route-line{position:absolute;z-index:5;left:0;right:0;top:76px}.site-footer .footer-grid{padding-top:70px}
@media(max-width:640px){.world-map-premium .map-marker{width:23px;height:18px}.world-map-premium .map-marker b{width:23px;height:17px;border-width:1px;transform:translateY(-10px)}.world-map-premium .map-marker.hub b{width:28px;height:21px}.world-map-premium .map-marker:after{top:6px;height:9px}.site-footer{padding-top:62px}.footer-truck-lane{height:62px}.footer-route-line{top:60px}.footer-truck{width:135px;bottom:11px}.footer-truck-two{width:110px}.site-footer .footer-grid{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.footer-truck{animation:none!important}.footer-truck-one{left:8%}.footer-truck-two{right:8%}.world-map-premium .route-lines path{animation:none!important}}
/* ERM Logistics v1.1.1 corporate refresh: Google Sans, authority documents, realistic fleet */
html,body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,table,th,td{font-family:var(--frontend-font-family,'Google Sans',Arial,sans-serif)!important}
body{font-optical-sizing:auto;font-synthesis:none}
.hero-content h1,.section-title h2,.section-heading h2,.about-copy h2,.map-section-heading h2,.inner-hero h1{font-weight:700;letter-spacing:-.035em}
.authority-documents-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f2f7f9 100%);overflow:hidden}
.authority-documents-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(0,78,114,.035) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(0,78,114,.025) 50%,transparent 50.2%);background-size:90px 90px;pointer-events:none}
.authority-documents-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}
.authority-document-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--border);box-shadow:0 15px 45px rgba(0,57,88,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}
.authority-document-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(0,57,88,.14);border-color:rgba(24,151,194,.48)}
.authority-document-image{height:310px;padding:18px;background:linear-gradient(145deg,#f8fbfc,#edf4f7);display:flex;align-items:center;justify-content:center;overflow:hidden}
.authority-document-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.authority-document-card:hover .authority-document-image img{transform:scale(1.035)}
.authority-document-card>strong{display:block;padding:16px 52px 18px 18px;color:var(--primary);font-size:calc(13px + var(--frontend-font-size-offset,0px));line-height:1.45}
.authority-document-card>span{position:absolute;right:16px;bottom:14px;width:32px;height:32px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:calc(12px + var(--frontend-font-size-offset,0px))}
@media(max-width:1100px){.authority-documents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.authority-documents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.authority-document-image{height:235px;padding:12px}}
@media(max-width:460px){.authority-documents-grid{grid-template-columns:1fr}.authority-document-image{height:300px}}
.site-footer{padding-top:112px}
.footer-truck-lane{height:112px;background:linear-gradient(180deg,#062f47 0%,#05283c 72%,#032335 100%);border-bottom:2px solid rgba(88,207,242,.55)}
.footer-truck-lane:before{content:"";position:absolute;left:0;right:0;bottom:13px;height:24px;background:linear-gradient(180deg,rgba(5,18,27,.15),rgba(2,14,22,.66));border-top:1px solid rgba(255,255,255,.05)}
.footer-truck-lane:after{bottom:12px;height:2px;background:rgba(116,220,249,.52);box-shadow:0 7px 0 rgba(255,255,255,.035)}
.footer-road-marks{bottom:27px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 48px,transparent 48px 96px);opacity:.62}
.footer-truck{bottom:18px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.48));transform-origin:center bottom;will-change:transform}
.footer-truck-one{left:-360px;width:300px;animation:footerRealTruckForward 22s linear infinite,footerTruckSuspension 1.25s ease-in-out infinite}
.footer-truck-two{right:-310px;width:245px;animation:footerRealTruckReverse 27s linear infinite 4s,footerTruckSuspensionReverse 1.4s ease-in-out infinite}
@keyframes footerRealTruckForward{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 760px))}}
@keyframes footerRealTruckReverse{0%{transform:translateX(0) scaleX(-1)}100%{transform:translateX(calc(-100vw - 680px)) scaleX(-1)}}
@keyframes footerTruckSuspension{0%,100%{margin-bottom:0}50%{margin-bottom:2px}}
@keyframes footerTruckSuspensionReverse{0%,100%{margin-bottom:1px}50%{margin-bottom:3px}}
.footer-route-line{top:110px}.site-footer .footer-grid{padding-top:64px}
@media(max-width:760px){.site-footer{padding-top:84px}.footer-truck-lane{height:84px}.footer-route-line{top:82px}.footer-road-marks{bottom:22px}.footer-truck{bottom:14px}.footer-truck-one{width:215px;left:-260px}.footer-truck-two{width:180px;right:-230px}.site-footer .footer-grid{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.footer-truck-one,.footer-truck-two{animation:none!important}.footer-truck-one{left:5%}.footer-truck-two{right:5%;transform:scaleX(-1)}}
/* ERM Logistics gallery and authority-document lightbox */
body.lightbox-open{overflow:hidden}
.erm-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.erm-lightbox.open{opacity:1;visibility:visible;pointer-events:auto}
.erm-lightbox-backdrop{position:absolute;inset:0;background:rgba(1,18,29,.92);backdrop-filter:blur(10px)}
.erm-lightbox-dialog{position:relative;z-index:1;width:min(1160px,calc(100vw - 56px));height:min(820px,calc(100vh - 56px));display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;border:1px solid rgba(124,219,246,.22);background:linear-gradient(145deg,rgba(8,48,70,.98),rgba(2,29,44,.99));box-shadow:0 36px 110px rgba(0,0,0,.58);transform:translateY(18px) scale(.975);transition:transform .3s ease;overflow:hidden}
.erm-lightbox.open .erm-lightbox-dialog{transform:none}
.erm-lightbox figure{min-width:0;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.erm-lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:34px;background:radial-gradient(circle at center,rgba(30,124,158,.14),transparent 58%)}
.erm-lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.38));transition:opacity .2s ease,transform .3s ease}
.erm-lightbox.loading .erm-lightbox-stage img{opacity:.2;transform:scale(.985)}
.erm-lightbox-loader{position:absolute;width:42px;height:42px;border:3px solid rgba(255,255,255,.18);border-top-color:#64d4f3;border-radius:50%;opacity:0;animation:ermLightboxSpin .8s linear infinite}
.erm-lightbox.loading .erm-lightbox-loader{opacity:1}
@keyframes ermLightboxSpin{to{transform:rotate(360deg)}}
.erm-lightbox figcaption{min-height:62px;padding:19px 24px;border-top:1px solid rgba(255,255,255,.1);color:#eef9fc;font-size:calc(15px + var(--frontend-font-size-offset,0px));font-weight:600;text-align:center;background:rgba(2,24,37,.78)}
.erm-lightbox-close,.erm-lightbox-nav{border:0;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}
.erm-lightbox-close{position:absolute;right:16px;top:16px;z-index:3;width:44px;height:44px;background:rgba(4,35,51,.82);border:1px solid rgba(255,255,255,.18);font-size:calc(19px + var(--frontend-font-size-offset,0px))}
.erm-lightbox-close:hover{background:#1498c4;transform:rotate(90deg)}
.erm-lightbox-nav{width:46px;height:64px;justify-self:center;background:rgba(100,212,243,.1);border:1px solid rgba(100,212,243,.2);font-size:calc(20px + var(--frontend-font-size-offset,0px))}
.erm-lightbox-nav:hover{background:#1598c4;transform:scale(1.06)}
.erm-lightbox-nav[hidden]{display:block;opacity:0;pointer-events:none}
.authority-document-card,.gallery-tile,.gallery-page-item{cursor:zoom-in}
@media(max-width:760px){.erm-lightbox{padding:12px}.erm-lightbox-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);grid-template-columns:42px minmax(0,1fr) 42px}.erm-lightbox-stage{padding:22px 10px}.erm-lightbox-close{right:9px;top:9px;width:40px;height:40px}.erm-lightbox-nav{width:36px;height:54px}.erm-lightbox figcaption{min-height:54px;padding:15px 14px;font-size:calc(13px + var(--frontend-font-size-offset,0px))}}
@media(prefers-reduced-motion:reduce){.erm-lightbox,.erm-lightbox-dialog,.erm-lightbox-stage img,.erm-lightbox-close,.erm-lightbox-nav{transition:none!important}.erm-lightbox-loader{animation:none}}
body{font-size:var(--frontend-font-size,14px)}
/* ERM Logistics v1.1.1 — managed font size: frontend navigation synchronization */
.site-header .desktop-nav > .nav-item > a,
.site-header .desktop-nav .nav-dropdown a,
.site-header .header-cta,
.site-header .mobile-nav-row > a,
.site-header .mobile-subnav a,
.site-header .mobile-request,
.language-picker .language-button,
.language-picker .language-dropdown a,
.site-footer .footer-column > a{
font-size:var(--frontend-font-size,14px)!important;
}
.site-header .desktop-nav > .nav-item > a i,
.language-picker .language-button i{
font-size:max(10px,calc(var(--frontend-font-size,14px) - 3px))!important;
}
/* ERM Logistics v1.1.1 — mobile language layer and footer identity alignment */
@media (max-width:1180px){
.topbar{
position:relative!important;
z-index:520!important;
overflow:visible!important;
isolation:isolate;
}
.topbar-inner,.topbar-right,.language-picker{
overflow:visible!important;
}
.language-picker{
position:relative!important;
z-index:530!important;
}
.language-dropdown{
z-index:540!important;
top:100%!important;
margin-top:0!important;
}
.site-header{
z-index:300!important;
}
}
@media (max-width:640px){
.language-dropdown{
right:0!important;
min-width:190px;
max-width:calc(100vw - 18px);
}
.footer-bottom{
min-height:0;
padding:26px 0 142px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
text-align:center;
}
.footer-bottom p{
width:100%;
margin:0;
color:#9db0ba;
font-size:max(11px,calc(var(--frontend-font-size,14px) - 2px));
line-height:1.6;
text-align:center;
}
.footer-powered{
width:100%;
min-height:28px;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:wrap;
gap:8px!important;
text-align:center;
}
.footer-powered>span{
font-size:max(9px,calc(var(--frontend-font-size,14px) - 5px));
line-height:1;
white-space:nowrap;
}
.footer-powered .artukluweb-brand,
.footer-powered .artukluweb-brand-black{
display:inline-flex!important;
align-items:center;
min-width:94px;
transform:scale(.9);
transform-origin:center center;
}
}
/* ERM Logistics v1.1.1 — final mobile footer responsive repair */
@media (max-width:760px){
.site-footer .container.footer-grid{
width:min(100% - 28px,1180px)!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-auto-flow:row!important;
align-items:start!important;
gap:32px!important;
padding:44px 0 30px!important;
}
.site-footer .footer-brand,
.site-footer .footer-column,
.site-footer .footer-contact-column{
grid-column:1 / -1!important;
width:100%!important;
min-width:0!important;
margin:0!important;
}
.site-footer .footer-brand{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
}
.site-footer .footer-brand img{
width:min(230px,72vw)!important;
height:auto!important;
max-height:94px!important;
object-fit:contain!important;
object-position:left center!important;
margin:0 0 14px!important;
}
.site-footer .footer-brand p{
width:100%!important;
max-width:none!important;
margin:0!important;
line-height:1.75!important;
}
.site-footer .social-links{
margin-top:18px!important;
}
.site-footer .footer-column{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:7px!important;
}
.site-footer .footer-column h3{
width:100%!important;
margin:0 0 13px!important;
padding-bottom:13px!important;
}
.site-footer .footer-column>a{
width:100%!important;
display:block!important;
padding:3px 0!important;
line-height:1.55!important;
overflow-wrap:anywhere!important;
}
.site-footer .footer-contact-column{
display:flex!important;
flex-direction:column!important;
}
.site-footer .footer-contact-list{
width:100%!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:10px!important;
}
.site-footer .footer-contact-item{
width:100%!important;
max-width:100%!important;
min-width:0!important;
}
.site-footer .container.footer-bottom{
width:min(100% - 28px,1180px)!important;
min-height:0!important;
padding:20px 58px 22px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
text-align:center!important;
}
.site-footer .footer-bottom p{
width:100%!important;
margin:0!important;
padding:0!important;
text-align:center!important;
line-height:1.55!important;
}
.site-footer .footer-powered{
width:100%!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:8px!important;
margin:0!important;
}
.site-footer .footer-powered .artukluweb-brand,
.site-footer .footer-powered .artukluweb-brand-black{
transform:scale(.9)!important;
transform-origin:center center!important;
}
}
@media (max-width:420px){
.site-footer .container.footer-grid{
width:calc(100% - 24px)!important;
gap:28px!important;
padding-bottom:26px!important;
}
.site-footer .container.footer-bottom{
width:calc(100% - 24px)!important;
padding:18px 50px 20px!important;
}
.site-footer .footer-brand img{
width:min(220px,76vw)!important;
}
}
/* ERM Logistics v1.1.1 — definitive mobile menu stacking repair */
@media (max-width:1180px){
body.menu-open .site-header{
position:relative!important;
z-index:1000!important;
}
body.menu-open .topbar{
z-index:100!important;
pointer-events:none;
}
body.menu-open .language-dropdown{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.mobile-nav{
z-index:1100!important;
}
.mobile-nav-panel{
z-index:1;
}
.mobile-nav-head{
position:relative;
z-index:3;
}
.mobile-nav-inner,
.mobile-nav-foot{
position:relative;
z-index:2;
}
}
/* ERM Logistics v1.1.1 — contact center, branch and representative grid */
.contact-location-column{display:flex;flex-direction:column;gap:28px}
.contact-location-group{background:#fff;border:1px solid var(--border);border-top:4px solid var(--accent);box-shadow:0 18px 55px rgba(0,50,78,.06)}
.contact-location-heading{display:flex;align-items:center;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fff,#f5fafc)}
.contact-location-heading>span{width:42px;height:42px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:calc(11px + var(--frontend-font-size-offset,0px));font-weight:800}
.contact-location-heading small{display:block;color:var(--accent);font-size:calc(9px + var(--frontend-font-size-offset,0px));font-weight:800;letter-spacing:.16em}
.contact-location-heading h2{margin:3px 0 0;font-size:calc(25px + var(--frontend-font-size-offset,0px));line-height:1.2}
.contact-location-list{display:grid;gap:0}
.contact-location-card{padding:0 24px 8px}
.contact-location-card+ .contact-location-card{border-top:1px solid var(--border)}
.contact-location-card h3{margin:20px 0 2px;font-size:calc(16px + var(--frontend-font-size-offset,0px));color:var(--primary)}
.contact-location-lines{display:flex;flex-direction:column}
.contact-location-lines>a,.contact-location-lines>div{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--border)}
.contact-location-lines>a:last-child,.contact-location-lines>div:last-child{border-bottom:0}
.contact-location-lines i{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;background:#eaf5f9;color:var(--primary);font-size:calc(19px + var(--frontend-font-size-offset,0px))}
.contact-location-lines span{display:flex;flex-direction:column;min-width:0}
.contact-location-lines small{font-size:calc(9px + var(--frontend-font-size-offset,0px));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact-location-lines strong{margin-top:3px;font-size:calc(14px + var(--frontend-font-size-offset,0px));font-weight:650;line-height:1.55;overflow-wrap:anywhere}
.contact-representatives-section{margin-top:64px}
.contact-representatives-head{max-width:720px;margin-bottom:28px}
.contact-representatives-head h2{margin:0;font-size:calc(34px + var(--frontend-font-size-offset,0px));line-height:1.2}
.contact-representatives-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-representative-card{min-height:170px;display:flex;align-items:flex-start;gap:17px;padding:24px;background:#fff;border:1px solid var(--border);border-top:3px solid transparent;box-shadow:0 15px 40px rgba(0,50,78,.045);transition:.25s}
.contact-representative-card:hover{transform:translateY(-4px);border-top-color:var(--accent);box-shadow:0 22px 55px rgba(0,50,78,.1)}
.contact-representative-card .rep-avatar{width:54px;height:54px;flex:0 0 54px}
.contact-representative-copy{min-width:0}
.contact-representative-copy h3{margin:0;font-size:calc(16px + var(--frontend-font-size-offset,0px));line-height:1.3}
.contact-representative-copy p{margin:4px 0 12px;color:var(--muted);font-size:calc(12px + var(--frontend-font-size-offset,0px))}
.contact-representative-copy a{display:flex;align-items:flex-start;gap:8px;margin-top:6px;color:var(--primary);font-size:calc(12px + var(--frontend-font-size-offset,0px));overflow-wrap:anywhere}
.contact-representative-copy a i{margin-top:3px;color:var(--accent)}
.contact-page .contact-section{padding-bottom:90px}
@media(max-width:900px){
.contact-representatives-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-representatives-section{margin-top:48px}
}
@media(max-width:640px){
.contact-location-heading{padding:18px}
.contact-location-card{padding:0 18px 6px}
.contact-representatives-grid{grid-template-columns:1fr}
.contact-representative-card{min-height:0;padding:20px}
.contact-representatives-head h2{font-size:calc(28px + var(--frontend-font-size-offset,0px))}
.contact-page .contact-section{padding-bottom:65px}
}
/* ERM Logistics v1.1.1 — balanced contact layout and center-sourced contact data */
@media(min-width:901px){
.contact-page .contact-layout{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:46px;
align-items:start;
}
.contact-page .contact-location-column{
gap:22px;
}
.contact-page .contact-location-heading{
min-height:96px;
}
.contact-page .form-panel{
padding:38px 36px;
}
}
@media(min-width:1181px){
.contact-page .contact-layout{
gap:52px;
}
}
@media(max-width:640px){
.contact-page .contact-layout{
gap:28px;
}
}
/* ERM Logistics v1.1.1 — contact columns aligned from the same top edge */
.contact-page .contact-location-column,
.contact-page .form-panel{align-self:start}
/* ERM Logistics v1.1.1 — premium corporate footer composition */
.site-footer{
background:
radial-gradient(circle at 18% 18%,rgba(37,155,201,.16),transparent 31%),
radial-gradient(circle at 88% 72%,rgba(33,132,174,.13),transparent 34%),
linear-gradient(145deg,#021b2a 0%,#03283c 48%,#021925 100%);
}
.site-footer:after{
content:"";
position:absolute;
z-index:0;
inset:112px 0 0;
pointer-events:none;
background:
linear-gradient(rgba(119,215,246,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(119,215,246,.025) 1px,transparent 1px);
background-size:52px 52px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
}
.site-footer .footer-grid-premium{
position:relative;
z-index:3;
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(180px,.72fr) minmax(230px,1fr) minmax(260px,1.14fr);
gap:18px;
padding:34px;
margin-top:0;
margin-bottom:26px;
border:1px solid rgba(145,221,246,.14);
border-radius:20px;
background:linear-gradient(135deg,rgba(9,48,68,.88),rgba(2,28,42,.9));
box-shadow:0 30px 85px rgba(0,8,14,.34),inset 0 1px 0 rgba(255,255,255,.045);
overflow:hidden;
isolation:isolate;
}
.site-footer .footer-grid-premium:before{
content:"";
position:absolute;
z-index:-1;
left:0;
right:0;
top:0;
height:3px;
background:linear-gradient(90deg,transparent 0%,var(--accent) 18%,#78d9f5 50%,var(--accent) 82%,transparent 100%);
box-shadow:0 0 28px rgba(80,205,241,.45);
}
.site-footer .footer-grid-premium:after{
content:"";
position:absolute;
z-index:-2;
width:520px;
height:520px;
right:-190px;
top:-270px;
border-radius:50%;
background:radial-gradient(circle,rgba(73,190,228,.17),transparent 67%);
}
.site-footer .footer-panel{
position:relative;
min-width:0;
padding:26px 24px;
border:1px solid rgba(255,255,255,.055);
border-radius:14px;
background:linear-gradient(145deg,rgba(255,255,255,.037),rgba(255,255,255,.012));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.site-footer .footer-brand-panel{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
background:linear-gradient(150deg,rgba(44,147,187,.095),rgba(255,255,255,.012) 58%);
}
.site-footer .footer-brand-mark{
display:flex;
align-items:center;
min-height:88px;
margin-bottom:18px;
}
.site-footer .footer-brand-mark img{
width:min(252px,100%);
max-width:252px;
max-height:92px;
margin:0;
object-fit:contain;
object-position:left center;
filter:brightness(0) invert(1) drop-shadow(0 10px 24px rgba(0,0,0,.22));
}
.site-footer .footer-brand p{
max-width:330px;
margin:0;
color:#b9d4df;
font-size:calc(13px + var(--frontend-font-size-offset,0px));
line-height:1.78;
}
.site-footer .footer-brand-rail{
display:flex;
align-items:center;
gap:7px;
width:100%;
margin:22px 0 18px;
}
.site-footer .footer-brand-rail span{display:block;height:2px;border-radius:999px;background:rgba(115,218,247,.3)}
.site-footer .footer-brand-rail span:nth-child(1){width:58px;background:var(--accent);box-shadow:0 0 16px rgba(64,190,230,.45)}
.site-footer .footer-brand-rail span:nth-child(2){width:22px}.site-footer .footer-brand-rail span:nth-child(3){width:9px}
.site-footer .social-links{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.site-footer .social-links a{
width:40px;
height:40px;
display:grid;
place-items:center;
border:1px solid rgba(130,222,249,.17);
border-radius:11px;
background:rgba(105,216,248,.055);
color:#dff7ff;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.site-footer .social-links a:hover{
transform:translateY(-4px);
color:#fff;
border-color:rgba(117,220,248,.52);
background:linear-gradient(135deg,var(--accent),var(--primary));
box-shadow:0 12px 26px rgba(0,103,151,.28);
}
.site-footer .footer-column-heading{
display:flex;
align-items:center;
gap:12px;
margin-bottom:20px;
}
.site-footer .footer-column-heading>span{
width:38px;
height:38px;
display:grid;
place-items:center;
flex:0 0 auto;
border:1px solid rgba(112,218,247,.2);
border-radius:10px;
background:rgba(83,198,232,.08);
color:#79def8;
font-size:calc(16px + var(--frontend-font-size-offset,0px));
}
.site-footer .footer-column-heading h3{
margin:0;
padding:0;
color:#fff;
font-size:calc(14px + var(--frontend-font-size-offset,0px));
font-weight:750;
letter-spacing:.075em;
text-transform:uppercase;
}
.site-footer .footer-column-heading h3:after{display:none}
.site-footer .footer-link-list{display:flex;flex-direction:column;gap:3px}
.site-footer .footer-link-list a{
display:flex;
align-items:flex-start;
gap:7px;
min-width:0;
padding:8px 0;
color:#c2d9e2;
font-size:calc(12px + var(--frontend-font-size-offset,0px));
line-height:1.48;
border-bottom:1px solid rgba(255,255,255,.045);
transition:color .22s ease,transform .22s ease,border-color .22s ease;
}
.site-footer .footer-link-list a:last-child{border-bottom:0}
.site-footer .footer-link-list a i{
margin-top:1px;
color:rgba(111,217,246,.48);
font-size:calc(17px + var(--frontend-font-size-offset,0px));
line-height:1;
transition:color .22s ease,transform .22s ease;
}
.site-footer .footer-link-list a span{min-width:0;overflow-wrap:anywhere}
.site-footer .footer-link-list a:hover{color:#fff;transform:translateX(4px);border-color:rgba(111,217,246,.17)}
.site-footer .footer-link-list a:hover i{color:#80e1fa;transform:translateX(2px)}
.site-footer .footer-contact-list{gap:9px}
.site-footer .footer-contact-item{
position:relative;
min-width:0;
gap:13px!important;
padding:13px 40px 13px 13px!important;
border:1px solid rgba(130,222,249,.1)!important;
border-radius:11px;
background:linear-gradient(135deg,rgba(96,207,238,.07),rgba(255,255,255,.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.site-footer .footer-contact-item:hover{
transform:translateY(-2px);
border-color:rgba(113,219,247,.32)!important;
background:linear-gradient(135deg,rgba(86,203,237,.12),rgba(255,255,255,.035));
box-shadow:0 12px 26px rgba(0,12,20,.18),inset 0 1px 0 rgba(255,255,255,.05);
}
.site-footer .footer-contact-item>i{
width:42px!important;
height:42px!important;
border-radius:10px;
background:linear-gradient(145deg,rgba(72,188,224,.2),rgba(66,181,215,.08))!important;
color:#8be5fb!important;
font-size:calc(16px + var(--frontend-font-size-offset,0px))!important;
box-shadow:inset 0 0 0 1px rgba(124,226,252,.08);
}
.site-footer .footer-contact-item small{font-size:calc(8px + var(--frontend-font-size-offset,0px));color:#75a9ba}
.site-footer .footer-contact-item strong{font-size:calc(11px + var(--frontend-font-size-offset,0px));color:#f1fbff;font-weight:600;line-height:1.45}
.site-footer .footer-contact-item>em{
position:absolute;
right:13px;
top:50%;
transform:translateY(-50%);
color:rgba(126,222,248,.45);
font-style:normal;
font-size:calc(12px + var(--frontend-font-size-offset,0px));
}
.site-footer .footer-bottom-premium{
position:relative;
z-index:3;
display:flex;
align-items:center;
gap:20px;
padding:0 4px 26px;
border-top:0;
color:#8fb2c0;
}
.site-footer .footer-bottom-premium p{margin:0;white-space:nowrap}
.site-footer .footer-bottom-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(126,219,246,.2),rgba(126,219,246,.04))}
.site-footer .footer-powered{display:flex;align-items:center;gap:10px;white-space:nowrap}
.site-footer .footer-powered>span{color:#7196a5;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1180px){
.site-footer .footer-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:760px){
.site-footer .container.footer-grid.footer-grid-premium{
width:calc(100% - 28px)!important;
grid-template-columns:minmax(0,1fr)!important;
gap:14px!important;
padding:16px!important;
margin-bottom:18px!important;
border-radius:16px;
}
.site-footer .footer-panel{padding:23px 20px!important;border-radius:12px}
.site-footer .footer-brand-mark{min-height:72px;margin-bottom:12px}
.site-footer .footer-brand-mark img{width:min(220px,78vw)!important;max-height:78px!important;margin:0!important}
.site-footer .footer-brand p{max-width:none;font-size:calc(12px + var(--frontend-font-size-offset,0px));line-height:1.7!important}
.site-footer .footer-brand-rail{margin:18px 0 15px}
.site-footer .footer-column{gap:0!important}
.site-footer .footer-column-heading{margin-bottom:13px}
.site-footer .footer-column h3{margin:0!important;padding:0!important}
.site-footer .footer-link-list{width:100%}
.site-footer .footer-link-list a{width:100%!important;padding:9px 0!important}
.site-footer .footer-contact-list{width:100%}
.site-footer .footer-contact-item{width:100%!important;max-width:none!important}
.site-footer .container.footer-bottom.footer-bottom-premium{
width:calc(100% - 28px)!important;
padding:0 8px 22px!important;
gap:10px!important;
}
.site-footer .footer-bottom-line{display:none}
.site-footer .footer-bottom-premium p{white-space:normal}
}
@media(max-width:440px){
.site-footer .container.footer-grid.footer-grid-premium{width:calc(100% - 20px)!important;padding:10px!important}
.site-footer .footer-panel{padding:21px 17px!important}
.site-footer .footer-contact-item{padding-right:34px!important}
.site-footer .container.footer-bottom.footer-bottom-premium{width:calc(100% - 20px)!important;padding-left:54px!important;padding-right:54px!important}
}
@media(prefers-reduced-motion:reduce){
.site-footer .social-links a,.site-footer .footer-link-list a,.site-footer .footer-contact-item{transition:none!important}
}
/* ERM Logistics v1.1.1 — premium footer V2: separated road, unified corporate composition */
.site-footer{
padding-top:160px!important;
padding-bottom:24px!important;
background:
radial-gradient(circle at 12% 16%,rgba(45,176,218,.17),transparent 30%),
radial-gradient(circle at 88% 82%,rgba(30,125,169,.15),transparent 36%),
linear-gradient(145deg,#021925 0%,#032a3f 48%,#021721 100%)!important;
}
.site-footer:before{
inset:150px -4% 32px 40%!important;
opacity:.055!important;
background-size:contain!important;
}
.site-footer:after{
inset:146px 0 0!important;
opacity:.72;
}
.site-footer .footer-premium-shell{
position:relative;
z-index:6;
width:min(1240px,calc(100% - 42px));
margin:0 auto;
}
.site-footer .footer-premium-card{
position:relative;
overflow:hidden;
border:1px solid rgba(137,222,248,.16);
border-radius:28px;
background:
linear-gradient(135deg,rgba(10,53,73,.93),rgba(2,28,41,.96)),
rgba(2,30,44,.95);
box-shadow:0 34px 90px rgba(0,8,14,.34),inset 0 1px 0 rgba(255,255,255,.055);
isolation:isolate;
}
.site-footer .footer-premium-card:before{
content:"";
position:absolute;
z-index:-1;
left:0;
right:0;
top:0;
height:4px;
background:linear-gradient(90deg,transparent 0%,rgba(53,187,230,.78) 20%,#78def8 50%,rgba(53,187,230,.78) 80%,transparent 100%);
box-shadow:0 0 30px rgba(75,200,237,.28);
}
.site-footer .footer-premium-card:after{
content:"";
position:absolute;
z-index:-2;
width:700px;
height:700px;
right:-310px;
top:-390px;
border-radius:50%;
background:radial-gradient(circle,rgba(71,191,228,.16),transparent 67%);
}
.site-footer .footer-grid-premium{
position:relative;
z-index:2;
display:grid!important;
grid-template-columns:minmax(0,1.05fr) minmax(430px,1.62fr) minmax(275px,1fr)!important;
align-items:stretch;
gap:0!important;
width:100%!important;
margin:0!important;
padding:42px 42px 32px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.site-footer .footer-grid-premium:before,
.site-footer .footer-grid-premium:after{display:none!important}
.site-footer .footer-brand-panel{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
min-width:0;
padding:4px 38px 4px 0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.site-footer .footer-brand-mark{
min-height:86px;
margin:0 0 20px!important;
}
.site-footer .footer-brand-mark img{
width:min(255px,100%)!important;
max-width:255px!important;
max-height:94px!important;
margin:0!important;
filter:brightness(0) invert(1) drop-shadow(0 12px 25px rgba(0,0,0,.22))!important;
}
.site-footer .footer-brand p{
max-width:330px!important;
margin:0!important;
color:#b9d5df!important;
font-size:calc(13px + var(--frontend-font-size-offset,0px))!important;
line-height:1.78!important;
}
.site-footer .footer-brand-rail{
margin:24px 0 19px!important;
}
.site-footer .footer-nav-cluster{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:32px;
min-width:0;
padding:4px 38px;
border-left:1px solid rgba(137,222,248,.12);
border-right:1px solid rgba(137,222,248,.12);
}
.site-footer .footer-column{
min-width:0;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.site-footer .footer-contact-column{
min-width:0;
padding:4px 0 4px 38px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.site-footer .footer-column-heading{
position:relative;
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 24px!important;
padding-bottom:16px;
}
.site-footer .footer-column-heading:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:48px;
height:2px;
border-radius:99px;
background:linear-gradient(90deg,var(--accent),rgba(112,220,248,.18));
box-shadow:0 0 14px rgba(48,178,220,.28);
}
.site-footer .footer-column-heading>span{
width:40px!important;
height:40px!important;
display:grid!important;
place-items:center!important;
flex:0 0 auto;
border:1px solid rgba(121,222,249,.2)!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(79,199,234,.13),rgba(255,255,255,.025))!important;
color:#84e4fb!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.site-footer .footer-column-heading h3{
margin:0!important;
padding:0!important;
color:#fff!important;
font-size:calc(14px + var(--frontend-font-size-offset,0px))!important;
font-weight:750!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.site-footer .footer-link-list{
display:flex!important;
flex-direction:column!important;
gap:0!important;
}
.site-footer .footer-link-list a{
position:relative;
display:flex!important;
align-items:flex-start!important;
gap:8px!important;
min-width:0;
padding:10px 0!important;
color:#c3dce5!important;
font-size:calc(12px + var(--frontend-font-size-offset,0px))!important;
line-height:1.45!important;
border-bottom:1px solid rgba(255,255,255,.055)!important;
transition:color .22s ease,transform .22s ease,border-color .22s ease!important;
}
.site-footer .footer-link-list a:last-child{border-bottom:0!important}
.site-footer .footer-link-list a i{
margin-top:1px;
color:rgba(111,219,247,.58)!important;
font-size:calc(17px + var(--frontend-font-size-offset,0px))!important;
line-height:1!important;
}
.site-footer .footer-link-list a:hover{
color:#fff!important;
transform:translateX(5px)!important;
border-color:rgba(111,219,247,.2)!important;
}
.site-footer .footer-contact-list{
display:flex!important;
flex-direction:column!important;
gap:11px!important;
}
.site-footer .footer-contact-item{
position:relative;
display:flex!important;
align-items:center!important;
min-width:0!important;
gap:13px!important;
padding:14px 39px 14px 14px!important;
border:1px solid rgba(126,220,248,.12)!important;
border-radius:14px!important;
background:linear-gradient(135deg,rgba(80,198,232,.09),rgba(255,255,255,.018))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.site-footer .footer-contact-item:hover{
transform:translateY(-3px)!important;
border-color:rgba(112,222,249,.34)!important;
background:linear-gradient(135deg,rgba(85,204,237,.14),rgba(255,255,255,.035))!important;
box-shadow:0 14px 28px rgba(0,11,18,.2),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.site-footer .footer-contact-item>i{
width:44px!important;
height:44px!important;
display:grid!important;
place-items:center!important;
flex:0 0 auto!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(67,190,227,.23),rgba(65,177,211,.07))!important;
color:#91e8fc!important;
font-size:calc(16px + var(--frontend-font-size-offset,0px))!important;
box-shadow:inset 0 0 0 1px rgba(126,226,251,.08)!important;
}
.site-footer .footer-contact-item span{display:flex!important;flex-direction:column!important;min-width:0!important}
.site-footer .footer-contact-item small{
color:#79aebe!important;
font-size:calc(8px + var(--frontend-font-size-offset,0px))!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
.site-footer .footer-contact-item strong{
color:#f2fbff!important;
font-size:calc(11px + var(--frontend-font-size-offset,0px))!important;
font-weight:650!important;
line-height:1.45!important;
overflow-wrap:anywhere!important;
}
.site-footer .footer-contact-item>em{
position:absolute!important;
right:14px!important;
top:50%!important;
transform:translateY(-50%)!important;
color:rgba(131,225,249,.48)!important;
font-style:normal!important;
}
.site-footer .footer-bottom-premium{
position:relative;
z-index:2;
display:flex!important;
align-items:center!important;
gap:20px!important;
width:auto!important;
margin:0 42px!important;
padding:20px 0 24px!important;
border-top:1px solid rgba(134,219,246,.11)!important;
color:#8fb3c1!important;
}
.site-footer .footer-bottom-premium p{
margin:0!important;
white-space:nowrap!important;
font-size:calc(11px + var(--frontend-font-size-offset,0px))!important;
}
.site-footer .footer-bottom-line{
display:block!important;
height:1px!important;
flex:1!important;
background:linear-gradient(90deg,rgba(126,219,246,.2),rgba(126,219,246,.035))!important;
}
.site-footer .footer-powered{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
white-space:nowrap!important;
}
.site-footer .footer-powered>span{
color:#7196a5!important;
font-size:calc(9px + var(--frontend-font-size-offset,0px))!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
@media(max-width:1120px){
.site-footer .footer-grid-premium{
grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr)!important;
row-gap:34px!important;
}
.site-footer .footer-brand-panel{padding-right:30px!important}
.site-footer .footer-nav-cluster{padding:4px 0 4px 30px!important;border-right:0!important}
.site-footer .footer-contact-column{
grid-column:1/-1!important;
padding:30px 0 0!important;
border-top:1px solid rgba(137,222,248,.11)!important;
}
.site-footer .footer-contact-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
.site-footer{
padding-top:112px!important;
padding-bottom:14px!important;
}
.site-footer:before{inset:105px -45% 32px -45%!important;background-size:140% auto!important}
.site-footer:after{inset:104px 0 0!important}
.site-footer .footer-premium-shell{width:calc(100% - 24px)!important}
.site-footer .footer-premium-card{border-radius:20px!important}
.site-footer .footer-grid-premium{
grid-template-columns:minmax(0,1fr)!important;
gap:0!important;
padding:27px 22px 18px!important;
}
.site-footer .footer-brand-panel{
padding:0 0 26px!important;
border-bottom:1px solid rgba(137,222,248,.11)!important;
}
.site-footer .footer-brand-mark{min-height:70px!important;margin-bottom:14px!important}
.site-footer .footer-brand-mark img{width:min(225px,72vw)!important;max-height:80px!important}
.site-footer .footer-brand p{max-width:none!important;font-size:calc(12px + var(--frontend-font-size-offset,0px))!important}
.site-footer .footer-nav-cluster{
grid-template-columns:minmax(0,1fr)!important;
gap:28px!important;
padding:28px 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:1px solid rgba(137,222,248,.11)!important;
}
.site-footer .footer-contact-column{
grid-column:auto!important;
padding:28px 0 0!important;
border-top:0!important;
}
.site-footer .footer-contact-list{display:flex!important;grid-template-columns:none!important}
.site-footer .footer-column-heading{margin-bottom:18px!important}
.site-footer .footer-link-list a{padding:10px 0!important}
.site-footer .footer-bottom-premium{
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
margin:0 22px!important;
padding:18px 0 22px!important;
text-align:center!important;
}
.site-footer .footer-bottom-premium p{white-space:normal!important;line-height:1.55!important}
.site-footer .footer-bottom-line{display:none!important}
.site-footer .footer-powered{justify-content:center!important;flex-wrap:wrap!important}
}
@media(max-width:420px){
.site-footer .footer-premium-shell{width:calc(100% - 16px)!important}
.site-footer .footer-grid-premium{padding:23px 17px 15px!important}
.site-footer .footer-bottom-premium{margin:0 17px!important;padding-bottom:20px!important}
.site-footer .footer-contact-item{padding-right:36px!important}
}
@media(prefers-reduced-motion:reduce){
.site-footer .footer-link-list a,
.site-footer .footer-contact-item,
.site-footer .social-links a{transition:none!important}
}
/* ERM Logistics v1.1.1 — News, Team and Testimonials modules */
.home-news-section{background:linear-gradient(180deg,#f7fafc 0%,#eef4f7 100%)}
.home-news-grid,.news-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-news-card,.news-list-card{overflow:hidden;border:1px solid rgba(0,70,114,.12);border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(0,50,75,.08);transition:.28s ease}
.home-news-card:hover,.news-list-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(0,50,75,.14)}
.home-news-image,.news-list-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dfeaf0}
.home-news-image img,.news-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.home-news-card:hover .home-news-image img,.news-list-card:hover .news-list-image img{transform:scale(1.045)}
.home-news-image span,.news-list-image time{position:absolute;left:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(3,38,59,.88);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(8px)}
.home-news-body,.news-list-body{padding:24px}
.home-news-body h3,.news-list-body h2{margin:0 0 12px;font-size:clamp(20px,2vw,27px);line-height:1.25}
.home-news-body h3 a,.news-list-body h2 a{color:var(--text);text-decoration:none}
.home-news-body p,.news-list-body p{margin:0 0 18px;color:var(--muted);line-height:1.75}
.home-news-more,.news-list-body>a{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-weight:700;text-decoration:none}
.home-news-more i,.news-list-body>a i{transition:transform .2s}.home-news-more:hover i,.news-list-body>a:hover i{transform:translate(3px,-3px)}
.home-team-section{position:relative;background:#fff;overflow:hidden}
.home-team-section::before{content:"";position:absolute;inset:auto -10% -40% auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(26,144,194,.12),transparent 68%)}
.home-team-grid,.team-list-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.home-team-card,.team-list-card{overflow:hidden;border:1px solid rgba(0,70,114,.12);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbfc);box-shadow:0 16px 38px rgba(0,50,75,.07);transition:.28s ease}
.home-team-card:hover,.team-list-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,50,75,.13)}
.home-team-photo,.team-list-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e8f0f4}
.home-team-photo img,.team-list-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s ease}
.home-team-card:hover img,.team-list-card:hover img{transform:scale(1.04)}
.home-team-photo>span,.team-list-photo>span{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(0,70,114,.92);color:#fff}
.home-team-body,.team-list-body{padding:20px 20px 22px}
.home-team-body h3,.team-list-body h2{margin:0 0 6px;font-size:22px}.home-team-body h3 a,.team-list-body h2 a{color:var(--text);text-decoration:none}
.home-team-body p,.team-list-body p{margin:0 0 15px;color:var(--muted)}
.team-social-links{display:flex;gap:9px;flex-wrap:wrap}
.team-social-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(0,70,114,.14);border-radius:10px;background:#f4f9fb;color:var(--primary);transition:.2s}
.team-social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.team-social-links.large a{width:44px;height:44px;border-radius:13px}
.section-action.centered{display:flex;justify-content:center;margin-top:32px}
.testimonials-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#03263a,#06496d);color:#fff}
.testimonials-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(66,191,235,.16),transparent 30%),radial-gradient(circle at 84% 78%,rgba(70,168,211,.12),transparent 28%)}
.testimonials-section .container{position:relative;z-index:1}
.testimonials-section .section-label,.testimonials-section h2{color:#fff}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.testimonial-card{position:relative;min-height:270px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.065);box-shadow:0 20px 45px rgba(0,0,0,.14);backdrop-filter:blur(10px)}
.testimonial-quote{position:absolute;right:22px;top:18px;color:rgba(114,213,250,.35);font-size:54px}
.testimonial-stars{display:flex;gap:4px;margin-bottom:18px;color:#ffc34d}
.testimonial-card>p{margin:0 0 24px;color:rgba(255,255,255,.87);font-size:17px;line-height:1.78}
.testimonial-customer{display:flex;align-items:center;gap:12px;margin-top:auto}
.testimonial-customer span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#1a90c2,#51c4ef);color:#fff;font-weight:800}
.testimonial-customer strong{color:#fff}
.news-list-section,.team-list-section{background:#f5f8fa}
.news-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.news-detail-main{padding:26px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(0,55,82,.08)}
.news-detail-cover{position:relative;overflow:hidden;border-radius:17px;margin-bottom:28px}.news-detail-cover img{width:100%;max-height:580px;object-fit:cover}.news-detail-cover time{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(3,38,59,.88);color:#fff}
.news-detail-sidebar{display:flex;flex-direction:column;gap:18px}.news-detail-sidebar .sidebar-box{padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(0,55,82,.06)}
.news-detail-sidebar .sidebar-box h3{margin:0 0 14px}.news-detail-sidebar .sidebar-box a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.news-detail-sidebar .sidebar-box a:last-child{border-bottom:0}
.news-detail-content{font-size:17px;line-height:1.8}
.team-detail-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:34px;align-items:start}
.team-profile-card{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(0,55,82,.09)}
.team-profile-card>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.team-profile-card>div{padding:24px}.team-profile-card h2{margin:0 0 6px}.team-profile-card p{margin:0 0 18px;color:var(--muted)}
.team-detail-content{padding:30px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(0,55,82,.07)}
.team-cv-summary{margin-bottom:26px;padding:22px;border-left:4px solid var(--accent);border-radius:14px;background:#eef7fa}.team-cv-summary span{display:block;margin-bottom:9px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.14em}.team-cv-summary p{margin:0;color:var(--text);line-height:1.75}
@media(max-width:1100px){
.home-team-grid,.team-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-news-grid,.news-list-grid,.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
.news-detail-grid,.team-detail-grid{grid-template-columns:1fr}
.team-profile-card{max-width:520px}
}
@media(max-width:680px){
.home-news-grid,.news-list-grid,.home-team-grid,.team-list-grid,.testimonials-grid{grid-template-columns:1fr}
.home-news-body,.news-list-body{padding:20px}
.testimonial-card{min-height:auto}
}
/* Map hub country priority */
.world-map-premium .map-marker.hub{z-index:8}
.premium-country-chips span.hub-country{border-color:rgba(115,221,248,.48);background:rgba(87,195,226,.14);box-shadow:0 8px 22px rgba(0,25,40,.12)}
/* Dedicated customer testimonials page */
.testimonials-list-page .testimonials-list-section{min-height:420px}
.testimonials-list-page .testimonials-section{padding-top:90px;padding-bottom:100px}
/* Full-image hero refinement: desktop shows the complete uploaded image; narrow screens use cover for legibility. */
@media(max-width:900px){.hero-media>img{object-fit:cover}.hero-media-backdrop{display:none}.hero-overlay{background:rgba(0,27,44,var(--overlay))}}
/* ERM Logistics v1.1.1 — balanced cinematic premium slider
Full-width cover presentation with a controlled desktop height, uniform
darkening, smooth cross-fade, subtle Ken Burns movement and staged content. */
.hero-slider{
isolation:isolate;
background:#05283d;
}
.hero-slide{
z-index:0!important;
opacity:0!important;
visibility:hidden!important;
transform:none!important;
transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),visibility 1.05s linear!important;
will-change:opacity;
}
.hero-slide.active{
z-index:2!important;
opacity:1!important;
visibility:visible!important;
}
.hero-slide.is-leaving{
z-index:1!important;
opacity:0!important;
visibility:visible!important;
}
.hero-media-backdrop{display:none!important}
.hero-media>img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
transform:scale(1.055);
filter:saturate(1.02) contrast(1.035);
transition:transform 8s cubic-bezier(.18,.72,.22,1),filter 1s ease!important;
will-change:transform;
}
.hero-slide.active .hero-media>img{transform:scale(1)}
.hero-slide.is-leaving .hero-media>img{transform:scale(1.022)}
.hero-media:after{
background:
radial-gradient(circle at 74% 42%,transparent 0,rgba(0,19,31,.05) 40%,rgba(0,19,31,.26) 100%),
linear-gradient(180deg,rgba(0,17,29,.10),rgba(0,17,29,.22))!important;
}
.hero-overlay{
background:rgba(0,27,44,var(--overlay))!important;
}
.hero-kicker,.hero-content h1,.hero-content p,.hero-buttons{
opacity:0;
transform:translate3d(0,24px,0);
transition:opacity .72s ease,transform .82s cubic-bezier(.2,.8,.2,1);
}
.hero-slide.active .hero-kicker{opacity:1;transform:none;transition-delay:.18s}
.hero-slide.active .hero-content h1{opacity:1;transform:none;transition-delay:.28s}
.hero-slide.active .hero-content p{opacity:1;transform:none;transition-delay:.40s}
.hero-slide.active .hero-buttons{opacity:1;transform:none;transition-delay:.52s}
.hero-content h1{text-shadow:0 14px 38px rgba(0,13,24,.28)}
.hero-content p{text-shadow:0 6px 20px rgba(0,13,24,.28)}
.hero-arrow{
width:58px!important;
height:58px!important;
border:1px solid rgba(255,255,255,.38)!important;
border-radius:50%;
background:rgba(4,39,59,.42)!important;
box-shadow:0 14px 35px rgba(0,12,22,.22);
backdrop-filter:blur(10px);
transition:background .28s ease,color .28s ease,transform .28s ease,border-color .28s ease!important;
}
.hero-arrow:hover{
background:#fff!important;
color:var(--primary)!important;
border-color:#fff!important;
transform:translateY(-50%) scale(1.06)!important;
}
.hero-arrow.prev{left:30px!important}
.hero-arrow.next{right:30px!important}
.hero-dots{gap:10px!important}
.hero-dots button{
position:relative;
width:58px!important;
overflow:hidden;
border-bottom-color:rgba(255,255,255,.24)!important;
}
.hero-dots button:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:#8edaf3;
transform:scaleX(0);
transform-origin:left center;
}
.hero-dots button.active:after{animation:heroProgress var(--hero-duration,6s) linear forwards}
.hero-slider.is-paused .hero-dots button.active:after{animation-play-state:paused}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width:901px){
.hero-slider{
width:100%!important;
height:clamp(720px,44vw,840px)!important;
min-height:720px!important;
max-height:840px!important;
aspect-ratio:auto!important;
}
.hero-content{
padding-top:0!important;
}
.hero-content h1{
max-width:780px;
font-size:clamp(44px,4.2vw,70px);
}
.hero-content p{
max-width:630px;
margin:20px 0 30px;
}
}
@media (min-width:901px) and (max-width:1180px){
.hero-slider{height:720px!important;min-height:720px!important}
.hero-content h1{font-size:clamp(42px,5vw,60px)}
}
@media (max-width:900px){
.hero-media>img{object-fit:cover!important}
.hero-slide.active .hero-media>img{transform:scale(1.01)}
}
@media (prefers-reduced-motion:reduce){
.hero-slide,.hero-media>img,.hero-kicker,.hero-content h1,.hero-content p,.hero-buttons{transition:none!important;animation:none!important}
.hero-slide.active .hero-media>img{transform:none!important}
.hero-dots button:after{animation:none!important;transform:scaleX(1)}
}
/* ERM Logistics v1.1.1 — proportional mobile/tablet hero height
Desktop keeps the 720–840px corporate hero. On tablets and phones the hero
follows the same wide visual proportion instead of becoming a tall portrait
block. Content is compacted carefully so headings and actions remain usable. */
@media (min-width:641px) and (max-width:900px){
.hero-slider{
width:100%!important;
height:clamp(330px,48vw,420px)!important;
min-height:330px!important;
max-height:420px!important;
aspect-ratio:auto!important;
}
.hero-content{
justify-content:center!important;
padding-top:0!important;
padding-bottom:38px!important;
}
.hero-kicker{
margin-bottom:12px!important;
font-size:calc(10px + var(--frontend-font-size-offset,0px))!important;
letter-spacing:.17em!important;
}
.hero-kicker span{width:38px!important}
.hero-content h1{
max-width:680px!important;
font-size:clamp(32px,5.4vw,46px)!important;
line-height:1.06!important;
}
.hero-content p{
max-width:590px!important;
margin:12px 0 18px!important;
font-size:calc(13px + var(--frontend-font-size-offset,0px))!important;
line-height:1.5!important;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.hero-buttons{gap:9px!important}
.hero-buttons a{
min-height:43px!important;
padding:0 17px!important;
font-size:calc(10px + var(--frontend-font-size-offset,0px))!important;
}
.hero-dots{bottom:14px!important;gap:7px!important}
.hero-dots button{width:42px!important}
}
@media (max-width:640px){
.hero-slider{
width:100%!important;
height:clamp(220px,56vw,260px)!important;
min-height:220px!important;
max-height:260px!important;
aspect-ratio:auto!important;
}
.hero-content{
justify-content:center!important;
align-items:flex-start!important;
padding-top:4px!important;
padding-bottom:30px!important;
}
.text-center .hero-content{align-items:center!important}
.text-right .hero-content{align-items:flex-end!important}
.hero-kicker{
gap:8px!important;
margin-bottom:5px!important;
font-size:calc(8px + var(--frontend-font-size-offset,0px))!important;
letter-spacing:.14em!important;
line-height:1.2!important;
}
.hero-kicker span{width:30px!important;height:1px!important}
.hero-content h1{
width:100%!important;
max-width:96%!important;
font-size:clamp(23px,7.2vw,31px)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
.hero-content p{
display:none!important;
}
.hero-buttons{
width:100%!important;
gap:6px!important;
margin-top:10px!important;
flex-wrap:nowrap!important;
}
.hero-buttons a{
flex:0 1 auto!important;
width:auto!important;
min-height:35px!important;
padding:0 10px!important;
gap:7px!important;
font-size:calc(8px + var(--frontend-font-size-offset,0px))!important;
line-height:1.15!important;
white-space:nowrap!important;
}
.hero-buttons a:first-child{max-width:58%!important}
.hero-buttons a:last-child{max-width:42%!important}
.hero-buttons i{font-size:11px!important}
.hero-dots{
left:14px!important;
right:14px!important;
bottom:7px!important;
transform:none!important;
justify-content:center!important;
gap:5px!important;
}
.hero-dots button{
width:34px!important;
padding-bottom:4px!important;
font-size:9px!important;
}
.hero-dots button span{font-size:9px!important}
.hero-media>img{
object-position:center center!important;
}
}
@media (max-width:380px){
.hero-slider{
height:220px!important;
min-height:220px!important;
}
.hero-content h1{
font-size:23px!important;
-webkit-line-clamp:3;
}
.hero-buttons a{
min-height:33px!important;
padding:0 8px!important;
font-size:8px!important;
}
}
/* ERM Logistics v1.1.1 — mobile hero spot text refinement
Keeps the compact horizontal mobile slider while restoring the spot text. */
@media (max-width:640px){
.hero-slider{
height:clamp(300px,78vw,340px)!important;
min-height:300px!important;
max-height:340px!important;
}
.hero-content{
justify-content:center!important;
padding-top:8px!important;
padding-bottom:42px!important;
}
.hero-content h1{
font-size:clamp(23px,7vw,30px)!important;
line-height:1.04!important;
-webkit-line-clamp:3!important;
}
.hero-content p{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
width:100%!important;
max-width:96%!important;
margin:8px 0 10px!important;
color:#e3eff4!important;
font-size:calc(11px + var(--frontend-font-size-offset,0px))!important;
line-height:1.42!important;
}
.hero-buttons{
margin-top:2px!important;
}
.hero-dots{
bottom:9px!important;
}
}
@media (max-width:380px){
.hero-slider{
height:310px!important;
min-height:310px!important;
max-height:310px!important;
}
.hero-content{
padding-bottom:40px!important;
}
.hero-content p{
font-size:10.5px!important;
-webkit-line-clamp:2!important;
}
}
/* Corporate content layout refinements */
.content-detail-wide{padding-top:86px}.page-rich-text-wide{max-width:none;margin:0 auto;font-size:calc(16px + var(--frontend-font-size-offset,0px));line-height:1.9}.page-rich-text-wide>h2:first-child{margin-top:0}.page-rich-text-wide h2{margin:48px 0 20px;font-size:clamp(30px,3vw,44px)}.page-rich-text-wide ul{padding-left:24px}.page-rich-text-wide li{margin-bottom:9px}
.services-grid{align-items:stretch}.service-card{height:100%;display:flex;flex-direction:column}.service-card .service-image>span,.service-card-body>i,.service-card .card-arrow{display:none!important}.service-card-body{display:flex;flex:1;flex-direction:column;padding:28px 26px}.service-card-body h3{margin:0 0 14px!important}.service-card-body .service-spot{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;min-height:8.5em;margin:0 0 22px}.service-read-more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:700;font-size:calc(12px + var(--frontend-font-size-offset,0px))}.service-read-more i{transition:transform .2s}.service-read-more:hover{color:var(--accent)}.service-read-more:hover i{transform:translateX(5px)}
.service-list-grid{align-items:stretch}.service-list-card{height:100%;display:flex;flex-direction:column}.service-list-image>span,.service-list-content>i{display:none!important}.service-list-content{display:flex;flex:1;flex-direction:column;padding:28px}.service-list-content .service-spot{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;min-height:8.5em;margin:0 0 22px}.service-list-content .service-read-more{margin-top:auto}
.service-detail-top{align-items:start}.service-title-plain{padding-left:0}.service-title-plain:before{display:none}.service-description-wide{width:100%;max-width:none;margin:42px 0 0;padding:38px 42px;background:#fff;border:1px solid var(--border);font-size:calc(16px + var(--frontend-font-size-offset,0px));line-height:1.95}.service-description-wide h2{margin-top:42px;font-size:clamp(28px,3vw,40px)}.service-request-box-wide{margin-top:24px}
@media(max-width:900px){.page-rich-text-wide{max-width:none}.service-description-wide{padding:30px}}
@media(max-width:640px){.content-detail-wide{padding-top:55px}.page-rich-text-wide{font-size:calc(15px + var(--frontend-font-size-offset,0px))}.service-card-body .service-spot,.service-list-content .service-spot{min-height:auto;-webkit-line-clamp:4}.service-description-wide{margin-top:28px;padding:22px 18px}.service-description-wide h2{font-size:30px}.service-request-box-wide{margin-top:18px}}
/* ERM v1.1.1 — authority documents, universal logistics hero and stable lightbox */
.inner-hero{min-height:360px;background:#052b43;isolation:isolate}
.inner-hero-bg{inset:0;background-image:linear-gradient(90deg,rgba(1,35,55,.94) 0%,rgba(2,48,73,.76) 48%,rgba(1,31,49,.46) 100%),url('../images/erm-logistics-page-hero.webp');background-position:center;background-size:cover;opacity:1}
.inner-hero:after{display:none!important}
.inner-hero-content{padding:74px 0;max-width:1180px}
.inner-hero h1{text-shadow:0 8px 30px rgba(0,0,0,.22)}
.inner-hero p{max-width:760px;color:#e2f1f6}
.authority-documents-container,.authority-documents-archive .container-wide{width:min(1460px,calc(100% - 56px))}
.authority-documents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px}
.authority-document-card{border-radius:4px;min-width:0}
.authority-document-image{height:390px;padding:22px}
.authority-document-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:17px 18px;border-top:1px solid #e3ecef;background:#fff}
.authority-document-card>strong,.authority-document-card>span{display:none!important}
.authority-document-meta strong{min-width:0;color:var(--primary);font-size:calc(15px + var(--frontend-font-size-offset,0px));line-height:1.45;overflow-wrap:anywhere}
.authority-document-meta span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;background:var(--primary);color:#fff}
.authority-documents-archive{background:linear-gradient(180deg,#fff,#f2f7f9)}
.erm-lightbox{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.erm-lightbox-dialog{height:min(880px,calc(100dvh - 28px));max-height:calc(100dvh - 28px)}
.erm-lightbox figure{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.erm-lightbox-stage{min-height:0;overflow:hidden}
.erm-lightbox-stage img{max-height:calc(100dvh - 132px)}
.erm-lightbox figcaption{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:64px;max-height:112px;overflow:auto;position:relative;z-index:2;padding:17px 24px;padding-bottom:max(17px,env(safe-area-inset-bottom));word-break:break-word}
@media(max-width:1100px){.authority-documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.authority-document-image{height:350px}}
@media(max-width:760px){.inner-hero{min-height:290px}.inner-hero-content{padding:52px 0}.authority-documents-container,.authority-documents-archive .container-wide{width:min(100% - 28px,1460px)}.authority-documents-grid{grid-template-columns:1fr;gap:18px}.authority-document-image{height:330px}.erm-lightbox-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);grid-template-columns:minmax(0,1fr)}.erm-lightbox-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);background:rgba(2,45,68,.82)}.erm-lightbox-prev{left:8px}.erm-lightbox-next{right:8px}.erm-lightbox-nav:hover{transform:translateY(-50%) scale(1.04)}.erm-lightbox-stage{padding:58px 44px 16px}.erm-lightbox-stage img{max-height:calc(100dvh - 150px)}.erm-lightbox figcaption{min-height:62px;max-height:104px;padding:14px 46px max(14px,env(safe-area-inset-bottom));font-size:calc(14px + var(--frontend-font-size-offset,0px))}}
@media(max-width:420px){.authority-document-image{height:290px}.erm-lightbox-stage{padding-left:38px;padding-right:38px}.erm-lightbox figcaption{padding-left:38px;padding-right:38px}}
/* ERM Logistics v1.1.1 - mobile page, service image and contact grid fixes */
.content-detail-wide .page-rich-text-wide{
opacity:1;
visibility:visible;
transform:none;
}
.service-main{
min-width:0;
}
.contact-representatives-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.contact-representative-card{
display:block;
min-width:0;
min-height:190px;
padding:24px 22px;
}
.contact-representative-copy{
width:100%;
}
.contact-representative-copy h3{
overflow-wrap:anywhere;
}
@media(max-width:1100px){
.contact-representatives-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:768px){
.content-detail-wide{
min-height:0;
}
.content-detail-wide .page-rich-text-wide{
display:block;
opacity:1!important;
visibility:visible!important;
transform:none!important;
}
.service-cover{
width:100%;
height:auto!important;
min-height:0!important;
max-height:none!important;
object-fit:contain!important;
object-position:center;
}
}
@media(max-width:640px){
.contact-representatives-grid{
grid-template-columns:1fr;
}
.contact-representative-card{
min-height:0;
padding:22px 20px;
}
}
/* ERM Logistics v1.1.1 - service detail vertical content order refinement */
.service-detail .service-main{
margin-bottom:0;
}
.service-secondary-blocks{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,420px);
gap:24px;
margin-top:24px;
align-items:start;
}
.service-secondary-card{
min-width:0;
}
.service-secondary-menu .sidebar-box,
.service-secondary-contact .sidebar-contact{
height:100%;
}
.service-secondary-contact .sidebar-contact{
min-height:100%;
justify-content:center;
}
@media(max-width:900px){
.service-secondary-blocks{
grid-template-columns:1fr;
}
}
@media(max-width:640px){
.service-secondary-blocks{
gap:18px;
margin-top:18px;
}
}
/* ERM Logistics v1.1.1 - premium horizontal home news carousel */
.home-news-section{
overflow:hidden;
background:
radial-gradient(circle at 100% 0,rgba(92,192,231,.08),transparent 30%),
linear-gradient(180deg,#f7fafc 0%,#eef4f7 100%);
}
.home-news-heading{
width:100%;
margin-bottom:46px;
}
.home-news-heading>div{
width:100%;
}
.home-news-heading h2{
width:100%;
max-width:1180px;
margin:0;
font-size:clamp(42px,4.35vw,68px);
line-height:1.08;
letter-spacing:-.035em;
text-wrap:balance;
}
.home-news-carousel{
position:relative;
width:100%;
padding:0 72px;
}
.home-news-viewport{
width:100%;
overflow:hidden;
}
.home-news-track{
--home-news-gap:28px;
display:flex;
align-items:stretch;
gap:var(--home-news-gap);
transition:transform .48s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}
.home-news-track.no-transition{
transition:none;
}
.home-news-card{
flex:0 0 calc((100% - var(--home-news-gap))/2);
min-width:0;
min-height:320px;
display:grid;
grid-template-columns:minmax(0,44%) minmax(0,56%);
overflow:hidden;
border:1px solid rgba(0,70,114,.13);
border-radius:20px;
background:#fff;
box-shadow:0 20px 54px rgba(0,50,75,.09);
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.home-news-card:only-child{
flex-basis:100%;
grid-template-columns:minmax(320px,42%) minmax(0,58%);
}
.home-news-card:hover{
transform:translateY(-6px);
border-color:rgba(0,101,154,.26);
box-shadow:0 28px 68px rgba(0,50,75,.14);
}
.home-news-image{
position:relative;
display:block;
width:100%;
height:100%;
min-height:320px;
overflow:hidden;
background:#dfeaf0;
}
.home-news-image:before{
content:"";
display:block;
padding-top:100%;
}
.home-news-image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .48s ease;
}
.home-news-card:hover .home-news-image img{
transform:scale(1.045);
}
.home-news-body{
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
padding:34px 32px;
}
.home-news-body time{
width:max-content;
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 17px;
padding:8px 12px;
border:1px solid rgba(0,89,137,.13);
border-radius:999px;
background:#eef7fb;
color:var(--primary);
font-size:calc(10px + var(--frontend-font-size-offset,0px));
font-weight:700;
letter-spacing:.04em;
}
.home-news-body time i{
color:var(--accent);
}
.home-news-body h3{
min-height:0;
margin:0 0 16px;
font-size:clamp(20px,1.7vw,29px);
line-height:1.25;
letter-spacing:-.018em;
}
.home-news-body h3 a{
color:var(--text);
}
.home-news-body p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
overflow:hidden;
margin:0 0 24px;
color:var(--muted);
font-size:calc(13px + var(--frontend-font-size-offset,0px));
line-height:1.75;
}
.home-news-more{
width:max-content;
min-height:45px;
margin-top:auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:0 18px;
border:1px solid var(--primary);
background:transparent;
color:var(--primary);
font-size:calc(11px + var(--frontend-font-size-offset,0px));
font-weight:700;
transition:.24s ease;
}
.home-news-more:hover{
background:var(--primary);
color:#fff;
}
.home-news-more i{
transition:transform .22s ease;
}
.home-news-more:hover i{
transform:translate(3px,-3px);
}
.home-news-nav{
position:absolute;
z-index:3;
top:50%;
width:50px;
height:50px;
display:grid;
place-items:center;
transform:translateY(-50%);
border:1px solid rgba(0,70,114,.18);
border-radius:50%;
background:rgba(255,255,255,.96);
color:var(--primary);
box-shadow:0 14px 35px rgba(0,50,75,.12);
transition:.22s ease;
}
.home-news-nav:hover:not(:disabled){
background:var(--primary);
color:#fff;
border-color:var(--primary);
transform:translateY(-50%) scale(1.06);
}
.home-news-nav:disabled{
opacity:.34;
cursor:not-allowed;
}
.home-news-prev{left:5px}
.home-news-next{right:5px}
.home-news-footer{
display:flex;
justify-content:center;
margin-top:40px;
}
.home-news-view-all{
min-width:210px;
min-height:56px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
padding:0 28px;
border:1px solid var(--primary);
background:var(--primary);
color:#fff;
font-weight:700;
letter-spacing:.02em;
box-shadow:0 15px 36px rgba(0,55,85,.16);
transition:.24s ease;
}
.home-news-view-all:hover{
background:var(--accent);
border-color:var(--accent);
transform:translateY(-3px);
}
.home-news-view-all i{
transition:transform .22s ease;
}
.home-news-view-all:hover i{
transform:translateX(4px);
}
@media(max-width:1180px){
.home-news-heading h2{
max-width:960px;
}
.home-news-carousel{
padding:0 60px;
}
.home-news-track{
--home-news-gap:22px;
}
.home-news-card{
grid-template-columns:minmax(0,42%) minmax(0,58%);
}
.home-news-body{
padding:28px 24px;
}
.home-news-body p{
-webkit-line-clamp:3;
}
}
@media(max-width:980px){
.home-news-heading{
margin-bottom:36px;
}
.home-news-heading h2{
max-width:800px;
font-size:clamp(38px,6vw,58px);
}
.home-news-card{
flex-basis:100%;
grid-template-columns:minmax(280px,42%) minmax(0,58%);
}
.home-news-body p{
-webkit-line-clamp:4;
}
}
@media(max-width:700px){
.home-news-carousel{
padding:0 44px;
}
.home-news-card,
.home-news-card:only-child{
min-height:0;
grid-template-columns:1fr;
}
.home-news-image{
min-height:0;
height:auto;
}
.home-news-body{
padding:25px 22px 27px;
}
.home-news-body h3{
font-size:clamp(22px,6vw,29px);
}
.home-news-nav{
width:38px;
height:38px;
}
.home-news-prev{left:0}
.home-news-next{right:0}
}
@media(max-width:480px){
.home-news-heading h2{
font-size:clamp(34px,10vw,44px);
}
.home-news-carousel{
padding:0 34px;
}
.home-news-body p{
-webkit-line-clamp:5;
}
.home-news-footer{
margin-top:28px;
}
.home-news-view-all{
width:100%;
}
}
/* ERM Logistics v1.1.1 - compact two-column home news cards */
.home-news-heading h2{
max-width:1360px;
font-size:clamp(42px,4.1vw,66px);
}
.home-news-carousel{
padding-left:62px;
padding-right:62px;
}
.home-news-track.is-single{
justify-content:center;
}
.home-news-card,
.home-news-card:only-child{
flex:0 0 calc((100% - var(--home-news-gap))/2);
min-height:0;
grid-template-columns:minmax(0,42%) minmax(0,58%);
}
.home-news-image{
min-height:0;
height:auto;
aspect-ratio:1/1;
align-self:center;
}
.home-news-image:before{
display:none;
padding-top:0;
}
.home-news-body{
justify-content:flex-start;
padding:26px 24px;
}
.home-news-body time{
margin-bottom:13px;
padding:7px 10px;
}
.home-news-body h3{
margin-bottom:12px;
font-size:clamp(19px,1.45vw,25px);
line-height:1.28;
}
.home-news-body p{
-webkit-line-clamp:3;
margin-bottom:18px;
font-size:calc(12px + var(--frontend-font-size-offset,0px));
line-height:1.65;
}
.home-news-more{
min-height:42px;
padding:0 16px;
}
@media(max-width:1180px){
.home-news-heading h2{
max-width:1120px;
}
.home-news-carousel{
padding-left:54px;
padding-right:54px;
}
.home-news-card,
.home-news-card:only-child{
grid-template-columns:minmax(0,40%) minmax(0,60%);
}
.home-news-body{
padding:22px 20px;
}
.home-news-body p{
-webkit-line-clamp:2;
}
}
@media(max-width:980px){
.home-news-track.is-single{
justify-content:flex-start;
}
.home-news-card,
.home-news-card:only-child{
flex-basis:100%;
grid-template-columns:minmax(260px,40%) minmax(0,60%);
}
.home-news-body p{
-webkit-line-clamp:4;
}
}
@media(max-width:700px){
.home-news-card,
.home-news-card:only-child{
grid-template-columns:1fr;
}
.home-news-image{
width:100%;
aspect-ratio:1/1;
}
}
/* ERM Logistics v1.1.1 - home news heading width and latest-first refinements */
.home-news-heading h2{
width:min(100%,1380px);
max-width:none;
font-size:clamp(38px,3.75vw,60px);
line-height:1.1;
letter-spacing:-.03em;
text-wrap:normal;
}
@media(max-width:1400px){
.home-news-heading h2{
width:min(100%,1240px);
font-size:clamp(36px,3.55vw,56px);
}
}
@media(max-width:980px){
.home-news-heading h2{
width:100%;
font-size:clamp(34px,5.2vw,50px);
text-wrap:pretty;
}
}
@media(max-width:640px){
.home-news-heading h2{
font-size:clamp(30px,8vw,42px);
}
}
/* ERM Logistics v1.1.1 - center and expand home news heading */
.home-news-heading{
text-align:center;
}
.home-news-heading>div{
width:100%;
}
.home-news-heading .section-label{
justify-content:flex-start;
text-align:left;
}
.home-news-heading h2{
width:100%;
max-width:none;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:clamp(38px,3.35vw,56px);
line-height:1.12;
letter-spacing:-.03em;
text-wrap:balance;
}
@media(max-width:980px){
.home-news-heading h2{
font-size:clamp(34px,5.1vw,48px);
}
}
@media(max-width:640px){
.home-news-heading{
text-align:left;
}
.home-news-heading h2{
text-align:left;
font-size:clamp(30px,8vw,40px);
}
}
/* ERM Logistics v1.1.1 - final home news heading layout like WHY ERM section */
.home-news-heading{
text-align:center !important;
margin-bottom:42px;
}
.home-news-heading > div{
width:100%;
max-width:none;
}
.home-news-heading .section-label{
justify-content:center !important;
text-align:center;
margin-bottom:18px;
}
.home-news-heading h2{
width:min(100%,1020px) !important;
max-width:1020px !important;
margin:0 auto !important;
text-align:center !important;
font-size:clamp(36px,3.45vw,58px) !important;
line-height:1.12 !important;
letter-spacing:-.03em !important;
text-wrap:balance;
}
@media(max-width:1200px){
.home-news-heading h2{
width:min(100%,940px) !important;
max-width:940px !important;
font-size:clamp(34px,3.85vw,52px) !important;
}
}
@media(max-width:980px){
.home-news-heading{
text-align:left !important;
}
.home-news-heading .section-label{
justify-content:flex-start !important;
text-align:left;
}
.home-news-heading h2{
width:100% !important;
max-width:none !important;
text-align:left !important;
font-size:clamp(34px,5vw,48px) !important;
text-wrap:pretty;
}
}
@media(max-width:640px){
.home-news-heading h2{
font-size:clamp(30px,7.8vw,40px) !important;
}
}
/* ERM Logistics v1.1.1 - customer testimonial submission and approval UI */
.testimonials-list-section{
background:linear-gradient(180deg,#f5f9fb 0%,#eef4f7 100%);
}
.testimonials-page-actions{
display:flex;
align-items:center;
justify-content:space-between;
gap:32px;
margin-bottom:38px;
padding:28px 30px;
background:rgba(255,255,255,.72);
border:1px solid var(--border);
}
.testimonials-page-actions .section-label{
margin-bottom:8px;
}
.testimonials-page-actions h2{
margin:0;
font-size:clamp(26px,3vw,40px);
line-height:1.2;
}
.testimonials-empty-state{
display:flex;
min-height:230px;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
padding:48px 24px;
background:transparent;
border:1px dashed rgba(0,78,116,.22);
color:var(--muted);
}
.testimonials-empty-state>i{
font-size:42px;
color:var(--accent);
}
.testimonials-empty-state strong{
color:var(--text);
font-size:20px;
}
.testimonials-empty-state p{
max-width:580px;
margin:0;
text-align:center;
}
.testimonials-submit-area{
display:flex;
justify-content:center;
margin-top:36px;
}
.testimonial-open-button{
min-height:54px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:0 24px;
border:1px solid var(--primary);
background:var(--primary);
color:#fff;
font-weight:700;
letter-spacing:.02em;
box-shadow:0 16px 34px rgba(0,65,98,.16);
transition:.25s ease;
}
.testimonial-open-button:hover{
background:var(--accent);
border-color:var(--accent);
transform:translateY(-2px);
}
.testimonial-open-button i{
font-size:19px;
}
body.testimonial-modal-open{
overflow:hidden;
}
.testimonial-modal{
position:fixed;
inset:0;
z-index:180;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
opacity:0;
visibility:hidden;
transition:opacity .24s ease,visibility .24s ease;
}
.testimonial-modal.open{
opacity:1;
visibility:visible;
}
.testimonial-modal-backdrop{
position:absolute;
inset:0;
background:rgba(1,25,40,.76);
backdrop-filter:blur(7px);
}
.testimonial-modal-dialog{
position:relative;
z-index:1;
width:min(760px,100%);
max-height:calc(100dvh - 48px);
overflow:auto;
padding:38px;
background:#fff;
border-top:5px solid var(--accent);
box-shadow:0 34px 100px rgba(0,25,40,.36);
transform:translateY(18px) scale(.985);
transition:transform .24s ease;
}
.testimonial-modal.open .testimonial-modal-dialog{
transform:none;
}
.testimonial-modal-close{
position:absolute;
top:16px;
right:16px;
width:42px;
height:42px;
display:grid;
place-items:center;
border:1px solid var(--border);
background:#fff;
color:var(--primary);
z-index:2;
}
.testimonial-modal-close:hover{
background:var(--primary);
color:#fff;
}
.testimonial-modal-intro{
display:flex;
align-items:flex-start;
gap:18px;
padding-right:52px;
margin-bottom:28px;
}
.testimonial-modal-icon{
width:62px;
height:62px;
flex:0 0 auto;
display:grid;
place-items:center;
background:#e9f5fa;
color:var(--primary);
font-size:27px;
}
.testimonial-modal-kicker{
display:block;
color:var(--accent);
font-size:11px;
font-weight:800;
letter-spacing:.18em;
}
.testimonial-modal-intro h2{
margin:5px 0 7px;
font-size:clamp(27px,3.2vw,38px);
line-height:1.15;
}
.testimonial-modal-intro p{
margin:0;
color:var(--muted);
}
.testimonial-submit-form{
gap:16px;
}
.testimonial-rating-field{
margin:0;
padding:0;
border:0;
}
.testimonial-rating-field legend{
margin-bottom:7px;
color:#465861;
font-size:10px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
.testimonial-rating-options{
width:max-content;
display:flex;
flex-direction:row-reverse;
justify-content:flex-end;
gap:5px;
}
.testimonial-rating-options input{
position:absolute;
opacity:0;
pointer-events:none;
}
.testimonial-rating-options label{
display:block;
color:#cfd9de;
cursor:pointer;
font-size:29px;
line-height:1;
transition:.18s ease;
}
.testimonial-rating-options label:hover,
.testimonial-rating-options label:hover~label,
.testimonial-rating-options input:checked~label{
color:#f4b942;
transform:translateY(-1px);
}
.testimonial-submit-form textarea{
resize:vertical;
}
@media(max-width:760px){
.testimonials-page-actions{
align-items:flex-start;
flex-direction:column;
padding:24px 20px;
}
.testimonial-open-button{
width:100%;
}
.testimonial-modal{
align-items:flex-end;
padding:0;
}
.testimonial-modal-dialog{
width:100%;
max-height:92dvh;
padding:30px 20px max(24px,env(safe-area-inset-bottom));
}
.testimonial-modal-intro{
padding-right:38px;
}
.testimonial-modal-icon{
width:50px;
height:50px;
font-size:22px;
}
}
/* ERM Logistics v1.1.1 - testimonials page action text contrast fix */
.testimonials-list-page .testimonials-page-actions .section-label{
color:var(--primary) !important;
}
.testimonials-list-page .testimonials-page-actions h2{
color:var(--text) !important;
}
/* ERM Logistics v1.1.1 - testimonials page readability and default profile image */
.testimonial-customer img{
width:44px;
height:44px;
flex:0 0 44px;
object-fit:cover;
border-radius:14px;
display:block;
box-shadow:0 8px 20px rgba(0,73,110,.16);
}
.testimonials-list-page .testimonials-list-section{
color:var(--text);
}
.testimonials-list-page .testimonial-card{
display:flex;
flex-direction:column;
min-height:310px;
background:#fff;
border:1px solid rgba(0,78,116,.13);
box-shadow:0 20px 48px rgba(0,50,75,.10);
backdrop-filter:none;
}
.testimonials-list-page .testimonial-card>p{
color:#53636d !important;
font-size:16px;
line-height:1.82;
}
.testimonials-list-page .testimonial-customer strong{
color:var(--text) !important;
}
.testimonials-list-page .testimonial-quote{
color:rgba(26,144,194,.18);
}
.testimonials-list-page .testimonial-stars{
color:#f6b83f;
}
@media(max-width:640px){
.testimonials-list-page .testimonial-card{
min-height:0;
}
}
/* ERM Logistics v1.1.1 - testimonial optional email and CAPTCHA feedback */
.flash-stack{
z-index:240;
}
.field-optional{
margin-left:6px;
color:var(--muted);
font-size:.86em;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
.testimonial-form-feedback{
display:flex;
align-items:flex-start;
gap:11px;
margin:0 0 22px;
padding:14px 16px;
border:1px solid #efb5b5;
border-left:4px solid #cf4141;
background:#fff2f2;
color:#8f2929;
font-size:calc(12px + var(--frontend-font-size-offset,0px));
font-weight:600;
line-height:1.55;
}
.testimonial-form-feedback i{
flex:0 0 auto;
margin-top:2px;
color:#cf4141;
}
.testimonial-submit-form .captcha-field.has-error input[name="captcha"]{
border-color:#cf4141;
background:#fff5f5;
box-shadow:0 0 0 3px rgba(207,65,65,.10);
}
.testimonial-email-empty{
display:inline-flex;
margin-top:3px;
color:#8d887f;
font-size:12px;
}
/* ERM Logistics v1.1.1 - three-column home testimonials carousel */
.home-testimonials-carousel{
position:relative;
width:100%;
padding:0 58px;
}
.home-testimonials-viewport{
width:100%;
overflow:hidden;
}
.home-testimonials-track{
--home-testimonials-gap:22px;
display:flex;
align-items:stretch;
gap:var(--home-testimonials-gap);
transition:transform .48s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}
.home-testimonials-track.no-transition{
transition:none!important;
}
.home-testimonial-card{
flex:0 0 calc((100% - (var(--home-testimonials-gap) * 2))/3);
display:flex;
flex-direction:column;
min-width:0;
height:auto;
}
.home-testimonial-card>p{
flex:1 1 auto;
}
.home-testimonials-nav{
position:absolute;
z-index:4;
top:50%;
width:46px;
height:46px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.22);
border-radius:50%;
background:rgba(255,255,255,.08);
color:#fff;
transform:translateY(-50%);
box-shadow:0 16px 36px rgba(0,0,0,.16);
backdrop-filter:blur(8px);
transition:.22s ease;
}
.home-testimonials-nav:hover:not(:disabled){
background:#fff;
color:var(--primary);
transform:translateY(-50%) scale(1.05);
}
.home-testimonials-nav:disabled{
opacity:.3;
cursor:not-allowed;
}
.home-testimonials-nav[hidden]{
display:none!important;
}
.home-testimonials-prev{left:0}
.home-testimonials-next{right:0}
@media(max-width:1100px){
.home-testimonials-carousel{
padding:0 54px;
}
.home-testimonial-card{
flex-basis:calc((100% - var(--home-testimonials-gap))/2);
}
}
@media(max-width:680px){
.home-testimonials-carousel{
padding:0 40px;
}
.home-testimonials-track{
--home-testimonials-gap:16px;
}
.home-testimonial-card{
flex-basis:100%;
}
.home-testimonials-nav{
width:38px;
height:38px;
}
.home-testimonials-prev{left:-2px}
.home-testimonials-next{right:-2px}
}
/* ERM Logistics v1.1.1 - mobile home news and testimonials desktop-like layout */
@media(max-width:700px){
.home-news-section{
padding-top:58px;
padding-bottom:58px;
}
.home-news-section .container-wide{
width:min(100% - 20px,1420px);
}
.home-news-heading{
margin-bottom:28px!important;
text-align:center!important;
}
.home-news-heading .section-label{
justify-content:center!important;
text-align:center!important;
margin-bottom:14px;
}
.home-news-heading h2{
width:min(100%,560px)!important;
max-width:560px!important;
margin:0 auto!important;
text-align:center!important;
font-size:clamp(28px,8.3vw,36px)!important;
line-height:1.14!important;
text-wrap:balance!important;
}
.home-news-carousel{
padding:0 18px!important;
}
.home-news-track{
--home-news-gap:14px;
align-items:flex-start;
}
.home-news-card,
.home-news-card:only-child{
flex:0 0 100%!important;
min-height:0!important;
display:grid!important;
grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
align-items:center;
border-radius:16px;
overflow:hidden;
}
.home-news-image{
width:100%!important;
height:auto!important;
min-height:0!important;
aspect-ratio:1/1!important;
align-self:center!important;
}
.home-news-image img{
object-fit:cover;
}
.home-news-body{
min-width:0;
justify-content:center!important;
padding:14px 13px 14px 14px!important;
}
.home-news-body time{
gap:5px;
margin-bottom:9px!important;
padding:5px 8px!important;
font-size:9px!important;
letter-spacing:0;
}
.home-news-body h3{
margin-bottom:8px!important;
font-size:clamp(15px,4.35vw,18px)!important;
line-height:1.25!important;
}
.home-news-body p{
-webkit-line-clamp:3!important;
margin-bottom:12px!important;
font-size:11.5px!important;
line-height:1.48!important;
}
.home-news-more{
min-height:36px!important;
margin-top:0;
padding:0 11px!important;
gap:7px;
font-size:10px!important;
}
.home-news-nav{
width:34px!important;
height:34px!important;
top:50%;
}
.home-news-prev{left:0!important}
.home-news-next{right:0!important}
.home-news-footer{
margin-top:26px!important;
}
.home-news-view-all{
width:auto!important;
min-width:180px!important;
min-height:50px;
padding:0 22px;
}
}
@media(max-width:380px){
.home-news-card,
.home-news-card:only-child{
grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
}
.home-news-body{
padding:11px 10px!important;
}
.home-news-body time{
margin-bottom:7px!important;
}
.home-news-body h3{
font-size:14.5px!important;
}
.home-news-body p{
-webkit-line-clamp:2!important;
font-size:10.8px!important;
margin-bottom:9px!important;
}
.home-news-more{
min-height:33px!important;
padding:0 9px!important;
}
}
@media(max-width:680px){
.testimonials-section{
padding-top:58px;
padding-bottom:58px;
}
.testimonials-section .container{
width:min(100% - 24px,1180px);
}
.testimonials-section .section-title{
margin-bottom:30px;
}
.testimonials-section .section-label{
justify-content:center;
font-size:10px;
}
.testimonials-section .section-title h2{
max-width:520px;
margin:0 auto;
text-align:center;
font-size:clamp(28px,8.2vw,36px);
line-height:1.16;
}
.home-testimonials-carousel{
padding:0 18px!important;
}
.home-testimonials-viewport{
transition:height .32s ease;
}
.home-testimonials-track{
--home-testimonials-gap:14px!important;
align-items:flex-start!important;
}
.home-testimonial-card{
flex:0 0 100%!important;
min-height:0!important;
height:auto!important;
padding:22px 20px!important;
border-radius:17px!important;
}
.home-testimonial-card>p{
flex:0 0 auto!important;
margin:0 0 20px!important;
font-size:14px!important;
line-height:1.62!important;
}
.home-testimonial-card .testimonial-stars{
margin-bottom:14px;
}
.home-testimonial-card .testimonial-quote{
top:14px;
right:16px;
font-size:46px;
}
.home-testimonial-card .testimonial-customer{
margin-top:0!important;
}
.home-testimonial-card .testimonial-customer img{
width:42px;
height:42px;
border-radius:12px;
}
.home-testimonial-card .testimonial-customer strong{
font-size:13px;
}
.home-testimonials-nav{
width:34px!important;
height:34px!important;
top:50%;
}
.home-testimonials-prev{left:0!important}
.home-testimonials-next{right:0!important}
.testimonials-submit-area{
margin-top:28px;
}
}
/* ERM Logistics v1.1.1 - desktop testimonial card spacing and CTA separation */
@media(min-width:681px){
.home-testimonials-track{
align-items:flex-start;
}
.home-testimonial-card{
min-height:0;
height:auto;
}
.home-testimonial-card>p{
flex:0 0 auto;
margin-bottom:20px;
}
.home-testimonial-card .testimonial-customer{
margin-top:0;
}
.testimonials-section{
padding-bottom:92px;
}
.cta-section{
padding-top:64px;
}
}
@media(max-width:680px){
.cta-section{
padding-top:42px;
}
}