html,body,#root{width:100%;height:100%}body{margin:0}html,body{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%}body{font-family:Poppins,sans-serif;background:#f4f6f9;color:#222;line-height:1.6}.navbar{background:#c40000;padding:15px 20px;position:fixed;top:0;left:0;width:100%;z-index:9999}.nav-grid{display:grid;grid-template-columns:1fr auto;align-items:center;max-width:1200px;margin:auto}.logo{color:#fff;font-size:1.2rem;font-weight:600}.logo span{margin-left:5px}.nav-call{background:#fff;color:#c40000;padding:8px 18px;border-radius:25px;text-decoration:none;font-weight:600;font-size:.9rem;transition:.3s ease}.nav-call:hover{background:#000;color:#fff}.hero{min-height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;color:#fff;transition:background-image 1s ease-in-out}.hero h1{font-size:3.8rem;margin-bottom:20px;font-weight:700}.hero p{font-size:1.3rem;margin-bottom:30px;opacity:.95}.hero-btn{background:#fff;color:#c40000;padding:15px 40px;border-radius:40px;text-decoration:none;font-weight:600;transition:.3s ease}.hero-btn:hover{background:#000;color:#fff;transform:translateY(-4px)}.services{padding:100px 60px;background:#fff;text-align:center}.services h2{font-size:2.8rem;margin-bottom:60px;color:#c40000;font-weight:700}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.card{background:#fff;padding:40px 25px;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:.3s ease;font-size:1.1rem;font-weight:500}.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}.gallery{padding:100px 60px;background:#f4f6f9;text-align:center}.gallery h2{font-size:2.5rem;margin-bottom:50px;color:#c40000;font-weight:700}.images{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.images img{width:100%;border-radius:15px;transition:.3s ease}.images img:hover{transform:scale(1.05)}.contact{padding:100px 60px;text-align:center;background:#fff}.contact h2{font-size:2.5rem;margin-bottom:30px;color:#c40000;font-weight:700}.contact p{margin:10px 0;font-size:1.1rem}.contact-btn{display:inline-block;margin-top:25px;padding:14px 35px;background:#c40000;color:#fff;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s ease}.contact-btn:hover{background:#000}.footer{background:#111;color:#fff;text-align:center;padding:25px;font-size:.9rem}@media(max-width:1024px){.service-cards,.images{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gallery h2{font-size:1.5rem;white-space:nowrap}.logo{font-size:.85rem}.nav-call{padding:6px 12px;font-size:.75rem;border-radius:20px}.hero h1{font-size:2.2rem}.services,.gallery,.contact{padding:80px 20px}.service-cards{grid-template-columns:repeat(2,1fr);gap:15px}.images{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero h1{font-size:1.8rem}.hero-btn,.nav-call,.contact-btn{padding:12px 25px;font-size:.9rem}.service-cards,.images{grid-template-columns:repeat(2,1fr)}}.slider{overflow:hidden;margin-top:40px}.slide-track{display:flex;width:3000px;animation:scroll 25s linear infinite}.slide-track img{width:250px;height:170px;object-fit:cover;margin-right:20px;border-radius:15px;cursor:pointer;transition:.3s}.slide-track img:hover{transform:scale(1.05)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000}.modal img{max-width:90%;max-height:85%;border-radius:15px}.close-btn{position:absolute;top:30px;right:40px;font-size:30px;color:#fff;cursor:pointer}