@import"https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&family=Righteous&display=swap";*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box;scroll-padding-top:3rem;font-family:var(--font-family-1);font-family:Poppins,sans-serif}:root{--bg-color: #F5F5F5;--text-color: #333333;--font-family-1: "Mitr", sans-serif;--font-weight: "Righteous", sans-serif}body{color:var(--text-color);background:#fff}h1,h2,h3{color:#123c69}html::-webkit-scrollbar{width:.5rem;background:transparent}html::-webkit-scrollbar-thumb{background:var(--blue)}a{color:var(--bg-color);text-decoration:none}img{width:100%}section{padding:3rem 0 2rem}.container{max-width:1400px;margin:auto;width:100%}.about-us{margin-top:0;padding:1rem 0rem;background-color:#fff;text-align:center}.about-heading{font-family:var(--font-family-2);font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;color:#1d3557}.about-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1.5rem;padding:0 1rem;color:var(--text-color)}.about-img-wrapper{display:flex;justify-content:center;align-items:center}.about-us-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.about-text{text-align:left}.about-text h5{font-size:1.4rem;line-height:2.4rem;font-weight:500;margin-bottom:1.5rem;color:#333}.about-text p{font-size:1rem;margin-bottom:2rem;color:#444}.about-btn{max-width:160px;padding:10px 15px;display:inline-block;border-radius:8px;background-color:#39a9db;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;transition:.3s ease-in-out;margin-left:0;text-align:left}.about-btn:hover{background:#0077b6}@media (max-width: 1024px){.about-container{grid-template-columns:1fr;text-align:center;align-items:center}.about-text{margin-top:2rem;text-align:left}.about-heading{order:-1;font-size:2.5rem;margin-bottom:2rem}.about-us-img{height:auto;object-fit:contain}}@media (max-width: 600px){.about-text h5{font-size:1.3rem}.about-text p{font-size:1rem}}.contact{padding:15px 20px;background-color:var(--bg-color)}.contact h1{text-align:center;font-size:2.5rem;color:#0b2c52;margin-bottom:10px}.contact p{text-align:center;font-size:1rem;margin-bottom:30px;color:var(--text-color)}.containar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.contactInfo,.contact-form{width:48%}.contact-logo{display:flex;align-items:center;margin-top:2rem}.contact-logo h2{padding:10px 35px;font-size:1.5rem;color:var(--text-color);margin-bottom:1rem}.contactInfo .box{padding:0 40px;display:flex;align-items:center;margin-bottom:-10px}.contactInfo .icon{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px;color:var(--text-color);flex-shrink:0}.contactInfo .con-text{margin-left:15px;font-size:15px;color:var(--text-color);flex-direction:column;font-weight:300}.contactInfo .con-text h3{font-weight:500;color:var(--blue)}.contact-form{padding:20px;background:var(--bg-color);border-radius:8px;box-shadow:0 2px 8px #00000014}.contact-form h2{font-size:24px;color:var(--text-color);font-weight:500;margin-bottom:10px}.contact-form .input-box{width:100%}.contact-form .input-box span{display:block;font-size:14px;margin-bottom:4px;color:#444;font-weight:500}.contact-form .input-box input,.contact-form .input-box textarea{width:100%;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;outline:none;resize:none;background:#fff;color:#000}.contact-form .input-box textarea{height:80px}.contact-form .input-box.buttons{display:flex;gap:10px;margin-top:8px}.contact-form .input-box input[type=submit],.contact-form .input-box input[type=reset]{width:90px;background:#00bcd4;color:var(--bg-color);border-radius:20px;border:none;cursor:pointer;padding:8px 0;font-size:15px;transition:background-color .3s ease}.contact-form .input-box input[type=submit]:hover,.contact-form .input-box input[type=reset]:hover{background:#0077b6}@media (max-width: 768px){.containar{flex-direction:column;gap:30px}.contactInfo,.contact-form{width:100%}}footer{display:flex;flex-wrap:wrap;margin-top:auto;background:#123c69;padding:60px 10%;margin-bottom:-50px}ul{list-style:none}.footer-col{width:25%}.footer-col h4{position:relative;margin-bottom:20px;font-weight:400;font-size:1.2rem;color:#fff;text-transform:capitalize}.footer-col h4:before{content:"";position:absolute;left:0;bottom:-6px;background-color:#39a9db;height:2px;width:40px}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{font-size:.9rem;color:#fff;text-decoration:none;text-transform:capitalize;transition:.4s}.footer-col ul li a:hover{color:#fff;padding-left:8px}.links a{display:inline-block;height:45px;width:45px;font-size:.8rem;color:#fff;background-color:#f8f8f8cc;margin:0 8px 8px 0;text-align:center;border-radius:50%;line-height:55px;transition:.4s}.links a:hover{color:#4d4f55;background-color:#fff}.footer-copyright{background:#123c69;color:#bbb;text-align:center;padding:15px 10px;font-size:.9rem;font-family:sans-serif}@media (max-width: 740px){.footer-col{width:50%;margin-bottom:30px;text-align:center}.footer-col h4:before{all:unset}}@media (max-width: 555px){.footer-col{width:100%}.footer-copyright{font-size:13px;padding:12px 5px}}header{position:fixed;top:0;left:0;width:100%;background:#123c69;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:10px 0;animation:slideDownFade .7s ease forwards}@keyframes slideDownFade{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}.nav{display:flex;align-items:center;justify-content:space-between;padding:15px 8%;height:50px}.logo{display:flex;align-items:center;text-decoration:none;animation:fadeLeft .8s ease-in-out forwards}@keyframes fadeLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.logo img{width:50px;height:auto;margin-right:10px;border-radius:10px}.logo p{font-size:1.8rem;font-weight:700;color:#fff}.navbar{display:flex;align-items:center;gap:1.5rem;animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar a{font-family:Mitr,sans-serif;font-size:1rem;color:#fff;text-decoration:none;transition:all .3s ease-in-out;position:relative}.navbar a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#fff;transition:width .3s ease-in-out}.navbar a:hover:after{width:100%}.navbar a:hover{color:#e0e0e0;transform:scale(1.05)}.nav-icons{display:flex;align-items:center;gap:1rem;font-size:1.5rem;animation:fadeRight 1s ease-in-out forwards}@keyframes fadeRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.menu-icon{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-icon div{background:#fff;height:2px;width:25px;transition:.3s}.move .line1{transform:rotate(-45deg) translate(-5px,5px)}.move .line2{opacity:0}.move .line3{transform:rotate(45deg) translate(-5px,-5px)}@media (max-width: 1100px){.nav{padding:16px 5%}.menu-icon{display:flex}.navbar{position:absolute;top:0;right:-100%;width:250px;height:100vh;background:#123c69;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:right .4s ease-in-out}.open-menu{right:0}.navbar a{font-size:1.2rem}}@media (max-width: 600px){.logo p{font-size:1.5rem}.nav{padding:12px 5%}.navbar{width:200px}}.home{width:100%;height:90vh;overflow:hidden;position:relative}.video-wrapper{width:100%;height:100%;position:relative}.bg-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1}.content{position:relative;z-index:1;background:#c6c5c54d;padding:20px;max-width:600px;width:90%;margin:0 auto;border-radius:10px;text-align:center;color:#fff;animation:slideUpFade 1.5s ease forwards;opacity:0}@keyframes slideUpFade{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slider{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.slider-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1024px){.content h1{font-size:2.5rem;margin-top:50px}.content h3{font-size:1.4rem}.content p{font-size:1.1rem}.btn{font-size:1rem;padding:10px 20px}}@media (max-width: 768px){.content{width:95%;padding:15px}.content h1{font-size:2rem;margin-top:40px}.content h3{font-size:1.2rem}.content p{font-size:1rem}.btn{font-size:.9rem;padding:8px 18px}}@media (max-width: 480px){.content h1{font-size:1.8rem;margin-top:30px}.content h3{font-size:1rem}.content p{font-size:.9rem}.btn{font-size:.8rem;padding:6px 16px}}.products{background:var(--bg-color);overflow:hidden}.heading{font-size:2.5rem;font-weight:600;color:#0b2c52;font-family:var(--font-family-2);text-align:center;margin-bottom:1rem!important}.products .heading h2{color:var(--bg-color)}.products p{font-size:1rem;margin-bottom:2rem;color:var(--text-color);text-align:center;padding:0 1rem}.product-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 1rem}.product-box{position:relative;background:#fff;box-shadow:0 4px 10px #0003;padding:1rem;border-radius:8px;flex-direction:column;justify-content:space-between;transition:transform .2s ease-out,box-shadow .2s ease-out}.product-box:hover{box-shadow:0 8px 15px #000}.product-box img{max-width:464px;height:200px;width:100%;object-position:left;margin-bottom:1.2rem;border-radius:8px}.product-box h2{font-size:1.3rem;font-weight:500}.product-box .price{align-items:start;gap:8px;margin-bottom:1.2rem}.product-box .price h3{color:var(--text-color);font-size:.9rem;font-weight:300}.product-btn{background-color:#39a9db;color:var(--bg-color);font-weight:300;padding:10px 15px;font-size:.9rem;border-radius:8px;display:inline-block;text-decoration:none;transition:background .3s ease-in-out}.product-btn:hover{background:#0077b6}@media (max-width: 1024px){.product-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.product-content{grid-template-columns:1fr}}.services{background:var(--bg-color);padding:2rem 0;text-align:center}.services-container h1{font-size:2.5rem;font-weight:600;color:#0b2c52}.services-container p{font-size:1rem;margin:1rem 0 2rem;color:var(--text-color);padding:0 1rem}li{font-size:.9rem;color:var(--text-color);list-style:none;margin-bottom:.5rem}i{color:#123c69;font-size:1.5rem;margin-bottom:20px}.service-card{margin-top:50px;display:grid;gap:30px;padding:0 1rem;grid-template-columns:repeat(auto-fit,minmax(333px,1fr))}.animated-service-card{background:var(--bg-color);padding:30px;box-shadow:0 4px 10px #0003;color:#fff;border-radius:30px;font-size:1rem;font-weight:300;cursor:pointer;transition:background .5s,transform .5s;text-align:left}.animated-service-card:hover{background:#ededed;transform:translateY(-10px);color:#000}.animated-service-card h3{font-size:1.3rem;margin-bottom:20px;font-weight:500}.animated-service-card ul{padding:0}.animated-service-card button{padding:.5rem 1rem;margin-top:20px;border-radius:25px;background-color:#39a9db;border:none;cursor:pointer;color:#fff;font-weight:500;transition:background .3s ease-in-out;text-align:left}.animated-service-card button:hover{background:#0077b6}@media (max-width: 1024px){.service-card{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.service-card{grid-template-columns:1fr}}.why-us{background:var(--bg-color);padding:2rem 0}.headings{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:1rem!important;color:#0b2c52}.why-us p{line-height:1.6;padding:0 1rem;margin-bottom:1rem;font-size:1rem;color:var(--text-color);text-align:center}.why-us-content{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1rem;padding:0 1rem}.why-us-box{background:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease-out,box-shadow .3s ease-out;text-align:center}.why-us-box:hover{transform:translateY(-10px);box-shadow:0 8px 20px #00000080}.why-us-box i{color:#123c69;font-size:2.4rem}.why-us-box h2{font-size:1.3rem;margin-top:20px;font-weight:600;color:var(--text-color)}.why-us-box .price h6{color:var(--text-color);font-weight:200;font-size:.9rem;margin-top:20px}@media (max-width: 1200px){.why-us-content{grid-template-columns:repeat(3,1fr)}.why-us p{padding:2rem 5rem}}@media (max-width: 768px){.why-us-content{grid-template-columns:1fr 1fr}.why-us p{padding:2rem}}@media (max-width: 480px){.why-us-content{grid-template-columns:1fr}}.main-contact-container{padding:2rem;max-width:1200px;margin:0 auto}.demo-title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:#0b2c52}.contact-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.left-section,.right-section{flex:1 1 100%;max-width:100%}@media (min-width: 768px){.left-section,.right-section{flex:1 1 48%;max-width:48%}}.left-align{display:flex;flex-direction:column;justify-content:flex-start;margin-top:5rem}.left-section h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#0b2c52}.left-section p{font-size:1rem;color:#555;line-height:1.6}.demo-image{width:100%;max-height:400px;object-fit:cover;border-radius:10px;margin-top:1.5rem}form input,form select,form textarea{width:100%;padding:.75rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box;background-color:#fff}.input-group{display:flex;gap:.5rem;flex-wrap:wrap}.input-group select,.input-group .mobile-input{flex:1 1 48%}.mobile-input{height:3.1rem;display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;overflow:hidden;background-color:#fff}.prefix{padding:.75rem;background-color:#eee;border-right:1px solid #ccc;font-size:1rem;color:#333}.mobile-input input{flex:1;padding:.5rem;border:none;font-size:1rem;border-left:none;width:100%;height:3rem;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.btn-reset,.btn-submit{padding:.6rem 1.5rem;font-size:1rem;border-radius:8px;width:10rem;cursor:pointer;border:none;transition:background-color .3s ease}.btn-reset{background-color:#f0f0f0;color:#000}.btn-reset:hover{background-color:#e0e0e0}.btn-submit{background-color:#39a9db;color:#fff}.btn-submit:hover{background:#0077b6}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#252e39;color:#fff;padding:1rem;display:flex;flex-direction:column;align-items:center;z-index:1000;font-size:.9rem;text-align:center}.cookie-banner p{margin:0 0 10px;padding:0 1rem;line-height:1.4}.cookie-banner button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;margin:0 5px;cursor:pointer;border-radius:5px;font-size:.9rem}.cookie-banner button:hover{background-color:#45a049}@media (min-width: 600px){.cookie-banner{flex-direction:row;justify-content:space-between;padding:1rem 2rem;text-align:left}.cookie-banner p{margin:0;flex:1;padding-right:1rem}.cookie-banner button{margin-left:10px}}