.planet:before{top:0;left:-20px;width:200px;height:200px;background:linear-gradient(90deg,#ffcd17,#fd7b00);clip-path:circle(30%)}.planet:after,.planet:before{content:"";position:absolute;z-index:-10}.planet:after{bottom:20px;right:-60px;width:350px;height:350px;background:linear-gradient(90deg,#97ffea,#25a28a);clip-path:circle(50%)}.container .card{height:550px;background:rgba(255,255,255,.05);box-shadow:0 3px 7px rgba(0,0,0,.5);border-radius:15px;backdrop-filter:blur(10px)}.container .card,.container .card .content{position:relative;display:flex;justify-content:center;align-items:center}.container .card .content{flex-direction:column;transition:.5s}.container .card:hover .content{transform:translateY(-20px)}.container .card .content .imgBx{position:relative;width:300px;height:300px;overflow:hidden}.container .card .content .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.container .card .content .contentBx h3{margin-top:20px;color:black;letter-spacing:2px;font-weight:600;font-size:20px;text-align:center;line-height:1.1em}.container .card .content .contentBx h3 span{font-size:13px;font-weight:200;text-transform:none;line-height:.7rem}.container .card .sci{position:absolute;bottom:20px;display:flex}.container .card .sci li{list-style:none;transform:translateX(40px);transition:.5s;opacity:0}.container .card:hover .sci li{transform:translateX(0);opacity:1}@media screen and (max-width:768px){.container .card .content .contentBx h3{font-size:15px}.container .card .content .contentBx h3 span{font-size:11px;font-weight:400;text-transform:none}.container .card{height:500px;padding:250px 0 300px}.container .card .sci{bottom:20px}.container .card .sci li{transform:translateX(0);opacity:1}.container .card:hover .content{transform:none}.planet:before{top:90px;left:-100px;width:300px;height:300px}.planet:after{content:"";position:absolute;bottom:20px;right:-60px;width:350px;height:350px;background:linear-gradient(90deg,#97ffea,#25a28a);clip-path:circle(50%);z-index:-10}}