.portfolio-related-services[data-v-2823e7c5]{border-top:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#f7f9fcfa,#ffffffb3)}.portfolio-related-service[data-v-2823e7c5]{position:relative;display:flex;min-height:16rem;flex-direction:column;align-items:flex-start;overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:8px;background:#ffffffc2;padding:1.35rem;color:inherit;box-shadow:0 18px 54px #0f172a12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.portfolio-related-service[data-v-2823e7c5]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(21,88,214,.075),transparent 42%,rgba(34,197,94,.06)),linear-gradient(110deg,transparent 30%,hsla(0,0%,100%,.34) 48%,transparent 66%);opacity:0;pointer-events:none;transform:translate(-8%);transition:opacity .22s ease,transform .62s cubic-bezier(.22,1,.36,1)}.portfolio-related-service[data-v-2823e7c5]>*{position:relative;z-index:1}.portfolio-related-service[data-v-2823e7c5]:hover{border-color:#1558d64d;box-shadow:0 24px 64px #0f172a1c;transform:translateY(-3px)}.portfolio-related-service[data-v-2823e7c5]:hover:before{opacity:1;transform:translate(8%)}.portfolio-related-service-icon[data-v-2823e7c5]{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border:1px solid rgba(21,88,214,.16);border-radius:8px;background:#eff6ffdb;color:#1558d6}:where(.dark) .portfolio-related-services[data-v-2823e7c5]{border-color:#ffffff14;background:linear-gradient(180deg,#0a0a0afa,#171717c2)}:where(.dark) .portfolio-related-service[data-v-2823e7c5]{border-color:#ffffff14;background:#ffffff09;box-shadow:0 18px 54px #00000047}:where(.dark) .portfolio-related-service[data-v-2823e7c5]:before{background:linear-gradient(135deg,rgba(96,165,250,.08),transparent 42%,rgba(34,197,94,.06)),linear-gradient(110deg,transparent 30%,hsla(0,0%,100%,.08) 48%,transparent 66%)}:where(.dark) .portfolio-related-service[data-v-2823e7c5]:hover{border-color:#60a5fa4d;box-shadow:0 24px 64px #00000057}:where(.dark) .portfolio-related-service-icon[data-v-2823e7c5]{border-color:#60a5fa29;background:#60a5fa1a;color:#bfdbfe}@media(max-width:767px){.portfolio-related-service[data-v-2823e7c5]{min-height:auto;padding:1.1rem}}@media(prefers-reduced-motion:reduce){.portfolio-related-service[data-v-2823e7c5],.portfolio-related-service svg[data-v-2823e7c5],.portfolio-related-service[data-v-2823e7c5]:before{transition:none}.portfolio-related-service[data-v-2823e7c5]:hover{transform:none}}