.outer-flex-box-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.box-grid{box-sizing:border-box;background-color:var(--black-90);border:1px solid var(--white-15);isolation:isolate;border-radius:10px;flex:calc(25% - 20px);max-width:25%;padding:24px;transition:transform .9s,border-color .9s,all;position:relative;overflow:hidden}.box-grid:before{content:"";z-index:0;background:linear-gradient(145deg, #ffffff29 0%, #ffffff0a 28%, transparent 52%,);opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.box-grid:after{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#ffffff52,#ffffff14,#0000);width:45%;height:220%;transition:left .65s,opacity .9s;position:absolute;top:-60%;left:-90%;transform:rotate(24deg)}.box-grid:hover:before{opacity:1}.box-grid:hover:after{opacity:1;left:130%}.box-grid>*{z-index:1;position:relative}.box-grid-title{color:var(--white);font-size:22px;font-family:var(--font-primary);transition:color .35s}.box-grid:hover .box-grid-title{color:var(--off-white)}.box-grid-description{color:var(--grey-70);font-size:18px;font-family:var(--font-secondary)}@media (max-width:1279px){.box-grid{flex:calc(33% - 20px);max-width:33%}}@media (max-width:1024px){.box-grid{flex:calc(50% - 20px);max-width:50%}}@media (max-width:768px){.box-grid{flex:calc(100% - 20px);max-width:100%}}