.services-item {
    position: relative;
    max-width: 270px;
    margin: 21px auto 30px;
    transition: 0.3s;
    padding: 51px 26.5px 16px;
    --accent-color: #F25334;
}
.services-item-shape {
    position: absolute;
    left: 65px;
    top: -15px;
    display: flex;
    align-items: center;
}
.services-item-shape .services-item-shape-one {
    width: 32px;
    height: 43px;
    fill: var(--accent-color);
}
.services-item-shape .services-item-shape-two {
    width: 15px;
    height: 21px;
    fill: var(--accent-color);
    opacity: 0.1;
    margin: -34px 0 0 9px;
}
.services-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
    opacity: 0.1;
    transition: all 500ms ease;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 413"><path d="M232.489 370.49C168.721 379.888 101.476 430.507 60.5694 406C27.7404 386.337 -5.44522 328.132 9.56944 227.947C22.9257 138.686 -19.0511 45.3973 11.2635 32.2885C26.6526 25.6551 45.8927 44.6781 84 38.9924C94.5031 37.413 101.452 27.4749 121.5 17.4924C237.5 -40.2684 268.492 67.7316 268.492 100.544C269.865 119.022 269.33 138.264 267.19 156.454C256.313 249.189 296.97 361.014 232.489 370.49Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 413"><path d="M232.489 370.49C168.721 379.888 101.476 430.507 60.5694 406C27.7404 386.337 -5.44522 328.132 9.56944 227.947C22.9257 138.686 -19.0511 45.3973 11.2635 32.2885C26.6526 25.6551 45.8927 44.6781 84 38.9924C94.5031 37.413 101.452 27.4749 121.5 17.4924C237.5 -40.2684 268.492 67.7316 268.492 100.544C269.865 119.022 269.33 138.264 267.19 156.454C256.313 249.189 296.97 361.014 232.489 370.49Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.services-item-image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 220px;
    height: 150px;
    margin-bottom: 26px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217 136"><path d="M10.2005 22.1275C26.0731 -8.66231 181.064 -6.06071 203.472 22.1275C225.88 50.3158 216.544 108.86 203.472 124.471C190.401 140.083 21.3236 140.868 10.2005 120.459C-0.922529 100.051 -5.67204 52.9174 10.2005 22.1275Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 217 136"><path d="M10.2005 22.1275C26.0731 -8.66231 181.064 -6.06071 203.472 22.1275C225.88 50.3158 216.544 108.86 203.472 124.471C190.401 140.083 21.3236 140.868 10.2005 120.459C-0.922529 100.051 -5.67204 52.9174 10.2005 22.1275Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services-item-image img {
    display: none;
}
.services-item-content {
    position: relative;
}
.services-item-content .services-item-title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    transition: all 200ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
}
.services-item-content .services-item-title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}
.services-item-content .services-item-title a:hover {
    background-size: 100% 1px;
    color: #ffffff;
}
.services-item-content .services-item-age {
    color: var(--accent-color);
    line-height: 1;
    display: block;
    margin: 0 0 6px;
    transition: all 300ms ease;
    text-align: center;
}
.services-item-content .services-item-text {
    line-height: 24px;
    display: block;
    height: 100px;
    margin: 0 0 20px;
    text-align: center;
    transition: all 300ms ease;
}
.services-item-content .services-item-rm {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 44px;
    margin-left: 39px;
    background-color: var(--accent-color);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M47.6226 23.9402C47.6226 36.9235 35.1758 46.5552 23.8113 47.4513C10.8233 47.4516 -6.41604e-06 36.9235 -4.14576e-06 23.9402C-1.87547e-06 10.9569 5.41166 0.231453 27.0583 0.231389C41.1286 1.12761 47.6226 10.9569 47.6226 23.9402Z"/> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M47.6226 23.9402C47.6226 36.9235 35.1758 46.5552 23.8113 47.4513C10.8233 47.4516 -6.41604e-06 36.9235 -4.14576e-06 23.9402C-1.87547e-06 10.9569 5.41166 0.231453 27.0583 0.231389C41.1286 1.12761 47.6226 10.9569 47.6226 23.9402Z"/> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    font-size: 18px;
    color: #ffffff;
    transition: all 300ms ease;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    stroke: #ffffff;
}
.services-item:hover .services-item-title,
.services-item:hover .services-item-age,
.services-item:hover .services-item-text,
.services-item:hover .services-item-rm {
    color: #ffffff;
}
.services-item:hover .services-item-rm {
    background-color: #ffffff;
    stroke: var(--accent-color);
}
.services-item:hover .services-item-bg {
    opacity: 1;
}
.services-item:hover .services-item-image {
    -webkit-animation-name: wobble-horizontal-on-hover;
    animation-name: wobble-horizontal-on-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
