*{margin:0;padding:0;box-sizing:border-box!important}.card-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:20px!important;padding:20px!important;justify-content:center!important}.card{position:relative!important;width:100%!important;max-width:300px!important;border-radius:10px!important;overflow:hidden!important;cursor:pointer!important;margin:auto!important}.card img{width:100%!important;display:block!important;transition:0.3s ease-in-out!important}.card-footer{position:absolute!important;bottom:0!important;width:100%!important;background:rgb(24 24 24 / .3)!important;backdrop-filter:blur(5px)!important;padding:15px!important;text-align:center!important;font-weight:bold!important;color:white!important;transition:0.3s ease-in-out!important}.card:hover .card-footer{opacity:0!important}.card-hover-bg{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgb(0 0 0 / .5)!important;color:white!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:20px!important;opacity:0!important;transition:0.3s ease-in-out!important}.card:hover .card-hover-bg{opacity:1!important}.card:hover img{filter:blur(5px)!important}.card-hover-bg hr{width:80px!important;border:1px solid white!important;margin:10px 0!important}.read-more{margin-top:15px!important;padding:8px 15px!important;background:transparent!important;color:white!important;border:solid 1px white!important;border-radius:25px!important;cursor:pointer!important;font-weight:bold!important}@media (max-width:768px){.card-container{grid-template-columns:repeat(2,1fr)!important;padding:10px!important}}@media (max-width:480px){.card-container{grid-template-columns:repeat(1,1fr)!important}}