.services-v3{padding:4rem 1.5rem}@media (width>=768px){.services-v3{padding:6rem 1.5rem}}.services-v3__headline{color:#0f172a;text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.25}@media (width>=768px){.services-v3__headline{font-size:2.25rem}}.services-v3__subheadline{color:#475569;text-align:center;margin-bottom:3rem;font-size:1.125rem;font-weight:500}.services-v3__box{cursor:pointer;border-radius:.75rem;height:300px;position:relative;overflow:hidden}.services-v3__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.services-v3__name{color:#fff;text-align:center;text-shadow:0 2px 8px #00000080;z-index:1;justify-content:center;align-items:center;padding:1rem;font-size:1.5rem;font-weight:700;transition:opacity .25s;display:flex;position:absolute;inset:0}.services-v3__overlay{opacity:0;z-index:2;background-color:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.services-v3__box:hover .services-v3__name{opacity:0}.services-v3__box:hover .services-v3__overlay{opacity:1}.services-v3__overlay-name{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.services-v3__overlay-text{color:#cbd5e1;text-align:center;max-width:280px;font-size:.875rem;line-height:1.625}