.service-card,.service-card.active{background:#f1f3f5;border:1px solid #dbe0e4;color:var(--ink)}.service-card:hover{background:#285b80;color:#fff;transform:none}.service-card.active p{color:#718079}.service-card:hover p{color:#d7e5ed}.service-card.active .service-num{color:#6e837a}.service-card:hover .service-num{color:#fbbf24}.removal-icon{width:105px;background:linear-gradient(135deg,transparent 0 42%,#638e7a 43% 52%,transparent 53%),linear-gradient(45deg,transparent 0 42%,#638e7a 43% 52%,transparent 53%);background-size:42px 42px}
.service-card{cursor:pointer}.service-card:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
.service-illustration{display:block;width:100%;height:125px;object-fit:cover;object-position:center 61%;margin:0 0 20px;background:#d9e5ed}.service-card:hover .service-illustration{filter:brightness(.9) saturate(.8)}
.service-card:first-child{overflow:hidden}.service-card:first-child .service-illustration{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center 58%;opacity:.16;background:transparent;z-index:0;transform:scale(1.18)}.service-card:first-child>*:not(.service-illustration){position:relative;z-index:1}.service-card:first-child:hover .service-illustration{opacity:.21;filter:brightness(.9) saturate(.8)}
.service-card:nth-child(2){overflow:hidden}.service-card:nth-child(2) .service-illustration{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center 52%;opacity:.16;background:transparent;z-index:0;transform:scale(1.18)}.service-card:nth-child(2)>*:not(.service-illustration){position:relative;z-index:1}.service-card:nth-child(2):hover .service-illustration{opacity:.21;filter:brightness(.9) saturate(.8)}
.service-card:nth-child(3){overflow:hidden}.service-card:nth-child(3) .service-illustration{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center 55%;opacity:.16;background:transparent;z-index:0;transform:scale(1.18)}.service-card:nth-child(3)>*:not(.service-illustration){position:relative;z-index:1}.service-card:nth-child(3):hover .service-illustration{opacity:.21;filter:brightness(.9) saturate(.8)}
.service-card .service-icon{position:relative;width:84px;height:84px;margin:8px 0 30px;background:#d9e5ed}.service-card .service-icon:before,.service-card .service-icon:after{content:"";position:absolute}.service-card .attic-icon:before{width:48px;height:37px;left:18px;bottom:16px;border:6px solid #285b80;border-top:0}.service-card .attic-icon:after{width:46px;height:46px;left:19px;top:13px;border-left:6px solid #285b80;border-top:6px solid #285b80;transform:rotate(45deg)}.service-card .wall-icon:before{width:42px;height:56px;left:21px;top:14px;border:6px solid #285b80;background:repeating-linear-gradient(90deg,transparent 0 10px,#89a9bd 11px 14px)}.service-card .wall-icon:after{width:6px;height:68px;left:39px;top:8px;background:#285b80}.service-card .removal-icon{background:#d9e5ed}.service-card .removal-icon:before{width:48px;height:36px;left:18px;bottom:15px;border:6px solid #285b80;border-top:0}.service-card .removal-icon:after{width:54px;height:8px;left:15px;top:29px;background:#f59e0b;transform:rotate(-37deg);box-shadow:15px 18px 0 -1px #285b80}.service-card:hover .service-icon{background:#41769c}.service-card:hover .attic-icon:before,.service-card:hover .wall-icon:before,.service-card:hover .removal-icon:before{border-color:#fff}.service-card:hover .attic-icon:after,.service-card:hover .wall-icon:after{border-color:#fff;background:#fff}.service-card:hover .wall-icon:before{background:repeating-linear-gradient(90deg,transparent 0 10px,#9fc0d4 11px 14px)}
