/* Keeps actual app screenshots completely within the homepage hero. */
.tw-home .hero-phones{overflow:hidden}
.tw-home .phone{bottom:-55px}
.tw-home .p-owner{left:22%!important;top:50px!important;bottom:auto!important;width:auto!important;height:400px!important;max-height:400px!important;object-fit:cover;object-position:top;transform:none!important}
.tw-home .p-driver{right:0;top:88px;bottom:auto;height:400px;width:auto;transform:none}
@media(max-width:760px){.tw-home .p-owner{left:8%!important;top:40px!important;width:auto!important;height:315px!important;max-height:315px!important}.tw-home .p-driver{right:5%;top:125px;width:auto;height:280px}}
.tw-home .network-map{height:290px;padding:25px;border:1px solid #ffffff35;border-radius:22px;background:#ffffff0d;display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:repeat(3,1fr);gap:17px;align-items:center;position:relative}.tw-home .network-map:before{content:"";position:absolute;left:19%;right:19%;top:50%;border-top:1px dashed #ffffff70}.tw-home .network-map b{position:relative;z-index:1;min-width:122px;justify-self:center;padding:10px 14px;border-radius:9px;background:#ffffff14;border:1px solid #ffffff50;color:#fff;font-size:11px;letter-spacing:.6px}.tw-home .network-map b:nth-of-type(1){grid-column:1;grid-row:1}.tw-home .network-map b:nth-of-type(2){grid-column:3;grid-row:1}.tw-home .network-map b:nth-of-type(3){grid-column:1;grid-row:2}.tw-home .network-map b:nth-of-type(4){grid-column:3;grid-row:2}.tw-home .network-map b:nth-of-type(5){grid-column:1;grid-row:3}.tw-home .network-map b:nth-of-type(6){grid-column:3;grid-row:3}.tw-home .network-map strong{position:relative;z-index:2;grid-column:2;grid-row:1/4;width:124px;height:124px;background:#fff;color:#5f41c4;border-radius:50%;box-shadow:0 0 0 13px #ffffff18;font:800 19px/1 Outfit,sans-serif}@media(max-width:760px){.tw-home .network-map{height:260px;padding:16px;gap:10px}.tw-home .network-map b{min-width:84px;padding:7px;font-size:9px}.tw-home .network-map strong{width:96px;height:96px;font-size:16px}}
.tools-menu{position:relative;font-size:14px;font-weight:700;color:#353b4d}.tools-menu summary{cursor:pointer;list-style:none;white-space:nowrap}.tools-menu summary::-webkit-details-marker{display:none}.tools-menu summary i{font-size:10px;margin-left:4px}.tools-dropdown{display:none;position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);width:286px;padding:9px;background:#fff;border:1px solid #e5e7ef;border-radius:13px;box-shadow:0 18px 40px #16192c20;z-index:50}.tools-menu[open] .tools-dropdown{display:block}.tools-dropdown a{display:block;padding:9px 11px;border-radius:7px;font-size:13px;color:#353b4d}.tools-dropdown a:hover{color:#5f41c4;background:#f4f1ff}.tools-dropdown a:first-child{color:#5f41c4;font-weight:800}@media(max-width:760px){.tools-menu{width:100%}.tools-menu summary{padding:2px 0}.tools-dropdown{position:static;transform:none;width:100%;margin-top:8px;box-shadow:none;background:#f7f6fb}}
.tw-home .faq-grid>div:nth-child(2) details:nth-of-type(2) summary{font-size:0}.tw-home .faq-grid>div:nth-child(2) details:nth-of-type(2) summary:before{content:"How are loads assigned to a driver?";font-size:16px}.tw-home .faq-grid>div:nth-child(2) details:nth-of-type(2) p{font-size:0}.tw-home .faq-grid>div:nth-child(2) details:nth-of-type(2) p:before{content:"The owner assigns loads to the driver. Drivers can view the loads assigned to them in TrustWheel Driver.";font-size:14px;line-height:1.6}

/* Homepage lorry and WhatsApp contact options. */
.tw-home .hero-phones{isolation:isolate;overflow:visible}
.tw-home .hero-lorry{position:absolute;z-index:1;right:-14%;top:42px;width:125%;height:auto;max-width:none;filter:drop-shadow(0 20px 22px #21164230);pointer-events:none}
.tw-home .phone{z-index:2}
.tw-home .tag,.tw-home .link{z-index:3}
.whatsapp-cta,.final-whatsapp,.floating-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#25d366;color:#073c20;font-weight:800;border-radius:9px;transition:transform .2s ease,box-shadow .2s ease}
.tw-home .hero .actions .button{flex:1 1 205px;min-width:205px;text-align:center}
.whatsapp-cta{width:286px;margin-top:13px;padding:11px 15px;box-shadow:0 8px 20px #1787432e}
.whatsapp-cta .fa-whatsapp,.final-whatsapp .fa-whatsapp,.floating-whatsapp .fa-whatsapp{font-size:21px}
.whatsapp-cta:hover,.final-whatsapp:hover,.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 12px 26px #17874345}
.final-whatsapp{padding:11px 13px;text-align:center;font-size:13px}
.vertical>a:last-child{margin-top:3px}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:60;padding:12px 17px;box-shadow:0 10px 28px #10142542;color:#073c20}
.floating-whatsapp:focus-visible,.whatsapp-cta:focus-visible,.final-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1050px){.tw-home .hero-lorry{right:-30%;width:145%;top:66px}}
@media(max-width:760px){.tw-home .hero .actions .button{flex:1 1 100%;min-width:0}.tw-home .hero-phones{height:370px;margin-top:19px}.tw-home .hero-lorry{top:20px;right:-11%;width:120%;max-width:580px}.tw-home .p-owner{left:18%!important;top:58px!important;height:250px!important;max-height:250px!important}.tw-home .p-driver{right:0;top:132px;height:250px}.tw-home .tag.owner{top:45px}.tw-home .tag.driver{top:218px}.tw-home .link{top:157px;left:22%;right:22%}.floating-whatsapp{right:16px;bottom:max(18px,env(safe-area-inset-bottom));padding:11px 14px}.floating-whatsapp span{font-size:14px}}
@media(max-width:390px){.tw-home .hero-phones{height:335px}.tw-home .hero-lorry{right:-17%;width:130%;top:31px}.tw-home .p-owner{height:215px!important;max-height:215px!important}.tw-home .p-driver{height:215px;top:125px}.floating-whatsapp span{font-size:0}.floating-whatsapp span:after{content:"Chat";font-size:14px}.whatsapp-cta{width:100%;max-width:290px}}