.wrapper{width:100%;height:600px;position:relative}.boxes{position:relative}.box{box-sizing:border-box;will-change:transform;width:100%;padding:12px;position:absolute}
@keyframes ani-halo{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}.halo{opacity:.75;background:radial-gradient(circle,rgba(34,76,244,.25) 0%,rgba(34,76,244,.75) 100%);border-radius:50%;width:320px;height:320px;position:relative;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 25px #224cf4,0 0 50px rgba(34,76,244,.75),0 0 100px #224cf4,inset 0 0 200px rgba(34,76,244,.75)}.halo .circle{border-radius:50%;animation:5s infinite ani-halo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.halo .circle:first-child{border:1px solid rgba(255,255,255,.5);width:150px;height:150px}.halo .circle:nth-child(2){border:1.5px solid rgba(255,255,255,.35);width:250px;height:250px;animation-delay:.5s}.halo .circle:nth-child(3){border:2px solid rgba(255,255,255,.25);width:320px;height:320px;animation-delay:1s}.safety-card-container .safety-card{aspect-ratio:19/25;border-radius:12px;width:100%;position:relative}.safety-card-container .safety-card .card-bg{width:100%;height:100%;transition:all .3s}.safety-card-container .safety-card{overflow:hidden}.safety-card-container .safety-card .content-mask{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.safety-card-container .safety-card .content-mask ul{color:#fff;list-style:outside}.safety-card-container .safety-card .content-mask ul li{margin:15px 0;transition:all .3s;transform:translate(200%)}.safety-card-container:hover .card-bg{transform:scale(1.2)}.safety-card-container:hover .content-mask{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.75)}.safety-card-container:hover .content-mask ul li{transform:translate(0)}