html,body,#root{width:100%;min-height:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%}body{color:#1f2933;background:#fff;width:100%;min-width:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{width:100%;min-width:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{font-family:inherit}.container{width:90%;max-width:1200px;margin:0 auto}section{width:100%;overflow:hidden}.section-title{text-align:center;color:#073b56;margin-bottom:15px;font-size:38px;line-height:1.25}.section-subtitle{text-align:center;color:#52606d;width:100%;max-width:850px;margin:0 auto 45px;font-size:17px;line-height:1.7}header{z-index:1000;background:#fff;width:100%;padding:14px 0;position:sticky;top:0;box-shadow:0 4px 20px #00000014}.logo-section{align-items:center;gap:18px;width:90%;max-width:1200px;margin:0 auto;display:flex}.logo{object-fit:contain;width:145px;max-width:100%;height:auto}.logo-section h2{color:#102a43;margin:0;font-size:28px;line-height:1.2}.tagline{color:#52606d;margin:4px 0 0;font-size:15px;line-height:1.4}header nav{justify-content:flex-end;align-items:center;width:90%;max-width:1200px;margin:12px auto 0;display:flex}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px 32px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{list-style:none}.nav-links a{color:#1f2933;white-space:nowrap;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#0077b6}.hero{background:linear-gradient(135deg,#eef9ff 0%,#fff 100%);justify-content:space-between;align-items:center;gap:60px;width:100%;min-height:82vh;padding:75px 6%;display:flex}.hero-content{flex:1 1 0;min-width:0;max-width:720px}.badge{color:#0077b6;background:#e6f7ff;border-radius:30px;max-width:100%;margin-bottom:5px;padding:8px 16px;font-size:15px;font-weight:600;line-height:1.4;display:inline-block}.hero-content h1{color:#073b56;overflow-wrap:break-word;margin:12px 0 22px;font-size:52px;font-weight:700;line-height:1.15}.hero-content h1 span{color:#0077b6}.hero-content p{color:#52606d;overflow-wrap:break-word;margin:0 0 22px;font-size:18px;line-height:1.7}.hero-points{margin:22px 0}.hero-points div{color:#334e68;margin:10px 0;font-size:17px;line-height:1.5}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:25px;display:flex}.hero-btn{color:#fff;text-align:center;background:#0077b6;border-radius:30px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.hero-btn:hover{background:#005f8f;transform:translateY(-2px)}.outline-btn{color:#0077b6;background:0 0;border:2px solid #0077b6}.outline-btn:hover{color:#fff;background:#0077b6}.hero-image{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.hero-image img{object-fit:contain;border-radius:28px;width:100%;max-width:520px;height:auto;box-shadow:0 20px 45px #003c5a29}.about{background:#fff;align-items:center;gap:70px;width:100%;padding:85px 6%;display:flex}.about-text{flex:1 1 0;min-width:0}.about-text h2{color:#073b56;margin-bottom:20px;font-size:38px;line-height:1.25}.about-text p{color:#52606d;overflow-wrap:break-word;margin-bottom:15px;font-size:17px;line-height:1.8}.about-image{flex:1 1 0;min-width:0}.about-image img{border-radius:25px;width:100%;max-width:560px;margin:auto;box-shadow:0 15px 35px #0000001f}.services{background:#fff;padding:85px 6%}.service-container{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:1250px;margin:40px auto 0;display:grid}.service-card{text-align:center;background:#fff;border-top:5px solid #0077b6;border-radius:22px;min-width:0;padding:38px 25px;transition:all .3s;box-shadow:0 12px 30px #0032501a}.service-card:hover{transform:translateY(-8px)}.service-icon{margin-bottom:18px;font-size:45px}.service-card h3{color:#0077b6;margin-bottom:15px;font-size:22px;line-height:1.3}.service-card p{color:#52606d;font-size:16px;line-height:1.7}.products{background:#f5fbff;padding:85px 6%}.product-grid{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1100px;margin:40px auto 0;display:grid}.product-card{text-align:center;background:#fff;border-radius:22px;min-width:0;padding:35px 30px;transition:all .3s;box-shadow:0 12px 30px #0032501a}.product-card:hover{transform:translateY(-8px)}.product-card h3{color:#0077b6;margin-bottom:20px;font-size:22px;line-height:1.3}.product-card p{color:#52606d;font-size:16px;line-height:1.8}.why-choose{text-align:center;background:linear-gradient(135deg,#eef9ff,#fff);padding:85px 6%}.why-container{grid-template-columns:repeat(4,1fr);gap:28px;width:100%;max-width:1200px;margin:40px auto 0;display:grid}.why-card{background:#fff;border-radius:22px;min-width:0;min-height:280px;padding:38px 25px;transition:all .3s;box-shadow:0 12px 30px #0032501a}.why-card:hover{transform:translateY(-8px)}.why-icon{margin-bottom:18px;font-size:45px}.why-card h3{color:#0077b6;margin-bottom:15px;font-size:21px;line-height:1.3}.why-card p{color:#52606d;line-height:1.7}.certificate{text-align:center;background:#fff;padding:85px 6%}.certificate-content{justify-content:space-between;align-items:center;gap:60px;display:flex}.certificate-text{flex:1 1 0;min-width:0}.certificate-text p{color:#52606d;font-size:17px;line-height:1.8}.certificate-box{background:#f5fbff;border-radius:18px;margin-top:25px;padding:25px}.certificate-box h3{color:#0077b6;margin-bottom:10px}.certificate-image{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.certificate-image img{border-radius:18px;width:100%;max-width:420px;height:auto;box-shadow:0 15px 35px #0000001f}.gallery{background:#f5fbff;padding:85px 6%}.gallery-container{grid-template-columns:repeat(2,1fr);gap:25px;width:100%;max-width:1100px;margin:40px auto 0;display:grid}.gallery-card{background:#fff;border-radius:18px;min-width:0;padding:15px;box-shadow:0 10px 25px #0032501a}.gallery-card img{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:280px}.gallery-card h3{text-align:center;color:#0077b6;margin-top:15px;font-size:20px;line-height:1.4}.enquiry{text-align:center;background:linear-gradient(135deg,#eef9ff,#fff);padding:85px 6%}.enquiry-form{background:#fff;border-radius:22px;width:100%;max-width:650px;margin:35px auto 0;padding:38px;box-shadow:0 12px 35px #0032501f}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:1px solid #d9e2ec;border-radius:10px;outline:none;width:100%;max-width:100%;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:16px}.enquiry-form textarea{resize:vertical;min-height:130px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#0077b6;box-shadow:0 0 0 3px #0077b61a}.enquiry-form button{color:#fff;cursor:pointer;background:#0077b6;border:none;border-radius:30px;width:100%;padding:15px;font-size:17px;font-weight:700}.contact{text-align:center;background:#f5fbff;padding:85px 6%}.contact-box{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:1100px;margin:40px auto 0;display:grid}.contact-card{background:#fff;border-top:4px solid #0077b6;border-radius:20px;min-width:0;padding:35px 25px;box-shadow:0 10px 28px #0032501a}.contact-card h3{color:#0077b6;margin-bottom:15px}.contact-card p{color:#52606d;overflow-wrap:break-word;line-height:1.7}.map-container{border-radius:18px;width:100%;max-width:1100px;margin:40px auto 0;overflow:hidden;box-shadow:0 10px 28px #0032501a}.map-container iframe{border:0;width:100%;max-width:100%;display:block}.whatsapp-btn{z-index:2000;color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:8px;padding:15px 24px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #0000002e}footer,.footer{color:#fff;text-align:center;background:#073b56;width:100%;padding:35px 20px}.footer-container{flex-wrap:wrap;justify-content:space-around;gap:30px;width:100%;max-width:1200px;margin:auto;display:flex}.footer-container>div{min-width:180px}.footer-container h2,.footer-container h3{margin-bottom:12px}.footer-container p{color:#e8f7ff;line-height:1.7}.footer-container a{color:#e8f7ff;text-decoration:none}.footer-container a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff40;width:100%;margin-top:25px;padding-top:20px}@media (width<=1000px){.hero{gap:40px}.hero-content h1{font-size:44px}.service-container,.why-container{grid-template-columns:repeat(2,1fr)}.certificate-content{flex-direction:column}}@media (width<=700px){header{padding:12px 0 18px}.logo-section{text-align:center;flex-direction:column;justify-content:center;gap:8px;width:100%;padding:0 15px}.logo{width:125px}.logo-section h2{font-size:24px}.tagline{font-size:13px}header nav{justify-content:center;width:100%;margin-top:15px;padding:0 10px}.nav-links{justify-content:center;gap:12px 18px;width:100%}.nav-links a{font-size:14px}.container{width:92%}.section-title{font-size:30px;line-height:1.3}.section-subtitle{margin-bottom:35px;font-size:16px;line-height:1.65}.hero{text-align:center;flex-direction:column;align-items:center;gap:35px;height:auto;min-height:auto;padding:50px 20px 55px}.hero-content{width:100%;max-width:100%}.badge{font-size:13px;line-height:1.4}.hero-content h1{overflow-wrap:break-word;width:100%;font-size:32px;line-height:1.25}.hero-content p{width:100%;font-size:16px;line-height:1.65}.hero-points div{font-size:16px}.hero-buttons{justify-content:center;width:100%}.hero-btn{width:100%;max-width:260px}.hero-image{width:100%;max-width:100%}.hero-image img{object-fit:contain;border-radius:20px;width:100%;max-width:350px;height:auto}.about{text-align:center;flex-direction:column;gap:35px;padding:65px 5%}.about-text,.about-image{width:100%;max-width:100%}.about-text h2{font-size:32px}.services,.products,.why-choose,.certificate,.gallery,.enquiry,.contact{padding:65px 5%}.service-container,.product-grid,.why-container,.contact-box,.gallery-container{grid-template-columns:1fr}.service-card,.product-card,.why-card,.contact-card{width:100%}.certificate-content{flex-direction:column;gap:35px;width:100%}.certificate-text,.certificate-image{width:100%}.certificate-image img{width:100%;max-width:320px}.gallery-card img{height:250px}.enquiry-form{padding:25px 20px}.map-container{border-radius:12px;width:100%;margin-top:30px}.map-container iframe{height:300px}.whatsapp-btn{padding:12px 18px;font-size:14px;bottom:15px;right:15px}footer,.footer{padding:35px 15px}.footer-container{flex-direction:column;align-items:center}.footer-container>div{width:100%}}