@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&family=Playfair+Display:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#0f172a;overflow-x:hidden}#root{width:100%;min-height:100vh}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}.hero-h1{font-family:Open Sans;font-size:5.5rem;font-weight:800;color:#222;line-height:1.2;margin:100px auto 60px;text-align:center;max-width:2200px;padding:0 60px}.hero-about{display:flex;align-items:center;justify-content:center;gap:80px;margin:100px auto;padding:0 60px;max-width:2250px}.hero-about img{width:50%;height:auto;border-radius:24px;box-shadow:0 6px 20px #0000001f;object-fit:cover}.hero-about span{font-family:Open Sans,sans-serif;font-size:2rem;color:#919dae;line-height:2;width:50%;max-width:750px;text-align:justify}@media(max-width:768px){.hero-h1{font-size:2.5rem;margin:40px auto 30px;padding:0 16px}.hero-about{flex-direction:column;gap:30px;margin:40px auto;padding:0 16px;align-items:flex-start}.hero-about img{width:100%}.hero-about span{width:100%;font-size:1.1rem}}.projects{display:flex;justify-content:center;align-items:flex-start;gap:70px;width:100%;padding:80px 60px;box-sizing:border-box;min-height:100vh;flex-wrap:wrap;max-width:2200px;margin:100px auto 0}.projects>div{max-width:1000px;width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 30px #0d94881f;transition:box-shadow .3s ease,transform .3s ease;border:1px solid #defaf8;display:flex;flex-direction:column}.projects>div:hover{box-shadow:0 20px 50px #0d948840;transform:translateY(-10px)}.projects img{width:100%;height:600px;object-fit:cover;display:block;transition:transform .3s ease}.projects>div:hover img{transform:scale(1.08)}.projects p{color:#0f172a;font-family:Open Sans,sans-serif;font-size:2rem;font-weight:700;margin:40px 40px 24px;line-height:1.5;text-align:left}.projects span{padding:0 40px 40px;display:block;font-family:Open Sans,sans-serif;color:#64748b;font-size:1.8rem;line-height:1.8;text-align:justify}.a{margin:20px;height:85px;width:250px;font-size:30px;font-weight:600;color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:16px;cursor:pointer;box-shadow:0 12px 30px #14b8a666;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.a:hover{transform:translateY(-3px);box-shadow:0 16px 40px #14b8a680}@media(max-width:768px){h2{font-size:2.2rem;margin-top:40px;margin-bottom:30px;padding:0 16px}.projects{flex-direction:column;gap:30px;padding:40px 16px;min-height:auto}.projects>div{max-width:100%;width:100%}.projects img{height:280px}.projects p{font-size:1.3rem;margin:24px 24px 16px}.projects span{font-size:1rem;padding:0 24px 24px}}h2{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin-bottom:24px;line-height:1.2}.testimonial-container{display:flex;flex-direction:row;align-items:center;padding:60px;width:100%}.testimonial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;width:100%;max-width:2200px;margin:0 auto;padding:80px 60px 120px;box-sizing:border-box}.testimonial-card{width:100%;background:#fff;padding:60px;border:1px solid #defaf8;border-radius:32px;display:flex;flex-direction:column;gap:60px;color:#64748b;transition:all .3s ease;box-shadow:0 6px 20px #0d94881a;min-height:auto;height:100%}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0d948833;border-color:extract all the email address and seprate them by,remove distored email adddress and the the count of email addresses}.testimonial-header{display:flex;align-items:center;justify-content:space-between}.testimonial-name{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.testimonial-review{font-family:Open Sans,sans-serif;font-size:1.8rem;line-height:1.8;color:#64748b;text-align:left;margin:0;flex-grow:1}.testimonial-client{display:flex;align-items:center;gap:20px;padding-top:20px;margin-top:auto}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #defaf8}.testimonial-client-name{font-weight:600;color:#0f172a;font-size:1.3rem;font-family:Open Sans,sans-serif}@media(max-width:768px){h2{font-size:2.2rem;margin-top:40px;margin-bottom:30px;padding:0 16px}.testimonial-container{padding:30px 16px}.testimonial-row{grid-template-columns:1fr;gap:30px;padding:30px 16px 50px}.testimonial-card{padding:35px;min-height:auto}.testimonial-review{font-size:1rem;line-height:1.6}.testimonial-avatar{width:45px;height:45px}.testimonial-client-name{font-size:1rem}}.contact-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;padding:80px 0;position:relative;background-image:url(/assets/contact-bg.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.contact-page:before{content:"";position:absolute;inset:0;background:#fffc;z-index:0}.contact-page>*{position:relative;z-index:1}.contact-container{width:100%;max-width:1400px;padding:100px 60px;margin:0 auto}.contact-title{text-align:left;font-size:5rem;font-weight:700;color:#0f172a;margin-bottom:20px;line-height:1.2}.contact-subtitle{text-align:left;font-size:2rem;color:#64748b;margin-bottom:70px;line-height:1.5}.contact-form{width:100%;display:flex;flex-direction:column;max-width:1100px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:1.6rem;font-weight:600;margin-top:45px;margin-bottom:18px;color:#0f172a;text-align:left}.form-group input,.form-group textarea{width:100%;padding:24px 28px;font-size:1.4rem;border-radius:16px;border:1px solid #e2e8f0;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a626}.form-group textarea{resize:vertical;min-height:220px}.submit-btn{height:85px;width:500px;font-size:1.5rem;font-weight:600;margin-top:60px;color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:16px;cursor:pointer;box-shadow:0 12px 30px #14b8a666;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px #14b8a680}.submit-btn:active{transform:translateY(0)}@media(max-width:768px){.contact-page{padding:20px 0}.contact-container{padding:40px 16px}.contact-title{font-size:2.2rem;margin-bottom:10px}.contact-subtitle{font-size:1.1rem;margin-bottom:40px}.form-group label{font-size:1.1rem;margin-top:28px;margin-bottom:12px}.form-group input,.form-group textarea{padding:16px 18px;font-size:1rem}.form-group textarea{min-height:140px}.submit-btn{width:100%;height:60px;font-size:1.1rem;margin-top:40px}}.process-section{min-height:100vh;padding:120px 60px;background:#fff;width:100%;overflow-x:hidden}.process-grid{max-width:2200px;margin:0 auto 200px;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.process-card{position:relative;height:650px;width:100%;border-radius:32px;overflow:hidden;cursor:pointer;box-shadow:0 6px 30px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.process-card:hover{transform:translateY(-10px);box-shadow:0 16px 50px #0003}.process-bg{position:absolute;inset:0}.process-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.process-card:hover .process-img{transform:scale(1.05)}.process-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 50%,transparent 100%);z-index:1}.process-step{position:absolute;top:32px;left:32px;background:#14b8a6;color:#fff;padding:12px 24px;border-radius:999px;font-weight:700;font-size:1.2rem;z-index:2}.process-title{position:absolute;bottom:32px;left:32px;right:32px;font-size:2.5rem;font-weight:700;color:#fff;z-index:2;text-shadow:0 3px 12px rgba(0,0,0,.6)}.tech-card img{width:120px;height:120px;object-fit:contain}@media(max-width:768px){.section-title{font-size:2.2rem;margin-bottom:12px}.section-subtitle{font-size:1.1rem;margin-bottom:50px;padding:0 16px}.process-section{padding:50px 16px}.process-grid{grid-template-columns:repeat(2,1fr);gap:24px}.process-card{height:350px}.process-step{top:18px;left:18px;padding:6px 14px;font-size:.9rem}.process-title{font-size:1.4rem;bottom:18px;left:18px;right:18px}.tech-section{padding:50px 16px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:20px}.tech-card{padding:40px 24px;min-height:180px}.tech-card img{width:80px;height:80px;margin-bottom:16px}.tech-card span{font-size:1rem}}#root{margin:0 auto;text-align:center;background:#f8fafc;overflow-x:hidden;width:100%}.offer{font-family:Open Sans,sans-serif;font-size:1.8rem;color:#919dae;line-height:2;margin:60px auto 200px;padding:0 160px;max-width:2200px;text-align:justify}.offer h3{font-size:3.5rem;font-weight:500;color:#333;margin-bottom:40px;text-align:left}.offer .span{display:block}.offer ul{margin-top:24px;padding-left:32px;list-style-type:disc}.offer li{margin-bottom:16px;line-height:2}@media(max-width:768px){.offer{font-size:1.1rem;margin:40px auto;padding:0 16px}.offer h3{font-size:1.8rem;margin-bottom:20px}.offer ul{padding-left:20px}}.architecture{width:100%;height:auto;border-radius:24px;object-fit:cover;margin:200px auto;align-items:center}.architecture img{margin:200px auto;width:70%;height:auto;border-radius:24px;object-fit:cover;align-items:center}.coreModules{min-height:80vh;max-width:2200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(229,231,235,.7);border-radius:12px;overflow:hidden;gap:32px}.coreModules-card{padding:50px 50px 112px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;transition:all .3s ease;border-radius:18px}.coreModules-card:hover{background-color:#f9fafb;border:2px solid #0d9488;box-shadow:0 10px 25px #41a390}.coreModules-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;color:#6b7280}.coreModules-header svg{width:180px;height:180px;color:#0d9488;flex-shrink:0;transition:transform .3s ease;transform:scale(1.5)}.coreModules-header h2{font-size:32px;font-weight:700;color:#111827;margin:0;text-align:left;line-height:1.3;letter-spacing:-.5px}.coreModules-card p{max-width:560px;font-size:24px;line-height:1.7;color:#6b7280;margin:0;text-align:justify;align-items:center}@media(max-width:640px){.coreModules{grid-template-columns:1fr}.coreModules-card{border-right:none!important}.coreModules-card:not(:last-child){border-bottom:1px solid rgba(229,231,235,.7)}}.section-title{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin-bottom:24px;line-height:1.2}.section-subtitle{font-family:Open Sans,sans-serif;font-size:2rem;color:#334155;text-align:center;margin-bottom:100px;padding:0 60px;line-height:1.6}.tech-section{min-height:100vh;padding:120px 60px;background:#e1f8f6;width:100%}.tech-grid{max-width:2200px;margin:0 auto 200px;display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.tech-card{background:#fff;border-radius:32px;padding:70px 40px;text-align:center;box-shadow:0 20px 50px #0000001a;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.tech-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00000026}.tech-card img{width:140px;height:140px;object-fit:contain;margin-bottom:28px;transition:transform .25s ease}.tech-card:hover img{transform:scale(1.1)}.tech-card span{font-size:1.4rem;font-weight:600;color:#0f172a;word-break:break-word}@media(max-width:768px){.tech-section{padding:50px 16px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:20px}.tech-card{padding:40px 24px;min-height:180px}.tech-card img{width:80px;height:80px;margin-bottom:16px}.tech-card span{font-size:1rem}}.faq-wrapper{max-width:2000px;padding:0 16px;text-align:center;margin:250px auto}.faq-title{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin:20px;line-height:1.2}.faq-subtitle{margin:40px;line-height:1.5;font-size:30px;color:#64748b}.faq-item{margin:0;padding:0}.faq-list{margin-top:20px;display:flex;flex-direction:column;gap:28px;text-align:justify}.faq-question{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;padding:28px 32px;border-radius:28px;cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease,transform .2s ease}.faq-question h2{font-size:36px;font-weight:400;line-height:1.3;margin:0;color:#0f172a}.arrow{height:20px;transform:scale(1.5);transition:transform .4s ease}.arrow.rotate{transform:scale(1.5) rotate(180deg)}.faq-answer{padding:0 16px;font-size:36px;color:#64748b;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:all .4s ease}.faq-answer.open{padding-top:14px;max-height:200px;opacity:1;transform:translateY(0)}.faq-question:hover{box-shadow:0 12px 40px #5dafa54d;border-color:#57a9a0;transform:translateY(-2px)}@media(max-width:768px){.faq-question{padding:20px 22px}.faq-question h2{font-size:2.4rem}.faq-answer{font-size:1.8rem}}.ecommerce-flow{padding:80px 24px;background-color:#ebffff}.flow-header{max-width:2200px;margin:0 auto 64px;text-align:center}.flow-main-title{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin:20px;line-height:1.2}.flow-subtitle{margin:40px;line-height:1.5;font-size:30px;color:#64748b}.flow-container{max-width:2000px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:48px}.flow-item{display:flex;align-items:center;justify-content:space-around}.flow-card{background:#ffffffb7;padding:24px 58px;border-radius:50px;min-width:1500px;color:#0f172a;display:flex;flex-direction:row;align-items:space-between;gap:18px;box-shadow:0 12px 30px #14b8a640;font-weight:400;text-align:left}.flow-card:hover{box-shadow:0 16px 40px #14b8a659;transform:translateY(-4px);transition:all .3s ease}.flow-horizontal{flex-direction:row}.flow-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:94px;margin-right:58px}.flow-content{display:flex;flex-direction:column;gap:4px}.flow-title{font-size:2.5rem;font-weight:600;margin-bottom:20px}.flow-desc{font-size:2rem;color:#4b5a6e;font-weight:400;text-align:justify}.flow-arrow-below-wrapper{display:flex;align-items:center;justify-content:center;width:100%;margin:24px 0 0}.flow-arrow{display:block;width:250px;height:26px;transform:rotate(90deg)}@media(max-width:768px){.flow-container,.flow-item{flex-direction:column}.flow-card{flex-direction:column;min-width:220px;text-align:center;align-items:center}.flow-arrow-below-wrapper{margin:12px 0 0}.flow-arrow{transform:rotate(90deg);margin:12px 0 0}}.core-module-title{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#373737;margin-bottom:24px;line-height:1.2}h2{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin-top:150px;margin-bottom:24px;line-height:1.2}.project{justify-content:center;align-items:flex-start;gap:70px;width:100%;padding:80px 60px;box-sizing:border-box;min-height:100vh;flex-wrap:wrap;max-width:2200px;margin:100px auto 0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 30px #0d94881f;transition:box-shadow .3s ease,transform .3s ease;border:1px solid #defaf8;display:flex;flex-direction:column}.project:hover{box-shadow:0 20px 50px #0d948840;transform:translateY(-10px)}.project img{width:1000%;height:800px;object-fit:cover;display:block;transition:transform .3s ease}.project:hover img{transform:scale(1.25)}.project p{color:#0f172a;font-family:Open Sans,sans-serif;font-size:2rem;font-weight:700;margin:40px 40px 24px;line-height:1.5;text-align:left}.project span{padding:0 40px 40px;display:block;font-family:Open Sans,sans-serif;color:#64748b;font-size:1.8rem;line-height:1.8;text-align:justify}.project a{height:85px;width:500px;font-size:38px;font-weight:600;color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:16px;cursor:pointer;box-shadow:0 12px 30px #14b8a666;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.project a:hover{transform:translateY(-3px);box-shadow:0 16px 40px #14b8a680}@media(max-width:768px){h2{font-size:2.2rem;margin-top:40px;margin-bottom:30px;padding:0 16px}.project{flex-direction:column;gap:30px;padding:40px 16px;min-height:auto}.project{max-width:100%;width:100%}.project img{height:280px}.project p{font-size:1.3rem;margin:24px 24px 16px}.project span{font-size:1rem;padding:0 24px 24px}}.uiux-approach{width:100%;height:auto;border-radius:24px;object-fit:cover;margin:200px auto;align-items:center;max-width:2200px;height:100vh}.uiux-content h2{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#0f172a;margin-bottom:24px;line-height:1.2}.uiux-content p{font-family:Open Sans,sans-serif;font-size:2rem;color:#334155;text-align:justify;margin-bottom:100px;padding:0 60px;line-height:1.6}.uiux-image{width:100%;height:80%}.uiux-image img{width:100%;height:100%;object-fit:cover;border-radius:32px}.coreModule{text-align:center;align-items:center;justify-content:center;margin-top:100px}.core-module-title{font-family:Open Sans,sans-serif;font-size:4.5rem;font-weight:600;text-align:center;color:#161616;margin-bottom:24px;line-height:1.2}.core-module-subtitle{margin-left:550px;margin-top:50px;max-width:1800px;font-family:Open Sans,sans-serif;font-size:2rem;color:#334155;text-align:center;margin-bottom:100px;padding:0 260px;line-height:1.6}.home-section{min-height:1800px;padding:80px 24px;background:#fff}.home-title{text-align:center;font-size:66px;font-weight:800;color:#0f172a;margin-bottom:150px}.home-links{max-width:2200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,3fr));gap:72px}.home-links a{background:#defaf8;padding:16px 20px;border-radius:14px;text-decoration:none;font-size:36px;font-weight:600;color:#0f172a;transition:transform .2s ease,box-shadow .2s ease}.home-links a:hover{transform:translateY(-4px);box-shadow:0 12px 25px #14b8a640}