.blogs-container{width:100%;height:100%;position:absolute;z-index:1!important}.blogs-sub-container{z-index:1;background-color:#0000;width:100%;height:100%;margin-top:80px;padding-top:100px;padding-bottom:180px;position:absolute;overflow-y:auto}.blogs-card-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;gap:120px;padding:20px;display:grid}.blogs-card{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:365px;height:365px;display:flex}.blogs-card-box{background:var(--clr);flex-direction:column;justify-content:flex-start;align-items:center;width:360px;height:360px;padding:60px;transition:all .5s;display:flex;position:relative;top:0}.blogs-card-box:hover{top:100px}.blogs-card-box:before{content:"";filter:drop-shadow(10px 10px 5px #00000080);pointer-events:none;z-index:1;border:5px solid #fff;border-radius:20px;transition:all .5s;position:absolute;inset:30px}.blogs-card-box:hover:before{inset:-200px 30px 30px}.blogs-card-box img{z-index:10;filter:drop-shadow(10px 10px 5px #00000080);max-width:220px;transition:all .5s;position:absolute;top:120px}.blogs-card-box:hover img{top:-150px}.blogs-card-box-content{opacity:0;text-align:center;transition:all .5s}.blogs-card-box:hover .blogs-card-box-content{opacity:1}.blogs-card-box-content h2{color:#fff;text-align:center;font-size:2em}.blogs-card-box-content p{color:#fff;text-align:center}.blogs-card-box-content a{color:#333;text-transform:uppercase;background:#fff;padding:10px 30px;font-size:1.1em;font-weight:600;text-decoration:none;display:inline-block;position:relative;top:20px}.blogs-card-box span{rotate:calc(var(--i)*90deg);position:absolute;inset:0}.blogs-card-box span:before{content:"";background-image:radial-gradient(circle at 10px 15px,#fff 12px,#0000 13px);background-repeat:repeat;background-size:40px 20px;width:100%;height:15px;animation:.5s linear infinite paused animate;position:absolute;bottom:0;left:0}.blogs-card-box span:after{content:"";background-image:radial-gradient(circle at 10px -5px,#0000 12px,#fff 13px);background-repeat:repeat;background-size:20px 20px;width:100%;height:10px;animation:.5s linear infinite paused animate;position:absolute;bottom:0;left:0}.blogs-card-box:hover span:before,.blogs-card-box:hover span:after{animation-play-state:running}@keyframes animate{0%{background-position:0 0}to{background-position:40px 0}}