.service-card{border:1px solid var(--border);border-radius:16px;width:100%;overflow:hidden;max-width:342px;margin-left:auto;margin-right:auto;animation-timing-function:ease-in-out;animation-duration:6s;animation-iteration-count:infinite;animation-direction:alternate;transition:all .5s ease-out;outline:2px solid transparent;outline-offset:-1px;.service-card-link{padding:30px 40px;display:flex;flex-direction:column;gap:40px;height:100%}.image-cover{height:80px;width:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.icon{width:100%;object-fit:contain}.text-cover{.title{font-size:24px;line-height:34px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:20px;overflow:hidden;&:before{content:"";display:block;height:28px;border-right:3px solid var(--primary);background-color:var(--primary);animation:title-line 1.5s linear infinite forwards}}.points-cover{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;li{display:flex;gap:16px;align-items:center;color:var(--text-color);&:before{content:"";display:block;border:3px solid var(--primary);border-radius:50%}}}}&:nth-child(odd){animation-name:odd-top-down}&:nth-child(2n){animation-name:even-top-down;transform:translateY(60px)}&:hover{outline-color:var(--primary);outline-offset:4px;border-color:transparent}}@media screen and (max-width:1439px){.service-card{.service-card-link{padding:24px;gap:32px}.image-cover{width:72px;height:72px;svg{width:52px;height:52px}}}}@media screen and (max-width:1323px){.service-card{.service-card-link{padding:12px;gap:24px}.text-cover{.title{font-size:24px;line-height:33px;gap:10px}}}}@media (max-width:1023px){.service-card{.image-cover{width:68px;height:68px;svg{width:48px;height:48px}}}}@media (max-width:991px){.service-card{.image-cover{width:64px;height:64px;svg{width:42px;height:42px}}}}@media (max-width:767px){.service-card{animation:none;transform:translateY(0)!important}}@media screen and (max-width:575px){.service-card{max-width:100%;border-radius:12px;.service-card-link{padding:20px;gap:24px}.image-cover{width:60px;height:60px;svg{width:38px;height:38px}}.text-cover{.title{font-size:20px;line-height:28px;gap:12px;&:before{height:20px}}.points-cover{gap:8px;li{font-size:14px;gap:10px}}}}}@media screen and (max-width:359px){.service-card{border-radius:10px;.service-card-link{padding:16px;gap:16px}.image-cover{width:56px;height:56px;svg{width:50px;height:50px}}.text-cover{.title{font-size:18px;line-height:24px;gap:10px;&:before{height:16px}}.points-cover{gap:6px;li{font-size:13px;gap:8px;&:before{border-width:2px}}}}}}@keyframes title-line{0%{transform:translateY(calc(-100% - 20px))}50%{transform:translateY(0)}to{transform:translateY(calc(100% + 20px))}}