body .approach-sect2 .approach-sect2-card{--hover-start-x:0%;--hover-start-y:0%;--hover-end-x:0%;--hover-end-y:0%;cursor:default}body .approach-sect2 .approach-sect2-card-light:before{content:"";opacity:0;z-index:0;transform:translate(var(--hover-start-x),var(--hover-start-y));pointer-events:none;will-change:transform,opacity;background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-radius:20px;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}body .approach-sect2 .approach-sect2-card-light:hover:before{opacity:0}body .approach-sect2 .approach-sect2-card-light:hover{border-color:#f4f4f4;transition:none}body .approach-sect2 .approach-sect2-card.hover-active:before{opacity:1;transform:translate(0%)}body .approach-sect2 .approach-sect2-card.hover-leave:before{opacity:0;transform:translate(var(--hover-end-x),var(--hover-end-y))}body .approach-sect2 .approach-sect2-card.hover-active .approach-sect2-card-title-dark,body .approach-sect2 .approach-sect2-card.hover-active .approach-sect2-card-desc-dark{color:#fff}body .approach-sect2 .approach-sect2-card.hover-active .approach-sect2-card-label-red,body .approach-sect2 .approach-sect2-card.hover-active .approach-sect2-card-label-pink{background:linear-gradient(#fff 0%,#999 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body .approach-sect2 .approach-sect2-card>*{z-index:1;position:relative}body .approach-sect3 .approach-sect3-pillar{--hover-start-x:0%;--hover-start-y:0%;--hover-end-x:0%;--hover-end-y:0%;cursor:default;position:relative;overflow:hidden}body .approach-sect3 .approach-sect3-pillar:hover{transform:none}body .approach-sect3 .approach-sect3-pillar:before{content:"";border-radius:inherit;z-index:0;opacity:0;width:100%;height:100%;transform:translate(var(--hover-start-x),var(--hover-start-y));pointer-events:none;will-change:transform,opacity;background:#1a1a2e;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}body .approach-sect3 .approach-sect3-pillar.hover-active:before{opacity:1;transform:translate(0%)}body .approach-sect3 .approach-sect3-pillar.hover-leave:before{opacity:0;transform:translate(var(--hover-end-x),var(--hover-end-y))}body .approach-sect3 .approach-sect3-pillar .approach-sect3-pillar-text,body .approach-sect3 .approach-sect3-pillar .approach-sect3-pillar-num{z-index:1;position:relative}body .approach-sect3 .approach-sect3-pillar.hover-active .approach-sect3-pillar-text{color:#fff}body .approach-sect3 .approach-sect3-pillar.hover-active .approach-sect3-pillar-num{background:linear-gradient(124deg,#fafafa 18.31%,#e8e4fb 96.44%)}body .approach-sect3 .approach-sect3-pillar.hover-active .approach-sect3-pillar-num .MuiTypography-root{color:#111}
