.services{background-color:var(--color-white);padding-block:var(--space-l);overflow:hidden}.services__carousel{position:relative;display:flex;justify-content:center;align-items:center;height:520px}.service-card{position:absolute;width:370px;height:470px;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .7s cubic-bezier(.4,0,.2,1),filter .7s ease,opacity .4s ease}.service-card--active{transform:translateX(0) scale(1);z-index:3;filter:brightness(1);cursor:pointer}.service-card--left{transform:translateX(-340px) scale(.82);z-index:2;filter:brightness(.45)}.service-card--left:hover{filter:brightness(.65)}.service-card--right{transform:translateX(340px) scale(.82);z-index:2;filter:brightness(.45)}.service-card--right:hover{filter:brightness(.65)}.service-card__bg{position:relative;width:100%;height:100%;overflow:hidden}.service-card__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.service-card--active:hover .service-card__bg img{transform:scale(1.06)}.service-card__bg:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.25);transition:background .4s ease}.service-card--active:hover .service-card__bg:after{background:rgba(0,0,0,.12)}.service-card__content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3rem 2rem 2.5rem;opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card--active .service-card__content{opacity:1;transition-delay:.25s}.service-card__title{flex:1;display:flex;align-items:center;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-white);text-align:center;line-height:var(--line-height-heading);transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card--active:hover .service-card__title{transform:translateY(-6px)}.service-card__icon{font-size:3rem;color:var(--color-white);line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card--active:hover .service-card__icon{transform:scale(1.2)}@media (max-width:768px){.services__carousel{height:400px}.service-card{width:260px;height:360px;border-radius:16px}.service-card--left{transform:translateX(-200px) scale(.8)}.service-card--right{transform:translateX(200px) scale(.8)}.service-card__content{padding:1.5rem 1.25rem}.service-card__title{font-size:clamp(1.1rem,4.5vw,1.5rem)}}