.card-item.visible{display:block;opacity:1}.card{position:relative;border:none;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;background-color:#0000001a;margin-bottom:15px;height:80%}.card:hover{transform:scale(1.04)}.card-img-container{position:relative;width:100%;height:0;border-radius:15px;padding-bottom:75%;overflow:hidden}.card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.card-img-container:hover img{transform:scale(1.05)}.card-img-overlay{position:absolute;bottom:0;left:0;width:100%;background:#0006;color:#fff;padding:10px;text-align:center;transition:background .3s ease-in-out}.card-img-container:hover .card-img-overlay{background:#0000001a}.card-img-overlay .text-box{background:#9b9b9b4d;padding:10px;border-radius:5px;display:inline-block;margin:0 auto}.card-title{margin:0;font-size:1.2em;letter-spacing:1px}@media (max-width: 767px){.card-img-container{padding-bottom:100%}.card-title{font-size:1em}}.nav-btn{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1em;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 6px #0000001a;margin:10px}.nav-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.nav-btn:active{background-color:#004085;transform:translateY(0)}.nav-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.nav-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}@media (max-width: 767px){.nav-btn{padding:8px 16px;font-size:.9em}}