@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0}.navbar-container{width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:transparent;transition:all .3s ease-in-out}.contact-info{background-color:#212ea0;color:#fff;padding:10px 5%;text-align:center;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;width:100%}.contact-info a{color:#fff;text-decoration:none;margin-left:10px;font-weight:400}.contact-info a:hover{color:#ff0}.contact-info .social-icons{display:flex;align-items:center}.contact-info .social-icons a{margin-left:15px;font-size:18px;color:#fff;transition:color .3s}.contact-info .social-icons a:hover{color:#ff0}.navbar{position:relative;top:0;left:0;width:100%;padding:15px 5%;background-color:transparent;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}.dark-nav{background-color:#fff;box-shadow:0 4px 10px #0003}.logo{height:50px;transition:all .3s ease}.nav-links{list-style:none;display:flex;align-items:center;gap:20px}.nav-links a{text-decoration:none;font-size:16px;color:#000;font-weight:500;transition:color .3s;cursor:pointer}.nav-links a:hover{color:red}.btn{background:transparent;color:#fff!important;padding:10px 16px;border-radius:5px;font-weight:700;transition:.3s ease-in-out;text-align:center;border:1px solid white;display:inline-block}.btn:hover{background:#ff0;color:#000!important}.menu-icon{display:none;font-size:28px;cursor:pointer;color:#fff}@media (max-width: 768px){.menu-icon{display:block}.nav-links{position:absolute;top:70px;left:0;width:100%;flex-direction:column;background:#212ea0;display:none;padding:20px;text-align:center;box-shadow:0 4px 10px #0003}.nav-links.open{display:flex}.nav-links li{padding:12px 0}.nav-links a{color:#000}.btn{width:100%;text-align:center}}.hero{width:100%;min-height:100vh;background:#f9f9f9;color:#000;display:flex;align-items:center;justify-content:space-between;padding:50px 5%;text-align:left;box-sizing:border-box}.hero-text{max-width:50%}.hero-text h4{font-size:20px;font-weight:600;color:#555;margin-bottom:10px}.hero-text h1{font-size:48px;font-weight:700;color:#000;margin-bottom:20px}.hero-text p{font-size:18px;color:#555;max-width:600px;line-height:1.6;margin-bottom:20px}.hero-text .btn{background:#00f;color:#fff;padding:12px 25px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background .3s;font-weight:600;text-decoration:none;display:inline-block;text-align:center}.hero-text .btn:hover{background:#ff0;color:#000;transform:translateY(-2px)}.hero-image{max-width:45%}.hero-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 20px #0000001a}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;padding:30px 20px}.hero-text{max-width:100%;margin-bottom:20px}.hero-image{max-width:80%}.hero-text h1{font-size:32px}.hero-text p{font-size:16px;max-width:100%}.hero-text .btn{font-size:16px;padding:10px 20px}}.products{margin:80px auto;width:90%;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.product{flex-basis:30%;text-align:center;background:#f9f9f9;padding:20px;border-radius:12px;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out,border .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;height:100%;opacity:0;transform:translateY(50px);transition:opacity .3s,transform .5s;border:2px solid transparent}.product.in-view{opacity:1;transform:translateY(0)}.product:hover,.product.count-add:hover{transform:scale(1.05);box-shadow:0 12px 30px #00000026;background-color:#eef7ff;border:2px solid #007bff}.product.mobile-app{order:2;flex-basis:48%}.product img{width:100%;border-radius:10px;max-height:200px;object-fit:contain}.caption{margin-top:15px;flex-grow:1}.product-name{font-weight:700;font-size:18px;margin-bottom:12px;color:#333;text-transform:capitalize}.description{font-size:14px;color:#555;margin-bottom:15px}.price-info{margin-bottom:10px}.price{font-size:16px;font-weight:700;color:#e67e22;margin-bottom:5px}.extra-info{font-size:14px;color:#ff8c00;margin-top:10px;font-weight:700}.product-buttons{display:flex;justify-content:space-evenly;margin-top:20px}.product-buttons .get-demo-button,.product-buttons .more-details-button{padding:10px 20px;background-color:#00f;color:#fff;font-weight:700;text-decoration:none;border-radius:5px;transition:background-color .3s ease-in-out;text-align:center}.product-buttons .get-demo-button:hover,.product-buttons .more-details-button:hover{background-color:red;transform:scale(1.05)}@media (max-width: 1024px){.products{justify-content:center}.product{flex-basis:45%}.product.mobile-app{flex-basis:100%;order:2}}@media (max-width: 768px){.products{width:100%;justify-content:center}.product{flex-basis:48%}.product.mobile-app{flex-basis:100%}}@media (max-width: 480px){.product{flex-basis:100%}}.title{text-align:center;color:#212ea0;font-size:15px;font-weight:600;text-transform:uppercase;margin:70px 0 30px}.title h2{font-size:32px;color:#000f38;margin-top:5px;text-transform:none}.about{margin:80px auto;display:flex;align-items:center;justify-content:space-between;width:90%;gap:40px;flex-wrap:wrap}.about-left{flex-basis:40%;position:relative}.about-right{flex-basis:56%}.about-img{width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a}.about h3{font-size:20px;font-weight:600;color:#212ea0;margin-bottom:10px}.about h2{font-size:32px;color:#000f38;margin:10px 0;max-width:500px;line-height:1.4}.about p{color:#676767;margin-bottom:15px;line-height:1.6}.about-list{list-style:none;padding:0}.about-list li{font-size:16px;color:#333;margin-bottom:8px}.about-contact{margin-top:20px}.about-btn{display:inline-block;background-color:#212ea0;color:#fff;padding:10px 18px;font-size:16px;border-radius:5px;border:none;cursor:pointer;transition:.3s ease-in-out}.about-btn:hover{background-color:#1a237e}@media (max-width: 768px){.about{flex-direction:column;text-align:center}.about-left,.about-right{flex-basis:100%}.about h2{font-size:28px}.about p{font-size:14px}}.contact{margin:80px auto;max-width:90%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.contact-col{flex:1;min-width:300px;color:#444}.contact-col h3{color:#000f38;font-weight:600;font-size:26px;margin-bottom:15px}.contact-col p{max-width:450px;line-height:1.5}.contact-col ul{list-style:none;padding:0}.contact-col ul li{display:flex;align-items:center;margin:10px 0;font-size:16px}.contact form{background:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.contact form label{font-size:14px;font-weight:600;color:#333}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:12px;border:1px solid #ccc;border-radius:5px;outline:none;margin:8px 0 15px;transition:.3s}.contact form input:focus,.contact form textarea:focus{border-color:#000f38;background:#fff}.contact form textarea{resize:none}.btn.dark-btn{background:#00f;color:#fff;padding:12px 18px;font-size:16px;border:none;cursor:pointer;transition:.3s;border-radius:5px}.btn.dark-btn:hover{background:#ff0}.form-result{display:block;margin-top:20px;font-size:16px;font-weight:500}.form-result.success{color:green}.form-result.error{color:red}@media (max-width: 768px){.contact{flex-direction:column;align-items:center;text-align:center}.contact-col{flex-basis:100%}.contact form{width:100%}}.footer{background-color:#00f;color:#fff;margin:20px auto;padding:30px 5%;box-sizing:border-box;border-top:none;width:100%}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px}.footer-section{flex:1;min-width:220px;margin-bottom:20px}.footer-section h3{font-size:18px;margin-bottom:15px;font-weight:700;color:#fff}.footer-section ul li{margin-bottom:8px;font-size:16px;color:#fff;transition:color .3s ease}.footer-section ul li:hover{color:#ff0;cursor:pointer}.footer-section ul li:active{color:red}.footer-logo-container{flex:1 1 220px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:0}.footer-logo-container img{width:150px;margin-bottom:10px}.footer-logo-container p{font-family:Arial,sans-serif;font-weight:700;font-size:17px;margin-bottom:5px;color:#fff}.social-icons-container{display:flex;justify-content:flex-end;width:100%;margin-top:15px;align-items:center}.social-icons{display:flex;gap:20px}.social-icon{font-size:28px;transition:transform .3s ease,color .3s ease}.social-icon:hover{transform:scale(1.2)}.whatsapp{color:#25d366}.facebook{color:#fff}.footer-bottom{display:flex;justify-content:flex-end;align-items:center;padding-top:15px;text-align:center;width:100%}.footer-copyright{text-align:center;padding:20px 0;font-size:14px;border-top:1px solid #ddd}.footer-copyright a{color:#fff;text-decoration:none;font-weight:700}.footer-copyright a:hover{text-decoration:underline}@media (max-width: 992px){.footer-container{flex-direction:column;text-align:center}.footer-section{width:100%;text-align:center}.footer-logo-container{width:100%;margin-top:15px}.social-icons-container{justify-content:center;margin-top:15px}.footer-bottom{justify-content:center}}@media (max-width: 768px){.footer{padding:30px 20px}.footer-container{width:100%}.footer-logo-container{margin-top:15px}.social-icons-container{justify-content:center}}