@media only screen and (min-width: 0rem){#services-885{font-family:"Roboto","Arial",sans-serif;padding:var(--sectionPadding);overflow:hidden;position:relative;background-color:#f7f7f7;z-index:1}#services-885 .cs-container{width:100%;max-width:34.375rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}#services-885 .cs-content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}#services-885 .cs-topper{font-size:var(--topperFontSize);line-height:1.2em;text-transform:uppercase;text-align:inherit;letter-spacing:.1em;font-weight:700;color:var(--primary);margin-bottom:.25rem;display:block}#services-885 .cs-title{font-size:var(--headerFontSize);font-weight:900;line-height:1.2em;text-align:inherit;max-width:43.75rem;margin:0 0 1rem 0;color:var(--headerColor);position:relative}#services-885 .cs-text{font-size:var(--bodyFontSize);line-height:1.5em;text-align:inherit;width:100%;max-width:40.625rem;margin:0;color:var(--bodyTextColor)}#services-885 .cs-card-group{width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:clamp(1rem,2vw,1.25rem);position:relative;z-index:1}#services-885 .cs-item{list-style:none;width:100%;margin:0;padding:0;grid-column:span 4}#services-885 .cs-link{text-align:center;text-decoration:none;width:100%;height:26.25rem;padding:1.25rem;box-sizing:border-box;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;position:relative}#services-885 .cs-h3{font-size:1.25rem;line-height:1.2em;text-align:inherit;font-weight:700;margin:0;color:var(--bodyTextColorWhite)}#services-885 .cs-item-p{font-size:1rem;line-height:1.5em;text-align:inherit;margin:0;color:var(--bodyTextColorWhite)}#services-885 .cs-background{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;object-fit:cover}#services-885 .cs-background:before{content:"";width:100%;height:100%;background:linear-gradient(0deg, #000000 10.13%, rgba(0, 0, 0, 0) 40.71%);opacity:1;position:absolute;display:block;bottom:0;left:0;transition:height .3s}#services-885 .cs-background img{height:100%;width:100%;object-fit:cover;position:relative;z-index:-1;transition:transform .6s}#services-885 .cs-button-solid{font-size:1rem;line-height:clamp(2.875em,5.5vw,3.5em);text-decoration:none;font-weight:700;text-align:center;margin:0;color:#fff;min-width:9.375rem;padding:0 1.5rem;background-color:var(--primary);border-radius:.25rem;display:inline-block;position:relative;z-index:1;box-sizing:border-box}#services-885 .cs-button-solid:before{content:"";position:absolute;height:100%;width:0%;background:#000;opacity:1;top:0;left:0;z-index:-1;border-radius:.25rem;transition:width .3s}#services-885 .cs-button-solid:hover:before{width:100%}#services-885 .cs-wave{width:320%;height:auto;display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1}}@media only screen and (min-width: 48rem){#services-885 .cs-container{max-width:80rem}#services-885 .cs-item{grid-column:span 2}}@media only screen and (min-width: 64rem){#services-885{padding-bottom:14vw}#services-885 .cs-item{grid-column:span 1}#services-885 .cs-link:hover .cs-h3,#services-885 .cs-link:focus-within .cs-h3{color:var(--primary);transform:translateY(0)}#services-885 .cs-link:hover .cs-item-p,#services-885 .cs-link:focus-within .cs-item-p{height:auto;opacity:1;transform:translateY(0)}#services-885 .cs-link:hover .cs-background:before,#services-885 .cs-link:focus-within .cs-background:before{height:180%}#services-885 .cs-link:hover .cs-background img,#services-885 .cs-link:focus-within .cs-background img{transform:scale(1.1)}#services-885 .cs-h3{transform:translateY(0.75rem);transition:transform .3s,color .3s}#services-885 .cs-item-p{height:0;opacity:0;overflow:hidden;transform:translateY(3.125rem);transition:height .3s,opacity .3s,transform .3s}#services-885 .cs-wave{width:100%;left:0;transform:none}}@media only screen and (min-width: 0rem){body.dark-mode #services-885{background-color:rgba(0,0,0,.2)}body.dark-mode #services-885 .cs-topper{color:var(--primaryLight)}body.dark-mode #services-885 .cs-title,body.dark-mode #services-885 .cs-text{color:var(--bodyTextColorWhite)}body.dark-mode #services-885 .cs-text{opacity:.8}body.dark-mode #services-885 .cs-wave path{fill:var(--dark)}}/*# sourceMappingURL=about.css.map */
