.c-fluid-cards[data-cid]{.block_outer{position:relative;z-index:1}.cards{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px 16px;width:100%}.card{--transition-duration:0.6s;background-color:var(--color--7);border-radius:12px;display:flex;max-width:100%;outline:0 solid var(--outline-color);outline-offset:var(--outline-offset);overflow:hidden;padding-top:0;position:relative;transition-duration:.6s,.6s,var(--outline-transition-duration);transition-duration:var(--transition-duration),var(--transition-duration),var(--outline-transition-duration);transition-property:flex-basis,flex-grow,outline-width;transition-timing-function:var(--transition-easing);width:100%;&:focus-visible{outline-width:var(--outline-width)}.card_forefront{align-items:flex-start;aspect-ratio:1;color:#fff;display:flex;flex-direction:column;gap:0;height:auto;justify-content:flex-end;padding:20px 60px 20px 20px;position:relative;text-align:left;width:100%;z-index:2}.forefront_index{font-family:var(--family--1);font-size:max(.875rem,min(calc(.875rem + (var(--cw) - 26.25rem)/1200*1),.9375rem));font-weight:500;left:20px;line-height:1em;position:absolute;text-transform:uppercase;top:20px}.forefront_icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.2);border-radius:8px;display:flex;height:42px;justify-content:center;margin-bottom:24px;transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-easing);width:42px}.icon_image{display:inline-flex;height:22px;margin:auto;text-align:center;vertical-align:middle;width:22px}.forefront_title{font-size:max(1.375rem,min(calc(1.375rem + (var(--cw) - 26.25rem)/1200*4),1.625rem));letter-spacing:var(--base-letter-spacing);line-height:1.1em;text-overflow:ellipsis;text-wrap:balance;transition-duration:var(--transition-duration);transition-property:color;transition-timing-function:var(--transition-easing);width:100%;z-index:0}.forefront_text{color:rgba(var(--rgb--8),.7);display:none;font-size:max(.875rem,min(calc(.875rem + (var(--cw) - 26.25rem)/1200*2),1rem));height:0;line-height:1.3em;overflow:hidden;position:relative;text-wrap:balance;.text_inner{padding-top:12px}}.card_media{bottom:0;height:100%;left:0;opacity:1;position:absolute;right:0;top:0;transform:scale(1);transition-duration:var(--transition-duration);transition-property:opacity,transform;transition-timing-function:var(--transition-easing);width:100%;z-index:0}}.block_pattern{background:transparent url(/wp-content/themes/pingintel/dist/img/7dcd5846ed0936b69a50.webp) no-repeat 50%/contain;height:800px;opacity:.5;position:absolute;right:10%;top:0;transform:rotate(30deg);width:2851px;z-index:0;@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){background-image:url(/wp-content/themes/pingintel/dist/img/039a86b1d830425f7f56.webp)}}@container main (min-width: 1025px){.cards{flex-direction:row}.card{flex-basis:0;flex-grow:1;width:auto;.card_forefront{aspect-ratio:unset;height:620px;padding:32px}.forefront_index{left:30px;top:30px}.forefront_icon{height:52px;width:52px}.icon_image{height:28px;width:28px}.forefront_text{display:block}@media (hover:hover) and (pointer:fine){&:focus-visible,&:hover{flex-basis:0;flex-grow:2;.forefront_icon{background-color:#fff}.forefront_title{color:var(--color--8)}.card_media{opacity:0;transform:scale(1.075)}}}}.block_pattern{right:65%;top:-300px}}}