*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9;margin:0}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 15px;height:100%;max-height:none}}html{scroll-behavior:smooth}section{height:100vh;padding:60px 20px;text-align:center}h1,h2{margin-bottom:20px;font-size:2.5rem;color:#fdefef}p{margin:0 auto;font-size:1.2rem;max-width:800px;color:#a6d481}.tabe-container{width:100%;background-color:#f4f4f4;border:10px solid #4e54c8;box-shadow:0 2px 5px #0000001a}.tabe-content{display:flex;justify-content:space-between;align-items:center;text-align:center;padding:4px 20px;color:#333}.contact-info{display:flex;flex-direction:row;justify-content:space-between;width:50%;align-items:center;text-align:center}.contact-info div{display:flex;flex-direction:row;width:48%;align-items:center;text-align:center}.contact-info h3{font-size:1.1rem;color:#4e54c8;align-items:center;text-align:center}.contact-info p{font-size:1rem;color:#555;align-items:center;text-align:center}.social-media{width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.social-media h3{font-size:1.1rem;color:#4e54c8;margin-bottom:10px;align-items:center;text-align:center}.social-links a{display:inline-block;margin-right:10px;font-size:1rem;color:#4e54c8;text-decoration:none;transition:color .3s ease;align-items:center;text-align:center}.social-links a:hover{color:#8f94fb}.report-btn{display:flex;justify-content:center;text-align:center}.report-btn button{padding:5px 20px;background-color:#4e54c8;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.report-btn button:hover{background-color:#8f94fb}#app-container{display:flex;flex-direction:column;min-height:100vh}.sidebar{width:250px;background:#f4f4f4;padding:20px;display:none}.navbar{background-color:#4e54c8;padding:15px 0;position:sticky;width:100%;top:0;left:0;z-index:1000;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}.nav-links .logo{display:none}.navbar img{width:150px}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-links{list-style:none;display:flex;gap:20px;align-items:center;transition:transform .3s ease-in-out}.nav-links.active{transform:translate(0)}.nav-links{display:flex}.nav-links li{font-size:1.2rem}.nav-links a{color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px;transition:color .3s ease;display:inline-block;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#bfc0c7;transition:width .3s ease}.nav-links a:hover{color:#bfc0c7}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#bfc0c7}.nav-links a.active:after{width:100%}.hamburger-btn{display:none;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}.contact-btn{background-color:#fff;color:#4e54c8;border:none;padding:10px 20px;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease;display:flex;align-items:center}.contact-btn:hover{background-color:#f9f9f9;color:#4e54c8}footer{background:#222;color:#fff;text-align:center;padding:20px 0;font-family:Arial,sans-serif}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-info{display:flex;align-items:center;flex-direction:row;justify-content:center;text-align:center}.footer-container{flex-direction:row;justify-content:space-between;align-items:center}.footer-info h5{font-size:14px;color:#bbb}.footer-info h4 a{text-decoration:none;color:#0cf149;font-size:16px}.footer-info h4 a:hover{color:#66c0ff}.footer-links{list-style:none;padding:0;display:flex;gap:15px;justify-content:center}.footer-links li{display:inline}.footer-links a{text-decoration:none;color:#ddd;font-size:14px}.footer-links a:hover{color:#66c0ff}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center}.footer-info{flex-direction:column}}@media (max-width: 480px){.footer-container{padding:15px}.footer-info p{font-size:14px}.footer-links{flex-direction:column;gap:8px}.footer-links a{font-size:13px}}.hero{padding:0;max-height:1200px}.hero .HeroWrapper{background:linear-gradient(to right,#a71515,#62637c)}.hero .HeroWrapper .container{color:#fff;height:60vh;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:left;max-height:780px}.hero-image{position:relative;margin-top:18rem}.hero-img{width:40rem}.floating-item{position:absolute;background:#ffffff63;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:20%;box-shadow:0 5px 15px #0003;display:flex;justify-content:center;align-items:center;width:20px;height:auto;animation:floatAnimation 3s ease-in-out infinite;transition:transform .3s ease}.floating-item:hover{transform:scale(1.1)}.tech-icon{font-size:2rem;color:#007bff}.floating-mobile{top:10%;left:14%;width:80px;height:80px;animation-delay:0s}.floating-cloud{bottom:10%;left:15%;width:200px;height:200px;animation-delay:1s}.floating-code{top:40%;right:14%;width:100px;height:100px;animation-delay:2s}.hero span{display:block;border-top:5px solid #d8d8df;margin:20px 0}.hero button{padding:10px 80px;background:#fff;color:#474a85;border:none;border-radius:5px;font-size:1rem;cursor:pointer;margin-top:20px;transition:background .3s ease}.hero button:hover{background:#d8baba}@media (max-width: 768px){.hero .HeroWrapper .container{height:30vh;max-height:none}.hero .hero-info{margin-top:2rem;padding:10px;justify-content:center}.hero-image{position:relative;margin-top:2rem}}.progress{background:linear-gradient(to right,#a71515,#62637c);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center;height:30vh;max-height:290px;color:#a6d481}.progress .counter{display:flex;flex-direction:row;gap:20px;align-items:center;margin-top:20px}.counter-item{display:flex;align-items:center;gap:15px;background:#ffffff1a;padding:15px 20px;border-radius:10px;width:80%;max-width:500px;text-align:left}.counter-item .icon{font-size:3rem;color:#fff}.text-box h3{margin:0;font-size:1.5rem;font-weight:700}.text-box p{margin:0;font-size:1rem;color:#ddd}@media (max-width: 768px){.progress{max-height:none;margin-top:2rem}.progress .counter{flex-direction:column}}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px;max-height:1200px;background:#f9f9f9}.about-content{display:flex;justify-content:center;align-items:center;text-align:left;width:100%;max-width:1200px;gap:20px}.about-image{position:relative;max-width:650px}.image{object-fit:cover;width:100%;max-width:650px;height:450px;border-radius:10px}.floating-item{position:absolute;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;border-radius:50%;box-shadow:0 5px 15px #0003;display:flex;justify-content:center;align-items:center;width:55px;height:55px;animation:floatAnimation 3s ease-in-out infinite;transition:transform .3s ease}.floating-item:hover{transform:scale(1.15)}.tech-icon{font-size:1.8rem;color:#007bff}.top-left{top:12%;left:8%}.bottom-left{bottom:12%;left:8%}.right-middle{top:40%;right:8%}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.about-text{flex:1}.about h1{color:#1f2122;font-size:2rem;margin-bottom:20px}.about-text p{color:#333;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.textwrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.textwrapper span{display:block;height:235px;margin-right:10px;border:3px solid #dd9b0b}.points{display:flex;flex-direction:column;list-style:none;padding:10px}.points li{display:flex;align-items:flex-start;flex-direction:row;gap:5px;margin-bottom:15px}.points strong{display:block;font-weight:700;color:#007bff}.icon{color:#007bff;font-size:1.5rem;flex-shrink:0}@media (max-width: 1024px){.about-content{flex-direction:column;text-align:center}.about-text{text-align:center}.textwrapper{flex-direction:column;align-items:center}.textwrapper span{display:none}}.points strong{display:flex;align-items:center}@media (max-width: 768px){.about-content{padding:20px}.about-image{display:none}.points{padding:0}.points strong{display:flex;align-items:center}.points li{flex-direction:column;text-align:center}.icon{margin-bottom:5px}}.services{background:linear-gradient(to right,#a71515,#62637c);display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;padding:50px 20px;max-height:1200px;text-align:center}.services .serviceswrap h2{margin-bottom:4rem}.services .serviceCards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.services .card{background:#fff;padding:60px 30px;border:1px solid #ddd;border-radius:15px;width:350px;box-shadow:0 5px 8px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.services .card:hover{transform:translateY(-8px);box-shadow:0 8px 16px #0003}.services .card h3{margin-top:15px;font-size:1.8rem}.services .card p{font-size:1.1rem;color:#555;line-height:1.6;margin-top:10px}.team{display:flex;flex-direction:column;background-color:#f2f2f2;padding:60px 20px;text-align:center;justify-content:center;max-height:1200px}.team h2{font-size:2.5rem;margin-bottom:40px;color:#333}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.team-member{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:scale(1.02);box-shadow:0 6px 12px #0003}.team-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.team-member:hover .team-img{transform:scale(1.1)}.caption{position:absolute;bottom:0;left:0;right:0;background:#00f6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;color:#fff;text-align:center;transition:background .3s ease}.caption h3{margin:0;font-size:1.5rem}.caption p{margin-top:5px;font-size:1rem;opacity:.9}.team-member:hover .caption{background:#0000ff85}.contact{padding:50px 0;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#a71515,#62637c);max-height:1200px}.contact-grid{display:flex;width:80%;max-width:1000px;height:500px;margin:auto;border-radius:10px;overflow:hidden;border:2px solid #ddd}.contact-form{flex:1;background:#fff;color:#081a51;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.contact-form h2{font-size:24px;margin-bottom:10px;color:#1f2122}.contact-form p{font-size:16px;margin-bottom:20px;color:#555}.contact-form form{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.contact-form input,.contact-form textarea{width:100%;max-width:400px;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.contact-form button{padding:12px 20px;background:#081a51;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease}.contact-form button:hover{background:#0a1d63}.contact-map{flex:1;background:#081a51;display:flex;justify-content:center;align-items:center;position:relative}.contact-map iframe{width:90%;height:80%;border-radius:10px;border:none}@media (max-width: 768px){.tabe-container{display:none}section{height:100%}.hero .HeroWrapper .container{height:100%;max-height:none;flex-direction:column-reverse}.about,.services,.team,.contact{padding:30px 10px;max-height:none;height:100%}.about-image .image{height:100%}.progress{height:100%;max-height:none}.tabe-container{width:100%;padding:10px}.navbar img{width:120px}.contact .contact-grid{flex-direction:column;width:100%;height:700px}.social-media{width:100%;margin-top:10px}.social-links a{font-size:.9rem}.nav-links{position:fixed;box-shadow:0 4px 20px #00000061;top:0;left:-250px;background-color:#4e54c8;height:100%;width:250px;flex-direction:column;justify-content:left;padding:20px;gap:20px}.nav-links .logo{display:block}.nav-links .logo a:after{content:none}.nav-links.active{left:0}.hamburger-btn{display:block}}