.tl-road{background:#fff;padding:clamp(20px,4vw,54px) 0 clamp(44px,6vw,85px);font-family:inherit}.tl-road *,.tl-road *:before,.tl-road *:after{box-sizing:border-box}.tl-road__frame{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:14px;overflow:hidden;background:#253c53;min-height:540px;box-shadow:0 18px 40px #1c2c3d1a}.tl-road__copy{padding:clamp(32px,4.2vw,68px);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.tl-road__copy:before{content:"";position:absolute;top:0;left:0;width:78px;height:6px;background:#ffcf00}.tl-road__overline{color:#ffcf00;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.5}.tl-road__heading{color:#fff!important;font-size:clamp(30px,3.35vw,52px);line-height:1.18;letter-spacing:.012em;max-width:560px;font-weight:800;margin:18px 0 21px}.tl-road__intro{color:#e0e9ef;font-size:clamp(15px,1.4vw,18px);line-height:1.65;max-width:520px;margin:0 0 21px}.tl-road__routes{width:100%;max-width:510px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);margin:2px 0 26px}.tl-road__routes a{color:#f6f7f8;text-decoration:none;display:flex;flex-direction:column;gap:7px;padding:18px 10px 16px;position:relative;min-width:0;font-size:clamp(12px,1.1vw,15px);font-weight:750}.tl-road__routes a:not(:last-child){border-right:1px solid rgba(255,255,255,.18)}.tl-road__routes a:hover,.tl-road__routes a:focus-visible{background:#ffffff1f;text-decoration:none;color:#fff}.tl-road__route-no{color:#ffcf00;font-size:11px;letter-spacing:.1em}.tl-road__route-arrow{color:#ffcf00;position:absolute;right:10px;top:13px;font-size:16px;line-height:1}.tl-road__button{background:#ffcf00;color:#172b3f!important;display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:15px 24px;text-decoration:none;border-radius:5px;font-size:14px;letter-spacing:.045em;font-weight:800;line-height:1.35}.tl-road__button:hover,.tl-road__button:focus-visible{background:#f5c100;color:#172b3f!important;text-decoration:none}.tl-road__button span{font-size:21px;line-height:.8}.tl-road__visual{background:#f7f7f3;position:relative;min-width:0;min-height:485px;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:72px 16px 56px}.tl-road__visual:before{content:"";position:absolute;z-index:-1;left:-23%;top:16%;width:145%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(37,60,83,.1);box-shadow:0 0 0 50px #253c5306,0 0 0 100px #253c5306}.tl-road__visual:after{content:"";position:absolute;top:0;right:0;width:90px;height:8px;background:#ffcf00}.tl-road__gridlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;background-image:linear-gradient(to right,rgba(33,57,78,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(33,57,78,.045) 1px,transparent 1px);background-size:42px 42px}.tl-road__image{width:100%;max-width:660px;height:auto;max-height:485px;object-fit:contain;display:block;mix-blend-mode:multiply;position:relative;z-index:1;filter:drop-shadow(0 14px 13px rgba(25,42,59,.08))}.tl-road__visual-header{position:absolute;top:23px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#566779;font-size:10px;font-weight:800;letter-spacing:.11em;gap:10px}.tl-road__visual-header span:last-child{margin-left:auto}.tl-road__visual-dot{height:7px;width:7px;border-radius:50%;background:#ffcf00;display:inline-block;flex:none}.tl-road__visual-footer{position:absolute;bottom:17px;left:27px;right:27px;display:flex;align-items:center;gap:12px;color:#41566a;font-size:10px;font-weight:750;letter-spacing:.06em;white-space:nowrap}.tl-road__visual-bar{height:1px;background:#98a4ae;flex:1;min-width:8px}@media(max-width:900px){.tl-road__frame{grid-template-columns:1fr}.tl-road__copy{padding:clamp(28px,6vw,50px)}.tl-road__visual{min-height:350px;padding:55px 20px 52px}.tl-road__image{max-width:590px;max-height:470px}.tl-road__intro,.tl-road__heading{max-width:740px}}@media(max-width:510px){.tl-road__heading{font-size:clamp(30px,7.5vw,42px);line-height:1.19}.tl-road__routes a{padding:16px 6px 14px;font-size:12px}.tl-road__route-arrow{right:4px}.tl-road__visual{min-height:300px}.tl-road__visual-header,.tl-road__visual-footer{left:16px;right:16px;font-size:9px}.tl-road__visual-footer{gap:6px;letter-spacing:0}.tl-road__image{max-height:350px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/trucklink-road-ready.css.map */