.services-section{background:#fff;padding:8rem 0}.services-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.services-header{margin-bottom:4rem}.services-header h2{color:#1b1718;font-size:3rem;font-weight:900;letter-spacing:-1.2px;line-height:1;text-transform:uppercase}.highlight-green{color:var(--color-tertiary)}.services-header p{color:var(--color-secondary);font-size:1.125rem;margin-top:1.5rem;max-width:40rem}.services-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.service-card{border-radius:1.75rem;color:#fff;display:block;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);color:#fff;transform:translateY(-8px)}.card-wide{grid-column:span 2}.card-full{grid-column:span 3}.card-blue{background:#6ac8c6}.card-green{background:var(--color-tertiary)}.card-pink{background:#e9539e}.card-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:calc(var(--spacing)*8)}.card-inner.horizontal{align-items:center;flex-direction:row;gap:2rem}.card-top{align-items:flex-start;display:flex;flex-direction:column;gap:calc(var(--spacing)*6)}.card-top.horizontal{align-items:center;flex-direction:row;gap:calc(var(--spacing)*8)}.icon-box{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:.75rem}.icon-box svg{height:2rem;stroke-width:2;width:2rem}.service-card h3{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.33;margin-bottom:calc(var(--spacing)*4)}.service-card p{color:hsla(0,0%,100%,.9);font-size:1.125rem;line-height:1.6;margin:0;max-width:36rem}.card-link{align-items:center;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.7px;margin-top:2rem;text-transform:uppercase;transition:transform .3s ease}.card-link svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.card-inner.horizontal .card-link{margin-top:0}.service-card:hover .card-link{transform:translateX(4px)}.card-link.nowrap{white-space:nowrap}@media (min-width:48rem){.card-inner{padding:calc(var(--spacing)*12)}}@media (max-width:1024px){.services-grid{grid-template-columns:1fr}.card-full,.card-wide{grid-column:span 1}.card-inner.horizontal{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.services-header h2{font-size:2.25rem;letter-spacing:-.9px}.card-top.horizontal{align-items:flex-start;flex-direction:inherit}}