@layer components{:root{--services-item-max-width:18rem;--services-big-gap:2rem;@media (min-width:768px){--services-item-max-width:23.75rem}@media (min-width:64rem){--services-big-gap:4rem}}.services-wrapper{display:flex;flex-direction:column;gap:var(--services-big-gap);@media (min-width:768px){justify-content:space-between}}.services-text{text-align:center;p{margin-inline:auto!important;max-width:50rem}}.services-items-wrapper{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(var(--services-item-max-width),100%),1fr));&.services-amount-1{@media (min-width:48rem){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;max-width:24rem}}&.services-amount-2{max-width:70rem;@media (min-width:70rem){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto}}&.services-amount-3{max-width:85rem;@media (min-width:85rem){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto}}}.services-item{border-radius:1.5rem;border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:.625rem;padding:clamp(1rem,2vw,2rem);position:relative;&:hover{background:hsla(0,0%,100%,.1)}}.services-item-upper{align-items:center;display:flex;gap:.625rem;span{aspect-ratio:1;width:1.25rem;&.arrow{margin-left:auto;svg{height:100%!important}}}.services-item-link{color:var(--text-color)!important;font-family:var(--font-family-base);font-size:clamp(var(--font-size-h5-mobile),5vw,var(--font-size-h5));font-weight:var(--font-weight-bold);line-height:var(--line-height-h5);margin-bottom:0!important;text-decoration:none!important;&:after{content:"";inset:0;position:absolute;z-index:1}}}}