.services-section{position:relative;background:#eeeeeeaf;padding:4rem 0 3rem;overflow:hidden;z-index:1}.services-section .relative{position:relative;margin-bottom:3rem}@media (max-width:768px){.services-section .headline-bg,.services-section .headline-fg{font-size:2rem}}.services-container{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:center}.services-headline{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:2.5rem;color:#222;line-height:1.1;text-wrap:balance}.services-headline-highlight{color:#0046b6}.services-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem;padding:0 1rem}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem}}@media (min-width:900px){.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem;padding:0}.service-card{padding:2.5rem 1.5rem}}.service-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(91,136,207,.28);box-shadow:0 5px 10px 0 rgba(134,198,235,.918);position:relative;overflow:hidden;cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0046b6,#1581bf);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,70,182,.15);border-color:rgba(0,70,182,.2);background:linear-gradient(135deg,#bbdbe7e6,#c9e4ede6)}.service-card:hover:before{transform:scaleX(1)}.service-icons{width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e6f0ff,#d0e4ff);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.service-card:hover .service-icons{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#0046b6,#1581bf);box-shadow:0 8px 24px rgba(0,70,182,.25)}.service-icons img{width:40px;height:40px;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(2000%) hue-rotate(210deg) brightness(.9) contrast(1.1)}.service-card:hover .service-icons img{filter:brightness(0) invert(1);transform:scale(1.1)}.service-title{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:700;color:#1a1a1a;margin-bottom:.75rem;transition:color .3s ease;line-height:1.4;text-wrap:balance}.service-card:hover .service-title{color:#0046b6}.service-description{font-size:.95rem;color:#666;line-height:1.7;transition:color .3s ease}.service-card:hover .service-description{color:#444}.ripple-background{position:absolute;inset:0;z-index:0;overflow:hidden}.circle{position:absolute;border-radius:50%;background:#0046b6;opacity:.08;animation:ripple 20s ease-in-out infinite}.circle.small{width:250px;height:250px}.circle.medium{width:450px;height:450px}.circle.large{width:650px;height:650px}.circle.xlarge{width:850px;height:850px}.circle.xxlarge{width:1050px;height:1050px}.circle.small{top:-125px;left:-125px}.circle.medium{top:-225px;left:-225px}.circle.large{top:-325px;left:-325px}.circle.xlarge{top:-425px;left:-425px}.circle.xxlarge{top:-525px;left:-525px}.circle.shade1{opacity:.05}.circle.shade2{opacity:.07}.circle.shade3{opacity:.09}.circle.shade4{opacity:.11}.circle.shade5{opacity:.13}.circle-opp{position:absolute;border-radius:50%;background:#0046b6;opacity:.08;animation:ripple 20s ease-in-out infinite}.circle-opp.small{width:250px;height:250px}.circle-opp.medium{width:450px;height:450px}.circle-opp.large{width:650px;height:650px}.circle-opp.xlarge{width:850px;height:850px}.circle-opp.xxlarge{width:1050px;height:1050px}.circle-opp.small{bottom:-125px;right:-125px}.circle-opp.medium{bottom:-225px;right:-225px}.circle-opp.large{bottom:-325px;right:-325px}.circle-opp.xlarge{bottom:-425px;right:-425px}.circle-opp.xxlarge{bottom:-525px;right:-525px}.circle-opp.shade1{opacity:.05}.circle-opp.shade2{opacity:.07}.circle-opp.shade3{opacity:.09}.circle-opp.shade4{opacity:.11}.circle-opp.shade5{opacity:.13}@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}