#services{background-color:rgba(15,23,42,.95)}#services .jpcCardFlex{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,41,59,.8) 0%,rgba(51,65,85,.7) 100%);border:1px solid rgba(71,85,105,.5);border-radius:.75rem;margin:.65rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}#services .jpcCardFlex:before{content:"";opacity:0;background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(139,92,246,.6));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,rgba(30,41,59,.9) 0%,rgba(51,65,85,.85) 100%);border-color:rgba(59,130,246,.4);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)}#services .jpcCardHeader{align-items:center;gap:.75rem;margin-bottom:.75rem}#services .jpcCardImg{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}#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()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 rgba(59,130,246,.5)}#services .jpcCardSubtitle{color:#60a5fa;font-size:.95rem;font-weight:600;transition:color .3s}#services .jpcCardFlex:hover .jpcCardSubtitle{color:#93c5fd}#services .jpcCardContent{background-color:rgba(15,23,42,.3);border-color:rgba(71,85,105,.4);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 rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.jpcCardFlex:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.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:rgba(218,218,218,.27);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)}