#services{background-color:rgba(15,23,42,.95)}.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)}