#services{background-color:rgba(15,23,42,.95)}#services .jpcCardFlex{padding:1.25rem;margin:.65rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.7));border:1px solid rgba(71,85,105,.5);box-shadow:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden}#services .jpcCardFlex:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(139,92,246,.6));opacity:0;transition:opacity .3s ease}#services .jpcCardFlex:hover:before{opacity:1}#services .jpcCardFlex:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(59,130,246,.25),0 6px 12px rgba(0,0,0,.3),0 0 0 1px rgba(59,130,246,.3);border-color:rgba(59,130,246,.4);background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.85))}#services .jpcCardHeader{margin-bottom:.75rem;gap:.75rem;align-items:center}#services .jpcCardImg{padding:.5rem;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#services .jpcCardFlex:hover .jpcCardImg{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(139,92,246,.25));transform:scale(1.05)}#services .Icon64{filter:brightness(0) invert(1) opacity(.9);transition:all .3s ease}#services .jpcCardFlex:hover .Icon64{filter:brightness(0) invert(1);transform:rotate(3deg)}#services .jpcCardTitle div{color:#e2e8f0;font-weight:700;font-size:1.1rem;transition:color .3s ease}#services .jpcCardFlex:hover .jpcCardTitle div{color:#fff;text-shadow:0 0 10px rgba(59,130,246,.5)}#services .jpcCardSubtitle{color:#60a5fa;font-weight:600;font-size:.95rem;transition:color .3s ease}#services .jpcCardFlex:hover .jpcCardSubtitle{color:#93c5fd}#services .jpcCardContent{border-color:rgba(71,85,105,.4);background-color:rgba(15,23,42,.3);margin-top:.75rem;padding:.75rem .5rem .5rem .75rem}#services .jpcCardText{color:#cbd5e1;line-height:1.6;transition:color .3s ease}#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:rgb(255,255,255)!important}.text-center{text-align:center}.mb-12{margin-bottom:3rem}.jpcContainer{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:2rem}.jpcCardFlex{flex:0 1 auto;padding:.2rem;margin:.4rem;max-width:32vw;min-width:13rem;border-radius:.4rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#fcfcfc;background-size:5rem 11rem;text-decoration:none;color:inherit;display:block}.jpcCardFlex:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.jpcCardHeader{display:flex;flex-direction:row}.jpcCardImg{flex-shrink:1;padding:0}.jpcCardTitle{padding-left:1rem;justify-content:center;display:flex;align-items:center}.jpcCardTitle div{color:var(--primary-color);text-align:center;border-radius:.2rem;font-weight:600;padding:.2rem}.jpcCardSubtitle{font-weight:600;color:var(--secondary-color)}.jpcCardContent{border:1px cadetblue;border-top-style:dotted;background-color:rgba(218,218,218,.27);border-radius:.3rem;margin-top:.2rem;padding:.2rem .2rem .2rem .5rem;font-size:smaller}.jpcCardText{line-height:1.6;color:#666}.Icon64{min-width:56px;height:56px;background-repeat:no-repeat;background-size:cover;filter:invert(33%)}.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)}