.parent{width:380px;padding:20px;perspective:1000px}.card{padding-top:50px;border:3px solid #fff;transform-style:preserve-3d;background:linear-gradient(135deg,#0000 18.75%,#f3f3f3 0 31.25%,#0000 0),repeating-linear-gradient(45deg,#f3f3f3 -6.25% 6.25%,#fff 0 18.75%);background-size:60px 60px;background-position:0 0,0 0;background-color:#f0f0f0;width:100%;box-shadow:0 30px 30px -10px hsla(0,0%,56%,.3);transition:all .5s ease-in-out}.card:hover{background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,30deg)}.content-box{background:#075dce;transition:all .5s ease-in-out;padding:60px 25px 25px;transform-style:preserve-3d}.content-box .card-title{display:inline-block;color:#fff;font-size:28px;font-weight:900;transition:all .5s ease-in-out;transform:translateZ(50px)}.content-box .card-title:hover{transform:translateZ(60px)}.content-box .card-content{margin-top:10px;font-size:16px;font-weight:700;color:#f2f2f2;transition:all .5s ease-in-out;transform:translateZ(30px)}.content-box .card-content:hover{transform:translateZ(60px)}.content-box .see-more{cursor:pointer;margin-top:1rem;display:inline-block;font-weight:900;font-size:9px;text-transform:uppercase;color:#075dce;background:#fff;padding:.5rem .7rem;transition:all .5s ease-in-out;transform:translateZ(20px)}.content-box .see-more:hover{transform:translateZ(60px)}.date-box{position:absolute;top:30px;right:30px;height:60px;width:60px;background:#fff;border:1px solid #07b9ff;padding:10px;transform:translateZ(80px);box-shadow:0 17px 10px -10px hsla(240,5%,41%,.2)}.date-box span{display:block;text-align:center}.date-box .month{color:#075dce;font-size:9px;font-weight:700}.date-box .date{font-size:20px;font-weight:900;color:#075dce}@font-face{font-family:banfont;src:url(/_next/static/media/CircularStd-Book.f2d108e9.ttf)}@font-face{font-family:banboldfont;src:url(/_next/static/media/CircularStd-Bold.26817da3.ttf)}.butttn{border-radius:.25rem;text-transform:uppercase;font-style:normal;font-weight:400;padding-left:25px;padding-right:25px;color:#fff;clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);height:40px;font-size:.7rem;line-height:14px;letter-spacing:1.2px;transition:.2s .1s;background-image:linear-gradient(90deg,#1c1c1c,#6220fb);border:0 solid;overflow:hidden}.butttn:hover{cursor:pointer;transition:all .3s ease-in;padding-right:30px;padding-left:30px}.boxxShaow{box-shadow:0 5px 15px rgba(0,0,0,.35)}#checkbox-input{display:none}.switch{width:-moz-fit-content;width:fit-content;padding:10px;background-color:#2e2e2e;border-radius:50px;z-index:1;cursor:pointer;display:flex;transition:all .7s}#checkbox-input:checked+.switch{background-color:#004aad;box-shadow:0 0 100px #0d70f1}