body{background-color:#afc0e0;font-family:sans-serif;background-size:cover;min-height:100vh;width:100%;margin:0}html,body{height:100%;margin:0}.wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{background-color:#f1f1f1;padding:1em;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;background:#020024;background:linear-gradient(90deg,#020024,#1f33eb,#020024);color:#fff;text-decoration:none;position:sticky;top:0;z-index:1000;border-bottom:2px solid #000000}.nav-logo1{text-decoration:none;color:#fff;display:inline-flex;align-items:center}.nav-logo1{-webkit-tap-highlight-color:transparent}.nav-logo1:focus{outline:none}.nav-logo{width:100px;height:50px;background:url(/assets/wcut-logo-oZwI5XZW.svg) no-repeat center;background-size:contain;filter:invert(0%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(100%) contrast(100%)}.logo{font-size:24px;font-weight:700;display:inline-flex;align-items:center}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;text-decoration:none;padding:10px}.nav-links a:focus{outline:none}.nav-links a:focus-visible{outline:2px solid #ffd700;outline-offset:4px}.nav-links a{-webkit-tap-highlight-color:transparent}.nav-links a:hover{border-bottom:2px solid #ffffff}.active-link{font-weight:700;color:#fffffffa;border-bottom:2px solid #fffffffa}.menu-icon{display:none;font-size:28px;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;width:100%}.nav-links.open{display:flex}.menu-icon{display:block}}.aboutus{text-align:center;font-weight:500;font-size:3rem;margin-bottom:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#fff;text-shadow:0 0 .5rem #000000}.About,.service-type h2{display:flex;justify-content:space-evenly;flex-wrap:wrap}.owners-main,.commitment-main,.mechanic-main{display:flex;flex-direction:column;align-items:center;margin:1rem;border:1px solid transparent;box-shadow:0 4px 8px #0003;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;flex:1;max-width:500px;padding:1rem;text-align:center;background-image:url(/assets/bg1-B-kTBgXE.jpg)}.owners,.commitment,.mechanic{width:80px;height:80px;border-radius:100%;filter:invert(100%)}.about-p,.commitment-p,.mechanic-p{text-align:center;font-size:x-large;margin:1rem;line-height:2rem}.services h1{text-align:center;font-weight:500;font-size:3rem;margin-bottom:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#fff;text-shadow:0 0 .5rem #000000}.service-type{display:flex;justify-content:space-evenly;flex-wrap:wrap}.service-type h2{display:flex;justify-content:center;align-items:center;margin:1rem .5rem;box-shadow:0 4px 8px #0003;border:1px solid transparent;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;flex:1;max-width:500px;padding:1rem;text-align:center;background-image:url(/assets/bg1-B-kTBgXE.jpg)}.service-logo{width:30px;height:30px;filter:invert(100%);padding:0 .5rem 0 0;margin:0 .5rem 0 0}@media (max-width: 768px){.About,.service-type{flex-direction:column}.owners-main,.commitment-main,.mechanic-main,.service-type h2{max-width:100%}}@media (max-width: 768px){.service-type{padding:0 .5rem}}.carousel-container{position:relative;max-width:100%}.truck-imgs{width:100%;height:auto}.carousel-button{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.carousel-button button{background-color:#00000080;border:none;color:#fff;padding:10px;cursor:pointer;pointer-events:all;font-size:18px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.carousel-button button:hover{background-color:#000000b3}.wcut-bg{width:100%;height:500px;object-fit:cover;margin:0;padding:0}.featured-card{text-align:center;background-image:linear-gradient(#27272780,#00000080),url(/assets/wcut-bg-CS91QU4J.jpg);background-size:cover;background-position:center;color:#fff;padding:20px;box-shadow:0 0 .1rem #000;overflow:hidden;animation:splitReveal 1.5s ease forwards}@keyframes splitReveal{0%{clip-path:polygon(0% 50%,0% 50%,100% 50%,100% 50%)}to{clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%)}}.featured-card h1{font-size:4rem;font-family:sans-serif;font-weight:800;color:#fff;text-shadow:0 0 .5rem #0004ff;margin:3rem 0}.featured-card h2{font-size:2rem;color:#fff;text-shadow:0 0 .5rem #0004ff;margin:4rem 0}.featured-h2{text-align:center;color:#fff;text-decoration:5px underline #ffffff;text-shadow:0 0 .5rem #000000}.featured-trucks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 1rem}.featured-trucks .truck-card{background-color:#cfcfcf;border:1px solid transparent;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:12px;transition:transform .2s;overflow:hidden}.featured-trucks .truck-card h1{font-size:1.25rem;color:#fff;margin-bottom:6px}.featured-trucks .truck-card p{font-size:.9rem;color:#fff;margin-bottom:8px}.featured-trucks .truck-card h2{font-size:1rem;color:#fff;margin-bottom:10px}.featured-trucks .truck-card img{width:100%;height:150px;object-fit:contain;border-radius:8px;margin-bottom:10px}@media (max-width: 768px){.featured-trucks{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.featured-trucks{grid-template-columns:1fr}}.truck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:16px}.truck-header{text-align:center;font-weight:500;font-size:3rem;margin-bottom:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#fff;text-shadow:0 0 .5rem #000000}.truck-card{background-image:url(/assets/bg1-B-kTBgXE.jpg);background-size:cover;background-color:#cfcfcf;border:1px solid transparent;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px;transition:transform .2s;overflow:hidden}.truck-card h1{font-size:1.5rem;color:#fff;margin-bottom:8px}.truck-card p{font-size:1rem;color:#fff;margin-bottom:12px}.truck-card h2{font-size:1.25rem;color:#fff;margin-bottom:16px}.truck-card img{width:100%;height:400px;object-fit:contain;border-radius:10px;margin-bottom:16px}.enquire-container{margin-top:.5rem;display:flex;justify-content:center}.enquire-link{background-color:#007bff;color:#fff;text-decoration:none;padding:10px 20px;border-radius:4px;transition:background-color .2s}.enquire-link:hover{background-color:#0056b3}@media (max-width: 768px){.truck-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.truck-grid{grid-template-columns:1fr}}.contactus{text-align:center;font-weight:500;font-size:3rem;margin-bottom:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#fff;text-shadow:0 0 .5rem #000000}.container{display:flex;gap:20px;padding:20px;margin-top:0}.map-card,.form-card{border-radius:8px;padding:20px;flex:1;box-shadow:0 4px 8px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid transparent;background-color:#cfcfcf;background-image:url(/assets/bg1-B-kTBgXE.jpg);background-size:cover}.map-card{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap}.contact-info{margin-top:20px}.info-block h2{color:#fff;font-weight:600;font-size:14px;margin-bottom:5px}.info-block a,.info-block p{color:#fff;font-size:14px;text-decoration:none}.info-block a:hover{color:#8587eb;opacity:.7}.contact-form h2{font-size:24px;color:#fff;margin-bottom:10px}.contact-form p{color:#fff;margin-bottom:20px}.form-group{margin-bottom:20px;margin-right:20px}input,textarea{background-color:#ebf0f8}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#fff}.form-group input,.form-group textarea{width:100%;border:1px solid #374151;border-radius:4px;color:#000;padding:10px;font-size:14px;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f180}.form-group textarea{resize:none;height:100px}button{padding:10px 20px;background-color:#373ae9;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out;text-align:center;width:100%}button:hover{background-color:#4f46e5}.modal-logo{width:100px;height:auto;filter:invert(90%) sepia(100%) saturate(5000%) hue-rotate(240deg) brightness(100%) contrast(100%)}.message-popup img{max-width:100%;height:auto;display:block;margin:0 auto}.message-popup{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;border-radius:8px;box-shadow:4px 4px 8px #0003;max-width:500px;width:100%;box-sizing:border-box}.message-popup h2{margin-top:0;text-align:center}.message-popup button{margin-top:20px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.message-popup button:hover{background:#0056b3}.message-popup-overlay{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.container{display:flex;flex-direction:column}}footer{background:linear-gradient(90deg,#020024,#1f33eb,#020024);color:#d3cccc;padding:1rem;margin:2rem 0 0;border-top:2px solid #000000}.footer-container{display:flex;flex-direction:column}.footer-section h4{margin-bottom:.5rem}.footer-section address,.footer-section ul{font-size:.9em}.social-media a{margin:.5rem;color:#d3cccc;text-decoration:none}.social-media a:hover{color:#60a9ee;opacity:.7}@media (max-width: 768px){.footer-container{display:flex;flex-direction:column;flex-wrap:wrap}}
