@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;align-items:center;background-color:var(--bg);border-radius:30px;box-shadow:0 4px 25px #00000012;color:transparent;cursor:pointer;display:flex;flex-direction:row;gap:10px;height:250px;justify-content:space-between;overflow:hidden;padding:48px;text-decoration:none;width:100%}.service .service__info{flex-grow:1;gap:24px;height:100%;justify-content:space-between}.service .service__context,.service .service__info{align-items:flex-start;display:flex;flex-direction:column}.service .service__context{gap:20px;max-width:247px;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:29px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.service .service__image{align-items:center;display:flex;height:120px;justify-content:center;min-width:120px;width:120px}.service .service__image img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.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-family:PT Sans,sans-serif;font-size:16px;font-weight:400;line-height:21px;transition:.3s}.service .service__action svg{height:24px;min-width:24px;width:24px}.service .service__action svg path{fill:#000;transition:.3s}.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;height:auto;padding:30px 20px}.service .service__context strong{font-size:14px;line-height:16.8px}.service .service__image{height:80px;min-width:80px;width:80px}}@media screen and (min-width:280px) and (max-width:700px){.service{align-items:flex-start;border-radius:8px;flex-direction:column;gap:20px;height:auto;padding:32px 20px}.service .service__info{gap:20px;order:1;width:100%}.service .service__image{align-self:flex-start;height:40px;min-width:40px;order:0;width:40px}.service .service__context{max-width:none}.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!important}.service.w-2 .service__image{margin-left:auto;order:1}.service.w-2 .service__info{order:0}.service.h-1{grid-row:span 1}}