.Services{padding-bottom:100px}@media screen and (max-width:767px){.Services{padding-bottom:64px}}.Services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}@media screen and (max-width:1023px){.Services__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.Services__grid{grid-template-columns:repeat(1,1fr);margin-top:32px}}.ServiceCard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:442/560;padding:22px 24px;overflow:hidden;text-decoration:none;background:var(--color-bg);border-radius:16px;--gradient-color-1: #020202;--gradient-color-2: #020202}.ServiceCard:hover{--gradient-color-1: #623BEC;--gradient-color-2: #ED00F6}.ServiceCard:hover .ServiceCard__background img{transform:scale(1.05)}.ServiceCard:hover .ServiceCard__more{color:#020202}.ServiceCard:hover .ServiceCard__arrow{color:var(--color-accent);transform:scaleY(-1)}@media screen and (max-width:767px){.ServiceCard{border-radius:12px}}.ServiceCard__background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:16px;transform:translateZ(0)}@media screen and (max-width:767px){.ServiceCard__background{border-radius:12px}}.ServiceCard__background img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ServiceCard__box{position:relative;z-index:2;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;color:#020202;background:#fff;border-radius:16px;transform:translateZ(0)}@media screen and (max-width:767px){.ServiceCard__box{padding:12px;border-radius:12px}}.ServiceCard__title{font-size:20px;font-weight:500;line-height:140%;background:linear-gradient(97.26deg,var(--gradient-color-1) 1.27%,var(--gradient-color-2) 105.1%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:--gradient-color-1 .2s ease,--gradient-color-2 .2s ease}@media screen and (max-width:767px){.ServiceCard__title{font-size:14px;line-height:120%}}.ServiceCard__more{margin-top:8px;font-size:16px;font-weight:500;line-height:140%;color:var(--color-text-gray);transition:color .2s ease}@media screen and (max-width:767px){.ServiceCard__more{margin-top:4px;font-size:14px}}.ServiceCard__arrow{flex-shrink:0;width:40px;height:40px;transform-origin:center;transition:color .2s ease,transform .4s ease}@media screen and (max-width:767px){.ServiceCard__arrow{width:32px;height:32px}}