/* teasoft-categories styles (Teasoft homepage) */

/* Section panel (parent container of the categories widget) */
.elementor-element-ecda8b4{background:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px) 0 0/22px 22px,radial-gradient(700px 360px at 100% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(135deg,#2455FD 0%,#5B3FF0 100%)!important;border-radius:20px!important;box-shadow:0 4px 4px rgba(147,197,253,.64)!important;overflow:hidden}
.elementor-element-ecda8b4::before{display:none!important}
.elementor-element-ecda8b4 .elementor-heading-title{color:#fff!important}

/* Grid + cards */
.tsk{font-family:'Poppins',sans-serif;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tsk-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:20px;box-shadow:0 18px 40px -20px rgba(15,23,90,.55);transition:transform .25s,box-shadow .25s,border-color .25s}
.tsk-card:hover{transform:translateY(-5px);border-color:#fff;box-shadow:0 26px 50px -20px rgba(15,23,90,.65)}
.tsk-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.tsk-ic{flex:0 0 44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2455FD,#5B3FF0);color:#fff;box-shadow:0 8px 18px -8px rgba(36,85,253,.7)}
.tsk-t{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.3}
.tsk-t a{color:#111827!important;text-decoration:none!important}
.tsk-t a:hover{color:#2455FD!important}
.tsk-d{margin:0;font-size:13px;line-height:1.5;color:#6B7280;min-height:4.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Before/after demo */
.tsk-demo{position:relative;background:#F8FAFF;border:1px solid #EEF2FF;border-radius:12px;padding:12px;margin-bottom:16px}
.tsk-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E8ECF8;border-radius:10px;padding:9px 11px}
.tsk-row .tsk-m{flex:0 0 28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#EEF2FF;color:#2455FD}
.tsk-row .tsk-m svg{width:15px;height:15px}
.tsk-x{display:flex;flex-direction:column;min-width:0;flex:1}
.tsk-x b{font-size:12.5px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsk-x small{font-size:11px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsk-bar{height:5px;border-radius:5px;background:#E0E7FF;margin:9px 4px;overflow:hidden}
.tsk-bar i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#2455FD,#5B3FF0);animation:tskBar 6s infinite}
.tsk-after{position:relative;border-color:#BBF7D0;opacity:0;transform:translateY(6px);animation:tskAfter 6s infinite}
.tsk-after .tsk-m{background:#DCFCE7;color:#16A34A}
.tsk-badge{position:absolute;top:-10px;right:10px;font-size:10.5px;font-weight:700;color:#fff;background:#16A34A;padding:2px 9px;border-radius:999px;box-shadow:0 4px 10px rgba(22,163,74,.3)}

/* CTA */
.tsk-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;background:#EEF2FF;color:#2455FD!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:background .2s,color .2s}
.tsk-cta svg{transition:transform .2s}
.tsk-card:hover .tsk-cta{background:linear-gradient(135deg,#2455FD,#5B3FF0);color:#fff!important}
.tsk-card:hover .tsk-cta svg{transform:translateX(3px)}

@keyframes tskBar{0%,8%{width:0}38%{width:100%}88%{width:100%}96%,100%{width:0}}
@keyframes tskAfter{0%,38%{opacity:0;transform:translateY(6px)}46%{opacity:1;transform:none}88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(6px)}}
@media(max-width:1024px){.tsk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tsk{grid-template-columns:1fr;gap:14px}.tsk-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.tsk *{animation:none!important}.tsk-after{opacity:1;transform:none}.tsk-bar i{width:100%}}