@keyframes the-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes the-spring-scale{0%{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(.9)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}.service{--bg:$white;background-color:var(--bg);border-radius:30px;box-shadow:0 4px 25px #00000012;color:transparent;cursor:pointer;gap:24px;height:100%;justify-content:space-between;overflow:hidden;padding:30px 42px;text-decoration:none}.service,.service .service__context{align-items:flex-start;display:flex;flex-direction:column;width:100%}.service .service__context{gap:20px;max-width:247px}.service .service__context picture{align-items:center;display:flex;height:64px;justify-content:center;min-width:64px;width:64px}.service .service__context picture img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.service .service__context strong{color:#000;display:-webkit-box;font-family:druk-wide,sans-serif;font-size:24px;font-weight:500;line-height:28.8px;overflow:hidden;-webkit-box-orient:vertical;word-break:break-word;-webkit-line-clamp:2}.service .service__action{align-items:center;display:flex;gap:10px;justify-content:flex-start;transition:.3s;width:100%}.service .service__action p{color:#000;font-size:16px;font-weight:400;line-height:20.7px;transition:.3s}.service .service__action svg{height:24px;min-width:24px;width:24px}.service .service__action svg path{transition:.3s;fill:#000}.service:active:not(.service:active:disabled){transform:scale(.9)}@media (hover:hover){.service:hover:not(.service:disabled) .service__action{gap:20px}.service:hover:not(.service:disabled) .service__action p{color:#00000080}.service:hover:not(.service:disabled) .service__action svg path{fill:#00000080}}@media (hover:none){.service:active:not(.service:disabled) .service__action{gap:20px}.service:active:not(.service:disabled) .service__action p{color:#00000080}.service:active:not(.service:disabled) .service__action svg path{fill:#00000080}}@media screen and (min-width:701px) and (max-width:1199px){.service{border-radius:15px;gap:20px;padding:30px 20px}.service .service__context picture{height:40px;min-width:40px;width:40px}.service .service__context strong{font-size:14px;line-height:16.8px}}@media screen and (min-width:280px) and (max-width:700px){.service{border-radius:8px;gap:20px;padding:32px 20px}.service .service__context{max-width:none}.service .service__context picture{height:40px;min-width:40px;width:40px}.service .service__context strong{font-size:14px;line-height:16.8px}}@media screen and (min-width:280px) and (max-width:700px) and (hover:hover){.service:hover:not(.service:disabled) .service__action{gap:10px}}@media screen and (min-width:280px) and (max-width:700px) and (hover:none){.service:active:not(.service:disabled) .service__action{gap:10px}}@media screen and (min-width:280px) and (max-width:700px){.service.w-1{grid-column:span 1}.service.w-2{align-items:flex-end;flex-direction:row;grid-column:span 2}.service.h-1{grid-row:span 1}}