.about_hero{background:#060810}.about_hero h1{color:#f8fafc}.about_hero p,.hero-desc{color:rgb(255 248 244 / .8)}.max-w-500{max-width:500px}.img-hero{overflow:hidden;height:550px}.img-hero img{width:100%;height:100%;object-fit:cover}.grid-card{border-radius:8px;background:linear-gradient(#0c0f1a) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:2px solid #fff0;padding:40px;width:90%;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card-icon i{background:linear-gradient(to left,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;display:inline-block}.card-title{font-size:34px;font-weight:700;color:#f8fafc!important}.card-dec{color:rgb(255 248 244 / .8);font-size:17px;text-transform:capitalize}.mission_values{background-color:#070b1f;padding:0;position:relative;overflow:hidden}.misi-content{padding:70px 0}.mission_values .bg_img{position:absolute;top:0;right:0;width:80%;height:75%;object-fit:cover;object-position:center;border-radius:0!important;z-index:0}.mission_values::before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to right,#070b1f 30%,transparent 100%);z-index:1;pointer-events:none}.mission_values::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(to top,#070b1f 60%,transparent 100%);z-index:1;pointer-events:none}.mission_values .container{position:relative;z-index:2}.misi-content h2{color:#f8fafc!important}.mission_values .blockquote{border-left:2px solid #6b6bff;padding:28px 32px;background:#0c0f1a}.mission_values .blockquote p{font-size:17px;font-weight:300;line-height:1.8;color:#d0d4f0;letter-spacing:-.1px;font-style:italic}.mission_values .blockquote .bq-source{font-size:12px;color:#4a5070;margin-top:10px;letter-spacing:.3px}.mission_values .mis-para,.mission_values .mis-para p{color:rgb(255 248 244 / .8)}.think-title{font-size:28px;font-weight:700;color:#f8fafc;margin:0}.mission-card{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mission-card .card-col{background:linear-gradient(#070b1f) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:1px solid #fff0;border-radius:8px;padding:20px 18px;transition:background 0.2s,border-color 0.2s;text-align:left}.mission-card .card-col:hover{background:rgb(107 107 255 / .08);border-color:rgb(107 107 255 / .3)}.mission-icon{width:56px;height:56px;background:rgb(107 107 255 / .12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#88f;font-size:24px}.mission-icon i{font-size:inherit;color:inherit}.mission-title{font-size:18px;color:#f8fafc;line-height:1.3}.mission-dec{font-size:14px;color:rgb(255 255 255 / .8);line-height:1.6;margin:0}.our_value{background:#f8fafc}.our_value .dec{color:#374151;line-height:1.75}.contrast-grid{display:flex;flex-direction:column;border:2px solid #fff0;border-radius:14px;overflow:hidden;background:linear-gradient(#f8fafc) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box}.contrast-header{display:grid;grid-template-columns:1fr 1fr}.ch-cell{padding:10px 20px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#111b27}.ch-no{border-right:1px solid #733ceb}.contrast-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #733ceb}.cr-no{padding:16px 20px;border-right:1px solid #733ceb;font-size:14px;color:#111b27;display:flex;align-items:center;gap:10px}.cr-x{width:16px;height:16px;border-radius:50%;background:rgb(255 60 60 / .1);border:1px solid rgb(255 60 60 / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;color:rgb(255 80 80 / .7)}.cr-yes{padding:16px 20px;font-size:14px;color:#111b27;font-weight:500;display:flex;align-items:center;gap:10px}.cr-check{width:16px;height:16px;border-radius:50%;background:rgb(79 110 247 / .12);border:1px solid rgb(79 110 247 / .25);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;color:#4f6ef7}.stand{background:#060810;color:#f8fafc}.stand .head_m{color:#f8fafc!important}.stand-card{grid-template-columns:repeat(4,1fr)}.stand-card .card-col{background:linear-gradient(#0c0f1a) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:2px solid #fff0;border-radius:8px;padding:24px 20px;transition:all 0.4s;text-align:left}.stand-card .card-col:hover{background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);background-clip:padding-box}.stand-icon{width:56px;height:56px;border:1px solid #fff0;background:linear-gradient(#0c0f1a) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#249afb;font-size:24px;transition:all 0.4s}.stand-card .card-col:hover .stand-icon{background:#f8fafc;background-clip:padding-box;color:#713deb}.stand-title{color:#f8fafc;font-size:20px}.stand-dec{color:rgb(255 255 255 / .8);font-size:14px;line-height:1.65}.services{background-image:url(https://qodeinvent.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-10-2026-01_21_32-PM.webp);background-size:cover;background-position:bottom}.service-card{grid-template-columns:repeat(4,1fr)}.service-card .card-col{padding:15px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background-color 0.3s ease,border-color 0.3s ease;background:rgb(7 3 41 / .11);backdrop-filter:blur(3px);border:1px solid rgb(7 11 31 / .15)}.service-card .card-col:hover{border-color:#070b1f}.service-title{font-size:16px;font-weight:600}.service-dec{font-size:13px;line-height:1.55}.ind{background:#070b1f;color:rgb(255 248 244 / .8)}.ind .head_m{color:#f8fafc!important}.ind-card{grid-template-columns:repeat(5,1fr)}.ind-card .card-col{background:linear-gradient(#070b1f) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:1px solid #fff0;border-radius:8px;padding:20px 18px;transition:background 0.2s,border-color 0.2s;text-align:left}.ind-card .card-col:hover{background:rgb(107 107 255 / .08);border-color:rgb(107 107 255 / .3)}.ind-icon{width:56px;height:56px;background:rgb(107 107 255 / .12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.ind-title{font-size:18px;color:#f8fafc;line-height:1.3}.ind-dec{font-size:14px;color:rgb(255 255 255 / .8);line-height:1.6;margin:0}.team{background:#f8fafc}.team-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.team-card .card-col{background:linear-gradient(#f8fafc) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:2px solid #fff0;border-radius:14px;padding:24px;text-align:center;transition:all 0.4s}.team-card .card-col:hover{background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);background-clip:padding-box!important}.team-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#f8fafc;margin:0 auto 16px}.team-name{font-size:18px;font-weight:600;letter-spacing:-.2px;transition:color 0.4s}.team-role{font-size:13px;color:#6b7280;line-height:1.4;transition:color 0.4s}.team-bio{font-size:15px;line-height:1.65;font-weight:300;transition:color 0.4s}.team-card .card-col:hover .team-name,.team-card .card-col:hover .team-role,.team-card .card-col:hover .team-bio{color:#f8fafc!important}.why-card{grid-template-columns:repeat(3,1fr)}.why-num{font-size:36px;font-weight:700;letter-spacing:-1.5px;line-height:1;background:linear-gradient(135deg,#4f6ef7,#7b5cf7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.why-card .stand-title{font-size:16px}.why-card .stand-dec{font-size:13px}.why-card .card-col:hover .why-num{background:#f8fafc;background-clip:text;-webkit-background-clip:text}.client_review{overflow:hidden;background:#f8fafc}.testimonial_item{display:none}.testimonial_item.active{display:block}.testimonial_box{background:#070b1f;border-radius:32px;padding:50px;box-shadow:0 20px 60px rgb(0 0 0 / .08);min-height:300px;display:flex;align-items:center}.review_content{display:flex;flex-direction:column;gap:25px}.review_text p{font-size:20px;line-height:1.7;color:#f8fafc;margin:0;font-weight:600}.client_info{display:flex;align-items:center;justify-content:flex-end;gap:15px}.client_img{width:72px;height:72px;border-radius:50%;object-fit:cover}.cli_name{display:flex;flex-direction:column;gap:5px}.cli_name h5{margin:0;font-size:18px;font-weight:700;color:#f8fafc}.cli_name p{margin:0;color:rgb(255 255 255 / .7);font-size:14px}.testimonial_nav{display:flex;justify-content:flex-end;gap:12px}.testimonial_nav button{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);color:#f8fafc;cursor:pointer;transition:transform 0.35s}.testimonial_nav button:hover{transform:translateY(-4px)}.testimonial_nav i{font-size:18px}.technology{background:#070b1f;color:#f8fafc}.technology h2{color:#f8fafc!important}.tech-card{display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.kw-pill{background:linear-gradient(#070b1f) padding-box,linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%) border-box;border:1px solid #fff0;border-radius:100px;padding:8px 18px;font-size:14px;color:#f8fafc;letter-spacing:.2px;transition:all 0.2s;text-align:center}.kw-pill:hover{background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);background-clip:padding-box}.cta{background:#f8fafc}.cta-card{width:80%;margin:0 auto;background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#1ea7ff 100%);border-radius:20px;color:#f8fafc;text-align:center;padding:50px 40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.cta-card h2{color:#f8f5f2!important}.cta-card p{max-width:600px;color:rgb(255 255 255 / .9)}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.cta-card .badge-dot{background:#f8fafc}.cta-card .btn-demo{background:#f8fafc!important;color:#070b1f!important;border:1px solid #f8fafc!important}.cta-card .btn-demo.outline{background:transparent!important;color:#f8fafc!important}.cta-card .btn-demo:hover{background:transparent!important;color:#f8fafc!important}.cta-card .btn-demo.outline:hover{background:#f8fafc!important;color:#070b1f!important}@media (max-width:1199px){.stand-card{grid-template-columns:repeat(3,1fr)}.service-card{grid-template-columns:repeat(3,1fr)}.why-card{grid-template-columns:repeat(3,1fr)}.tech-card{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.img-hero{height:100%}.grid-card{width:100%;padding:28px 20px}.mission_values .bg_img{width:100%;height:50%}.mission_values::before{background:linear-gradient(to right,#070b1f 0%,rgb(7 11 31 / .85) 100%)}.stand-card{grid-template-columns:repeat(2,1fr)}.service-card{grid-template-columns:repeat(3,1fr)}.why-card{grid-template-columns:repeat(2,1fr)}.tech-card{grid-template-columns:repeat(3,1fr)}.testimonial_box{padding:35px;min-height:auto;flex-direction:column}.client_info{justify-content:flex-start}.testimonial_nav{justify-content:flex-start}.cta-card{width:100%;padding:40px 30px}.faq-q{font-size:16px}}@media (max-width:767px){.about_hero h1.main_h{font-size:34px}.max-w-500{max-width:100%}.grid-card{padding:24px 16px}.card-title{font-size:28px}.misi-content{padding:50px 0}.mission_values .blockquote{padding:20px}.mission_values .blockquote p{font-size:15px}.think-title{font-size:24px}.stand-card{grid-template-columns:repeat(2,1fr)}.stand-title{font-size:16px}.service-card{grid-template-columns:repeat(2,1fr)}.ind-card{grid-template-columns:repeat(2,1fr)}.team-card{grid-template-columns:repeat(2,1fr)}.why-card{grid-template-columns:repeat(2,1fr)}.why-num{font-size:28px}.client_review{padding:50px 0}.testimonial_box{padding:25px;border-radius:20px}.review_text p{font-size:17px;line-height:1.75}.client_info{flex-direction:row;flex-wrap:wrap}.testimonial_nav{margin-top:10px}.testimonial_nav button{width:48px;height:48px}.tech-card{grid-template-columns:repeat(2,1fr)}.kw-pill{font-size:13px;padding:7px 14px}.faq-q{font-size:15px}.cta-card{padding:36px 20px;border-radius:14px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn-demo{width:100%;text-align:center}}@media (max-width:575px){.about_hero h1.main_h{font-size:28px;line-height:1.25}.grid-card{padding:20px 14px}.grid{grid-template-columns:repeat(2,1fr)}.card-title{font-size:24px}.card-dec{font-size:14px}.mission_values::before{background:rgb(7 11 31 / .9)}.mission-card{grid-template-columns:1fr}.stand-card{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.ind-card{grid-template-columns:1fr}.team-card{grid-template-columns:1fr}.why-card{grid-template-columns:1fr}.testimonial_box{padding:20px}.review_text p{font-size:15px}.client_img{width:56px;height:56px}.cli_name h5{font-size:15px}.tech-card{grid-template-columns:1fr 1fr;gap:8px}.kw-pill{font-size:12px;padding:6px 10px}.faq-q{font-size:14px}.faq-a{font-size:13px}.cta-card{width:100%;border-radius:12px;padding:30px 16px}.cr-no,.cr-yes{padding:12px 12px;font-size:12px}.ch-cell{padding:8px 12px;font-size:10px}}@media (max-width:400px){.about_hero h1.main_h{font-size:24px}.tech-card{grid-template-columns:1fr}.testimonial_nav button{width:42px;height:42px}.grid-card{padding:16px 12px}}