.card-hover-bg{position:relative;background-color:#fff}.card-hover-bg>*{position:relative;z-index:3}.webservice-card{position:relative;display:flex;flex-direction:column;height:430px;border-radius:1rem;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden;border:1px solid #f3f4f6;background:#fff;transition:box-shadow .3s;margin-bottom:2rem}.webservice-card.active,.webservice-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.16)}.webservice-bg-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:0;filter:brightness(.4);transition:opacity .5s;pointer-events:none}.webservice-card.active .webservice-bg-image,.webservice-card:hover .webservice-bg-image{opacity:1}.webservice-overlay{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,0);transition:background .5s;pointer-events:none}.webservice-card.active .webservice-overlay,.webservice-card:hover .webservice-overlay{background:rgba(0,0,0,.1)}.webservice-content-wrapper{position:relative;z-index:2;background:transparent;transition:all .5s;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.webservice-card.active .webservice-content-wrapper,.webservice-card:hover .webservice-content-wrapper,.webservice-icon{background:transparent}.webservice-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:2;padding:.5rem;border-radius:.5rem;transition:all .5s;width:-moz-fit-content;width:fit-content}.webservice-card.active .webservice-icon,.webservice-card:hover .webservice-icon{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.webservice-icon-svg{color:#374151;transition:color .5s}.webservice-card.active .webservice-icon-svg,.webservice-card:hover .webservice-icon-svg{color:#fff}.webservice-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;color:#2563eb;transition:color .5s;position:relative;display:inline-block;padding:.25rem .5rem;border-radius:.25rem;background:transparent;transition:all .5s}.webservice-card.active .webservice-title,.webservice-card:hover .webservice-title{color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.webservice-title-wrap{margin-bottom:1rem;position:relative;z-index:2}.webservice-underline{display:block;height:4px;width:2rem;background:#d1d5db;border-radius:2px;margin-bottom:1rem;transition:width .5s,background .5s}.webservice-card.active .webservice-underline,.webservice-card:hover .webservice-underline{width:80%;background:#fff}.webservice-desc{margin-bottom:2rem;font-size:1rem;color:#222;z-index:2;position:relative;transition:color .5s;text-shadow:0 2px 8px rgba(0,0,0,.08);padding:.5rem .75rem;border-radius:.375rem;background:transparent;transition:all .5s;line-height:1.6}.webservice-card.active .webservice-desc,.webservice-card:hover .webservice-desc{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.32);background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}