#services{background-color:#0f172af2}#services .jpcCardFlex{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bcc 0%,#334155b3 100%);border:1px solid #47556980;border-radius:.75rem;margin:.65rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d,0 2px 4px #0003}#services .jpcCardFlex:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f699,#8b5cf699);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}#services .jpcCardFlex:hover:before{opacity:1}#services .jpcCardFlex:hover{background:linear-gradient(135deg,#1e293be6 0%,#334155d9 100%);border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 24px #3b82f640,0 6px 12px #0000004d,0 0 0 1px #3b82f64d}#services .jpcCardHeader{align-items:center;gap:.75rem;margin-bottom:.75rem}#services .jpcCardImg{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}#services .jpcCardFlex:hover .jpcCardImg{background:linear-gradient(135deg,#3b82f640,#8b5cf640);transform:scale(1.05)}#services .Icon64{filter:brightness(0)invert()opacity(.9);transition:all .3s}#services .jpcCardFlex:hover .Icon64{filter:brightness(0)invert();transform:rotate(3deg)}#services .jpcCardTitle div{color:#e2e8f0;font-size:1.1rem;font-weight:700;transition:color .3s}#services .jpcCardFlex:hover .jpcCardTitle div{color:#fff;text-shadow:0 0 10px #3b82f680}#services .jpcCardSubtitle{color:#60a5fa;font-size:.95rem;font-weight:600;transition:color .3s}#services .jpcCardFlex:hover .jpcCardSubtitle{color:#93c5fd}#services .jpcCardContent{background-color:#0f172a4d;border-color:#47556966;margin-top:.75rem;padding:.75rem .5rem .5rem .75rem}#services .jpcCardText{color:#cbd5e1;line-height:1.6;transition:color .3s}#services .jpcCardFlex:hover .jpcCardText{color:#e2e8f0}.py-16{padding-top:4rem;padding-bottom:4rem}.px-4{padding-left:1rem;padding-right:1rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-white{color:#fff!important}.text-center{text-align:center}.mb-12{margin-bottom:3rem}.jpcContainer{flex-wrap:wrap;justify-content:center;padding-bottom:2rem;display:flex}.jpcCardFlex{min-width:13rem;max-width:32vw;color:inherit;background-color:#fcfcfc;background-size:5rem 11rem;border-radius:.4rem;flex:0 auto;margin:.4rem;padding:.2rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:block;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.jpcCardFlex:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.jpcCardHeader{flex-direction:row;display:flex}.jpcCardImg{flex-shrink:1;padding:0}.jpcCardTitle{justify-content:center;align-items:center;padding-left:1rem;display:flex}.jpcCardTitle div{color:var(--primary-color);text-align:center;border-radius:.2rem;padding:.2rem;font-weight:600}.jpcCardSubtitle{color:var(--secondary-color);font-weight:600}.jpcCardContent{background-color:#dadada45;border:1px #5f9ea0;border-top-style:dotted;border-radius:.3rem;margin-top:.2rem;padding:.2rem .2rem .2rem .5rem;font-size:smaller}.jpcCardText{color:#666;line-height:1.6}.Icon64{filter:invert(33%);background-repeat:no-repeat;background-size:cover;min-width:56px;height:56px}.DesignIcon{background-image:var(--icon-1)}.DesignIcon:hover{background-image:var(--icon-1-active)}.DevelopIcon{background-image:var(--icon-2)}.DevelopIcon:hover{background-image:var(--icon-2-active)}.CodeIcon{background-image:var(--icon-3)}.CodeIcon:hover{background-image:var(--icon-3-active)}.TestIcon{background-image:var(--icon-4)}.TestIcon:hover{background-image:var(--icon-4-active)}.IntegrateIcon{background-image:var(--icon-5)}.IntegrateIcon:hover{background-image:var(--icon-5-active)}.NetworkIcon{background-image:var(--icon-6)}.NetworkIcon:hover{background-image:var(--icon-6-active)}.ServiceIcon{background-image:var(--icon-7)}.ServiceIcon:hover{background-image:var(--icon-7-active)}.SecureIcon{background-image:var(--icon-8)}.SecureIcon:hover{background-image:var(--icon-8-active)}.TrainIcon{background-image:var(--icon-9)}.TrainIcon:hover{background-image:var(--icon-9-active)}.AnalyseIcon{background-image:var(--icon-10)}.AnalyseIcon:hover{background-image:var(--icon-10-active)}.AutomateIcon{background-image:var(--icon-11)}.AutomateIcon:hover{background-image:var(--icon-11-active)}