/* Distinct, colourful icon system for the industries grid. */
.industry-grid span{--industry:#075cf0;--industry-soft:#eaf2ff;--industry-glow:rgba(7,92,240,.18);position:relative;gap:16px!important;min-height:104px;padding:24px!important;overflow:hidden;isolation:isolate;color:#071b53;transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}
.industry-grid span:after{content:"";position:absolute;width:120px;height:120px;left:-64px;top:-74px;border-radius:50%;background:radial-gradient(circle,var(--industry-glow),transparent 70%);z-index:-1;transition:transform .35s ease}
.industry-grid .service-icon{display:inline-grid;width:54px;height:54px;place-items:center;border:1px solid color-mix(in srgb,var(--industry) 20%,white);border-radius:16px;background:linear-gradient(145deg,#fff,var(--industry-soft));color:var(--industry);box-shadow:0 12px 25px var(--industry-glow),inset 0 1px 0 #fff;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.industry-grid .service-icon svg{width:25px;height:25px;stroke-width:2.15;filter:drop-shadow(0 4px 5px var(--industry-glow))}
.industry-grid span:hover{padding-left:24px!important;background:linear-gradient(135deg,#fff,var(--industry-soft));color:var(--industry);transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--industry) 17%,transparent)}
.industry-grid span:hover:after{transform:scale(1.55)}
.industry-grid span:hover .service-icon{transform:translateY(-4px) rotate(-4deg) scale(1.08);box-shadow:0 17px 30px var(--industry-glow),inset 0 1px 0 #fff}
.industry-grid span:nth-child(1){--industry:#075cf0;--industry-soft:#e7f0ff;--industry-glow:rgba(7,92,240,.2)}
.industry-grid span:nth-child(2){--industry:#ef476f;--industry-soft:#fff0f4;--industry-glow:rgba(239,71,111,.2)}
.industry-grid span:nth-child(3){--industry:#e79b00;--industry-soft:#fff7dc;--industry-glow:rgba(231,155,0,.21)}
.industry-grid span:nth-child(4){--industry:#7c4dff;--industry-soft:#f1edff;--industry-glow:rgba(124,77,255,.2)}
.industry-grid span:nth-child(5){--industry:#00a7c8;--industry-soft:#e5faff;--industry-glow:rgba(0,167,200,.2)}
.industry-grid span:nth-child(6){--industry:#f97316;--industry-soft:#fff0e6;--industry-glow:rgba(249,115,22,.2)}
.industry-grid span:nth-child(7){--industry:#4f46e5;--industry-soft:#eeedff;--industry-glow:rgba(79,70,229,.2)}
.industry-grid span:nth-child(8){--industry:#35a623;--industry-soft:#edfae8;--industry-glow:rgba(53,166,35,.2)}
.industry-grid span:nth-child(9){--industry:#164e9b;--industry-soft:#e8f2ff;--industry-glow:rgba(22,78,155,.2)}
.industry-grid span:nth-child(10){--industry:#f5a400;--industry-soft:#fff6d9;--industry-glow:rgba(245,164,0,.2)}
.industry-grid span:nth-child(11){--industry:#d63ebd;--industry-soft:#fff0fc;--industry-glow:rgba(214,62,189,.2)}
.industry-grid span:nth-child(12){--industry:#009c82;--industry-soft:#e5faf5;--industry-glow:rgba(0,156,130,.2)}
@media(max-width:650px){.industry-grid span{min-height:88px;padding:18px!important}.industry-grid span:hover{padding-left:18px!important}.industry-grid .service-icon{width:48px;height:48px}.industry-grid .service-icon svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.industry-grid span,.industry-grid span:after,.industry-grid .service-icon{transition:none}.industry-grid span:hover,.industry-grid span:hover .service-icon{transform:none}}