.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1200px;margin:auto}.card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.card img{width:100%;height:300px;object-fit:fill;display:block}.card h3{margin:15px 0 5px;font-size:1.2rem;color:#2a3f54}.card .designation{font-size:.95rem;color:#5d6d7e;margin-bottom:10px}.details{background:linear-gradient(to top,#004d40f2,#26a69ae6);color:#fff;padding:15px;text-align:left;position:absolute;bottom:-100%;left:0;width:100%;transition:bottom .4s ease-in-out}.card:hover .details{bottom:0}.details p{margin:6px 0;font-size:.9rem}h1{text-align:center;font-weight:700}.modal-dialog{max-width:80%!important}.modal-body iframe{height:750px}