.about-hero-next{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw;padding:90px max(7vw,28px);display:grid}.about-hero-next nav{color:#b9cad3;gap:9px;font-size:13px;display:flex}.about-hero-next h1{max-width:850px}.about-hero-next p{color:#cedbe1;max-width:720px;font-size:18px;line-height:1.7}.about-hero-mark{aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;display:grid}.about-hero-mark img{width:72%;height:auto}.about-principles{grid-template-columns:.8fr 1.2fr;gap:7vw;padding:100px max(7vw,28px);display:grid}.about-capabilities{background:var(--navy);color:#fff;padding:100px max(7vw,28px)}.about-capabilities h2{color:#fff}.about-solution-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;display:grid}.about-solution-grid>a{border:1px solid #ffffff20;border-radius:14px;padding-bottom:28px;overflow:hidden}.about-solution-grid>a>div{height:220px;position:relative}.about-solution-grid img{object-fit:cover}.about-solution-grid span,.about-solution-grid h3,.about-solution-grid p,.about-solution-grid b{margin-left:24px;margin-right:24px;display:block}.about-solution-grid span{color:var(--soft-green);margin-top:24px}.about-solution-grid h3{font-size:25px}.about-solution-grid p{color:#bfcfd6;line-height:1.6}.about-solution-grid b{color:var(--soft-green)}.about-customers-next{background:#f3f7f8;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:100px max(7vw,28px);display:grid}.about-customer-grid{grid-template-columns:1fr 1fr;display:grid}.about-customer-grid article{border:1px solid var(--line);background:#fff;margin:-1px 0 0 -1px;padding:28px}.about-customer-grid article:last-child{grid-column:1/-1}.about-customer-grid span{color:var(--green);font-size:12px;font-weight:800}.about-customer-grid h3{color:var(--navy);font-size:22px}.about-customer-grid p{color:var(--muted);line-height:1.65}@media (max-width:900px){.about-hero-next,.about-principles,.about-customers-next{grid-template-columns:1fr}.about-hero-mark{width:300px}.about-solution-grid{grid-template-columns:1fr}}@media (max-width:560px){.about-hero-next,.about-principles,.about-capabilities,.about-customers-next{padding:70px 20px}.about-hero-mark{width:250px}.about-customer-grid{grid-template-columns:1fr}.about-customer-grid article:last-child{grid-column:auto}}@media (min-width:901px){.about-solution-grid{grid-template-columns:repeat(6,1fr)}.about-solution-grid>a{grid-column:span 2}.about-solution-grid>a:nth-last-child(2),.about-solution-grid>a:last-child{grid-column:span 3}}
