@font-face{font-family:Poppins;src:url(/Fonts/Poppins/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal}.solutionHero,.solutionSection,.solutionCTA{width:100%;font-family:Poppins,sans-serif}.container{width:90%;max-width:1400px;margin:auto;font-family:Poppins,sans-serif}:root{--primary:#0a2e52;--secondary:#1565c0;--accent:#42a5f5;--orange:#e65100;--text:#263238;--light-text:#546e7a;--white:#fff;--bg:#f8fbff;--border:#e6edf5}.solutionHero{text-align:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.solutionHeroBg{object-fit:cover;object-position:center;z-index:0}.solutionHeroOverlay{z-index:1;background:linear-gradient(#ffffff40 0%,#ffffff26 100%);position:absolute;inset:0}.solutionHeroContent{z-index:2;position:relative}.solutionHero h1{color:#000;margin-bottom:20px;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.solutionHero p{color:#000000e6;max-width:850px;margin:auto;font-size:1.2rem;line-height:1.8}.solutionSection{background:#fff;padding:100px 0}.solutionSection:nth-child(2n){background:var(--bg)}.solutionGrid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.solutionReverse .solutionImage{order:2}.solutionReverse .solutionContent{order:1}.solutionImage{border-radius:24px;width:100%;min-height:500px;position:relative;overflow:hidden}.solutionImg{object-fit:cover;transition:transform .5s}.solutionImage:hover .solutionImg{transform:scale(1.05)}.solutionContent span{color:var(--secondary);background:#1565c01a;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.solutionContent h2{color:var(--primary);margin-bottom:25px;font-size:2.8rem;font-weight:800;line-height:1.2}.solutionContent p{color:var(--light-text);margin-bottom:35px;font-size:1.05rem;line-height:1.9}.processFlow{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:40px;display:grid}.stepCard{border:1px solid var(--border);text-align:center;background:#fff;border-radius:18px;padding:18px;transition:all .3s}.stepCard:hover{transform:translateY(-5px);box-shadow:0 12px 30px #1565c01f}.stepNumber{background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:auto auto 15px;font-weight:700;display:flex}.stepCard p{margin:0;font-size:14px;line-height:1.5}.metricsGrid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px;display:grid}.metricCard{border:1px solid var(--border);text-align:center;color:var(--orange);background:linear-gradient(135deg,#fff,#f5faff);border-radius:18px;padding:24px;font-size:18px;font-weight:700;transition:all .3s}.metricCard:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014}.solutionContent button,.solutionCTA button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;outline:none;padding:16px 34px;font-size:16px;font-weight:600;transition:all .3s}.solutionCTA a{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;outline:none;padding:16px 34px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.solutionCTA a:hover,.solutionContent button:hover,.solutionCTA button:hover{background:var(--accent);transform:translateY(-3px)}.solutionCTA{text-align:center;background-color:#0000;background-image:linear-gradient(#0a2e52eb,#0a2e52eb),url(/Images/solutions/cta-bg.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:120px 0}.solutionCTA h2{color:#fff;margin-bottom:20px;font-size:3rem;font-weight:800}.solutionCTA p{color:#ffffffd9;max-width:750px;margin:auto auto 40px;font-size:18px;line-height:1.8}.solutionSection{animation:.8s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.solutionGrid{grid-template-columns:1fr;gap:50px}.solutionReverse .solutionImage,.solutionReverse .solutionContent{order:unset}.processFlow,.metricsGrid{grid-template-columns:repeat(2,1fr)}.solutionHero h1{font-size:3rem}.solutionContent h2{font-size:2.2rem}}@media (max-width:768px){.solutionHero{min-height:60vh;padding:60px 0}.solutionHero h1{font-size:2.3rem}.solutionHero p{font-size:1rem}.solutionSection{padding:70px 0}.solutionContent h2{font-size:1.8rem}.processFlow,.metricsGrid{grid-template-columns:1fr}.solutionCTA{padding:80px 20px}.solutionCTA h2{font-size:2rem}.solutionCTA p{font-size:16px}.solutionContent button,.solutionCTA button{width:100%}}
