:root{--primary:#004dc0;--primary-rgb:0, 77, 192;--primary-dark:#003a94;--primary-light:#e8f0fe;--secondary:#ff6b35;--dark:#0a0a1a;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-600:#6c757d;--white:#fff;--font-primary:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-nav{background:var(--primary);color:var(--white);z-index:10000;padding:8px 16px;transition:top .3s;position:absolute;top:-40px;left:0}.skip-nav:focus{top:0}#app{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}.page-wrapper{overflow:hidden}.service-wrapper.service-4 .row{row-gap:30px}.service-wrapper.service-4 .row>[class*=col]{display:flex}.service-wrapper.service-4 .signle-service-item{flex-direction:column;width:100%;padding-bottom:30px;display:flex;position:relative;overflow:visible;height:100%!important;min-height:auto!important}.service-wrapper.service-4 .signle-service-item p{text-overflow:unset;-webkit-line-clamp:unset;line-clamp:unset;flex:1;display:block;overflow:visible}.service-wrapper.service-4 .signle-service-item .infu-btn{margin-top:auto}.services-mega-menu.has-homemenu{width:900px!important;padding:0!important;left:-300px!important}.mega-menu-grid{grid-template-columns:repeat(4,1fr);gap:0;width:100%;display:grid}.mega-menu-col{border-right:1px solid #f0f0f0;padding:28px 24px}.mega-menu-col:last-child{border-right:none}.mega-menu-cat-header{border-bottom:2px solid var(--primary-light,#e8f0fe);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.mega-menu-cat-header i{background:linear-gradient(135deg, var(--primary,#004dc0), #6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px}.mega-menu-cat-header h5{color:var(--header,#0a0a1a);margin:0;font-size:15px;font-weight:700}.mega-menu-category ul{margin:0;padding:0;list-style:none}.mega-menu-category ul li{width:100%!important;margin:0!important;display:block!important}.mega-menu-category ul li a{white-space:nowrap;align-items:center;gap:8px;transition:all .25s;color:var(--text,#555)!important;border-bottom:none!important;padding:8px 0!important;font-size:14px!important;font-weight:500!important;display:flex!important}.mega-menu-category ul li a i{color:var(--primary,#004dc0);font-size:11px;transition:transform .25s}.mega-menu-category ul li a:hover{color:var(--primary,#004dc0)!important;padding-left:4px!important}.mega-menu-category ul li a:hover i{transform:translate(3px)}.mega-menu-cta{background:linear-gradient(135deg,#f0f4ff 0%,#e8efff 100%);border-right:none!important}.mega-menu-cta-inner{text-align:center;flex-direction:column;align-items:center;padding-top:10px;display:flex}.mega-menu-cta-inner>i{background:linear-gradient(135deg, var(--primary,#004dc0), #6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:36px}.mega-menu-cta-inner h5{color:var(--header,#0a0a1a);margin:0 0 6px;font-size:15px;font-weight:700}.mega-menu-cta-inner p{color:var(--text,#555);margin-bottom:8px;font-size:13px;line-height:1.5}.mega-menu-cta-inner .theme-btn{padding:8px 20px;font-size:13px}@media (width<=1199px){.services-mega-menu.has-homemenu{display:none!important}}::selection{background:var(--primary);color:var(--white)}.theme-btn.outline-btn{color:var(--primary);border:2px solid var(--primary);background:0 0;transition:all .3s}.theme-btn.outline-btn:hover{background:var(--primary);color:var(--white)}.theme-btn.secondary-btn{color:var(--primary);border:2px solid var(--primary);background:0 0}.theme-btn.secondary-btn:hover{background:var(--primary);color:var(--white)}body.overflow-hidden{overflow:hidden}.search-wrap.search-open{opacity:1;visibility:visible;display:flex}.fix-area.show .offcanvas__info{right:0}.offcanvas__overlay.show{opacity:1;visibility:visible}.tech-marquee-wrapper-premium{margin-top:2rem}.marquee-title-premium{text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-600);font-size:14px;font-weight:600;display:block}.tech-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tech-icon i,.tech-icon svg{width:1em;height:1em;color:var(--primary);opacity:.7;font-size:2.5rem;transition:opacity .3s,transform .3s}.tech-icon:hover i,.tech-icon:hover svg{opacity:1;transform:scale(1.15)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.floating-element{width:60px;height:60px;color:var(--primary);z-index:1;background:#004dc01a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.floating-element.f-e-1{animation-delay:0s;top:15%;right:25%}.floating-element.f-e-2{animation-delay:2s;top:50%;right:10%}.floating-element.f-e-3{animation-delay:4s;bottom:20%;right:30%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.form-group{margin-bottom:1rem}.form-label{color:var(--dark);margin-bottom:.5rem;font-weight:500;display:block}.input-icon-wrapper{position:relative}.input-icon-wrapper i{color:var(--gray-600);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon-wrapper .form-control{padding-left:40px}footer address{font-style:normal}.footer-widgets-1 .contact-info-area .contact .contact-text-link{width:auto!important;height:auto!important;color:var(--black-2)!important;font-size:inherit!important;line-height:inherit!important;background:0 0!important;border-radius:0!important;display:inline!important}.footer-widgets-1 .contact-info-area .contact .contact-text-link:hover{color:var(--theme-2)!important}.footer-widgets-1 .contact-info-area .contact .contact-icon-link{flex-shrink:0}#page-content{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-button .theme-btn{text-align:center;display:block;margin:0 auto 12px!important}.tech-icon i,.tech-icon svg{font-size:2rem}}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-details-image{border-radius:12px;position:relative;overflow:hidden}.project-details-image a{display:block;position:relative}.project-details-image a:after{content:"";opacity:0;z-index:1;background:#004dc099;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.project-details-image:hover a:after{opacity:1}.project-details-image .icon{background-color:var(--white);width:50px;height:50px;color:var(--primary);text-align:center;opacity:0;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:50px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5);display:flex!important}.project-details-image:hover .icon{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-details-image img{width:100%;height:auto;transition:transform .6s;display:block}.project-details-image:hover img{transform:scale(1.1)}@media print{.scroll-up,.fix-area,.offcanvas__overlay,.search-wrap,.mouse-cursor{display:none!important}}.gallery-image-wrapper{cursor:pointer;position:relative;overflow:hidden}.gallery-overlay{background:rgba(var(--primary-rgb), .7);opacity:0;z-index:10;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.gallery-image-wrapper:hover .gallery-overlay{opacity:1}.gallery-image-wrapper img{width:100%;transition:transform .6s;display:block}.gallery-image-wrapper:hover img{transform:scale(1.1)}.custom-check{background-color:#fff;transition:all .2s ease-in-out}.custom-check:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 6px #0000000d;border-color:var(--primary)!important}.custom-check input:checked{background-color:var(--primary);border-color:var(--primary)}.custom-check input:checked+label{color:var(--primary);font-weight:700!important}body{color:#111827;background:linear-gradient(#f8fafc 0%,#f1f5f9 50%,#eff6ff 100%) fixed;font-family:Inter,sans-serif}.kicker{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;background:#eff6ff;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.chip{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.card{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #e5e7ebb3;border-radius:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 20px 40px -15px #2563eb26}.icon-round{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.btn-primary{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 10px 25px -10px #2563eb80}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-outline{color:#111827;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.btn-outline:hover{color:#2563eb;border-color:#2563eb}.btn-blue-outline{color:#2563eb;background:#fff;border:1.5px solid #dbeafe;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}.btn-blue-outline:hover{background:#eff6ff}.nav-link{transition:color .2s;position:relative}.nav-link:hover{color:#2563eb}.nav-link.active{color:#2563eb;font-weight:600}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.float{animation:6s ease-in-out infinite float-y}.float-2{animation:8s ease-in-out .5s infinite float-y}.float-3{animation:7s ease-in-out 1s infinite float-y}.hero-artwork-layer{object-fit:contain;pointer-events:none;max-width:none;position:absolute}.hero-device{z-index:30;width:120%;top:20%;right:0%}.hero-code{z-index:10;width:240px;top:0;left:-72px}.hero-ai{z-index:10;width:230px;top:78px;right:-88px}.hero-cloud{z-index:10;width:220px;top:270px;right:-120px}@media (width>=1536px){.hero-device{width:1050px;top:0;right:20px}.hero-code{z-index:20;width:260px;top:98px;left:-90px}.hero-ai{z-index:20;width:250px;top:192px;right:-20px}.hero-cloud{z-index:20;width:235px;top:380px;right:-35px}}@media (width<=1279px){.hero-device{width:800px;top:-10px;right:-80px}.hero-code{width:210px;top:45px;left:-50px}.hero-ai{width:200px;top:92px;right:-62px}.hero-cloud{width:190px;top:260px;right:-82px}}@media (width<=1023px){.hero-device{width:min(800px,135vw);margin-right:min(-400px,-67.5vw);top:0;right:50%}.hero-code{width:min(210px,36vw);top:40px;left:-8vw}.hero-ai{width:min(200px,34vw);top:88px;right:-7vw}.hero-cloud{width:min(190px,32vw);top:255px;right:-9vw}}.filter-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.filter-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.filter-tab:hover:not(.active){color:#2563eb;border-color:#2563eb}.dashed-line{background-image:linear-gradient(90deg,#d1d5db 50%,#0000 0%);background-position:0;background-repeat:repeat-x;background-size:12px 2px;height:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.orb-decoration{opacity:.5;background:#dbeafe;border-radius:9999px;position:absolute}.timeline-line{background-image:linear-gradient(90deg,#cbd5e1 50%,#0000 0%);background-repeat:repeat-x;background-size:12px 2px;height:2px}.dot-grid{background-image:radial-gradient(circle,#93c5fd 1px,#0000 1px);background-size:12px 12px}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-stats{z-index:10;width:175px;top:50%;left:-100px}.form-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#94a3b8}.map-bg{background:linear-gradient(120deg,#e0f2fe 0%,#fef3c7 25%,#dbeafe 50%,#e0e7ff 75%,#f0f9ff 100%);position:relative}.map-bg:before{content:"";opacity:.5;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}html{scroll-behavior:smooth}.fade-up-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.fade-up-on-scroll.is-visible{opacity:1;transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.open{display:flex}.modal-box{background:#fff;border-radius:20px;width:100%;max-width:1100px;padding:40px;animation:.3s ease-out modalIn;position:relative}.modal-close{cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;position:absolute;top:20px;right:20px}.modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.tech-pill{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.info-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.modal-tab{color:#6b7280;cursor:pointer;border-bottom:2px solid #0000;padding:10px 0;font-size:14px;font-weight:500;transition:all .2s}.modal-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}body.no-scroll{overflow:hidden}.project-card,.product-card{-webkit-backdrop-filter:blur(12px)!important;background:#ffffffb3!important;border:1px solid #e5e7eb80!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 20px -2px #0f172a0a!important}.project-card:hover,.product-card:hover{background:#fffffff2!important;border-color:#2563eb66!important;transform:translateY(-5px)!important;box-shadow:0 20px 40px -15px #2563eb26!important}.service-card-web{background:linear-gradient(135deg,#eff6ffd9 0%,#dbeafe59 100%)!important}.service-card-mobile{background:linear-gradient(135deg,#faf5ffd9 0%,#f3e8ff59 100%)!important}.service-card-ai{background:linear-gradient(135deg,#ecfdf5d9 0%,#d1fae559 100%)!important}.service-card-uiux{background:linear-gradient(135deg,#fffbebd9 0%,#fef3c759 100%)!important}.service-card-mvp{background:linear-gradient(135deg,#fff1f2d9 0%,#ffe4e659 100%)!important}.service-card-cloud{background:linear-gradient(135deg,#f0f9ffd9 0%,#e0f2fe59 100%)!important}.service-card-backend{background:linear-gradient(135deg,#eff6ffd9 0%,#dbeafe59 100%)!important}.service-card-maintenance{background:linear-gradient(135deg,#faf5ffd9 0%,#f3e8ff59 100%)!important}.back-to-top{color:#fff;cursor:pointer;z-index:999;opacity:0;visibility:hidden;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)scale(.9);box-shadow:0 10px 25px -5px #2563eb66}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.back-to-top:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-4px)scale(1.05);box-shadow:0 15px 30px -5px #2563eb80}.back-to-top:active{transform:translateY(-2px)scale(.98)}.tech-marquee-container{width:100%;position:relative;overflow:hidden}.marquee-scroll-track{gap:2.5rem;width:max-content;animation:25s linear infinite marqueeScroll;display:flex}.marquee-scroll-track-reverse{gap:2.5rem;width:max-content;animation:25s linear infinite marqueeScrollReverse;display:flex}.tech-icon{background:#ffffffbf;border:1px solid #e5e7eb80;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.tech-icon:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb1a}@keyframes marqueeScrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}
