*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif}.App{text-align:center}.header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:10}.logo{color:#fff;font-size:1.5rem}.navbar{align-items:center;display:flex;gap:20px;transition:all .3s ease-in-out}.navbar a{color:#fff;text-decoration:none}.NavItems{display:flex;flex-direction:row-reverse}.LoginBtn,.LogoutBtn,.SignUpBtn{color:#fff;margin:0 1rem;padding:10px 20px}.LogoutBtn{background-color:tomato}.navbar a:hover{color:tomato}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.8rem}.hero-section{background:url(/static/media/autoservice.ed1af9b945962be2ad5a.jpeg) 50%/cover no-repeat;color:#fff;height:90vh;padding-top:5rem}.hero-section h1{font-size:3rem}.hero-section p{font-size:1.5rem;margin:20px 0}.hero-btn{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.hero-btn:hover{background-color:#ff4500}.services-section{padding:50px 20px}.services-section h2{font-size:2.5rem;margin-bottom:30px;text-decoration:none}.service-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;text-decoration:none}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:inherit;margin:15px;padding:20px;text-align:center;text-decoration:none;transition:transform .2s ease-in-out;width:250px}.card h3{color:indigo;font-size:1.2rem;margin:10px 0}.card p{color:#666;font-size:1rem}.card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}a,a:hover{text-decoration:none}a:hover{color:inherit}.footer p{margin:5px 0}.whatsapp-button{background-color:#25d366;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;cursor:pointer;padding:15px;position:fixed;right:20px;transition:background-color .3s ease}.whatsapp-button img{height:40px;width:40px}.whatsapp-button:hover{background-color:#20b358}@media (max-width:768px){.menu-btn{display:block;margin:0;padding:0 0 5px}.LoginBtn,.LogoutBtn{height:35px;padding:0;width:60px}.LogoutBtn{width:70px}.hero-section{height:auto;padding:50px 20px;text-align:center}.hero-section h1{font-size:2.2rem}.hero-section p{font-size:1.2rem}.hero-btn{font-size:.9rem;padding:10px 15px}.navbar{background-color:#333;display:none;flex-direction:column;gap:0;padding-left:10px;position:absolute;right:0;top:70px;width:100%}.NavItems{align-items:center;flex-direction:row}.NavItems,.navbar.open{display:flex}.navbar a{border-top:1px solid #444;padding:10px}}@media (max-width:480px){.hero-section h1{font-size:1.8rem}.hero-section p{font-size:1rem}.service-cards{align-items:center;flex-direction:column}.card{margin:10px 0;max-width:350px;width:100%}.footer{font-size:.8rem}.whatsapp-button{padding:10px}}.service-details{background-color:#fff;margin:0 auto;padding:40px 20px}.service-hero{background:url(https://i0.wp.com/metricmotorsny.com/wp-content/uploads/2018/05/Pre-Purchase_Inspection_Preview-3.jpg?w=929&ssl=1) 50%/cover no-repeat;color:#fff;padding:80px 20px;text-align:center}.service-hero h1{font-size:2.5rem;margin-bottom:20px}.service-hero p{font-size:1.3rem}.service-content{margin-top:40px;text-align:left}.service-content h2{font-size:2rem;margin-bottom:15px}.service-content p{font-size:1.2rem;line-height:1.6;margin-bottom:20px}.service-content h3{font-size:1.5rem;margin-bottom:10px}.service-content ul{list-style:disc;margin-bottom:20px;padding-left:20px}.service-content ul li{font-size:1.1rem;margin-bottom:10px}.inquiry-form{display:flex;flex-direction:column;gap:15px;margin-top:30px}.inquiry-form label{font-size:1.1rem}.inquiry-form input,.inquiry-form textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px}.inquiry-form textarea{height:150px;resize:none}.submit-btn{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.submit-btn:hover{background-color:#ff4500}.success-message{font-size:.9rem}.footer{background-color:#333;color:#fff;margin-top:50px;padding:20px;text-align:center}@media (max-width:768px){.service-hero h1{font-size:2rem}.service-hero p{font-size:1.1rem}.service-content h2{font-size:1.6rem}.service-content p,.service-content ul li{font-size:1rem}.submit-btn{font-size:.9rem;padding:8px 16px}}@media (max-width:480px){.service-hero h1{font-size:1.8rem}.service-hero p{font-size:1rem}.service-content h2{font-size:1.5rem}.service-content p{font-size:.9rem}.submit-btn{padding:6px 12px}.footer{font-size:.8rem}}.car-insurance-container{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.insurance-list{margin:1rem 0;padding-left:1.5rem}.insurance-form{display:flex;flex-direction:column}.insurance-form label{margin:.5rem 0}.insurance-form input,.insurance-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.75rem}.insurance-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem}.insurance-form button:hover{background-color:#0056b3}.sell-your-car-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.selling-instructions{color:#333;font-size:18px;list-style-type:decimal;margin:20px 0;padding-left:20px}.selling-instructions li{margin-bottom:10px}.sell-car-form{display:flex;flex-direction:column;gap:15px}input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px}button{background-color:#28a745}.car-valuation-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:2rem}h1,h2{margin-bottom:1rem}.valuation-details{margin:1rem 0;padding-left:1.5rem}.valuation-form{display:flex;flex-direction:column}.valuation-form label{margin:.5rem 0}.valuation-form input,.valuation-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.75rem}.valuation-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem}.valuation-form button:hover{background-color:#0056b3}.success-message{color:green;margin-top:1rem}.error-message{color:red;margin-top:1rem}.key-duplication-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.duplication-details{list-style-type:disc;margin-bottom:30px;padding-left:20px}.duplication-details li{color:#333;font-size:18px;margin-bottom:10px}.duplication-form{display:flex;flex-direction:column;gap:15px}.my-garage-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}h1,h2{color:#333}h1,h2,p{text-align:center}p{margin-bottom:20px}.garage-form{display:flex;flex-direction:column;gap:15px}input,select,textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}textarea{resize:vertical}.concierge-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:30px;text-align:center}h1{color:#007bff;margin-bottom:15px}p{color:#555;font-size:18px;margin-bottom:30px}.service-details{margin:20px 0;text-align:left}.service-details h2{color:#333}.service-details ul{color:#333;list-style-type:disc;padding-left:20px}.service-details li{font-size:16px;margin-bottom:10px}.concierge-form{display:flex;flex-direction:column;gap:15px}label{color:#333;font-size:16px}input,textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}input:focus,textarea:focus{border-color:#007bff}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.auth-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:400px;padding:2rem;text-align:center;width:100%}.auth-container h1{color:#343a40;font-size:2rem;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column}.auth-form label{color:#495057;font-size:1rem;margin-bottom:.5rem;text-align:left}.auth-form input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.auth-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s}.auth-form button:hover{background-color:#0056b3}.error-message{color:#ff4d4f;font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.auth-container{padding:1.5rem}.auth-form button,.auth-form input{font-size:.9rem;padding:.65rem}}
/*# sourceMappingURL=main.18b0aa08.css.map*/