.medical-directory{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:20px}.medical-card{background-color:#fff;border-radius:10px;box-shadow:0px 4px 10px rgba(0,0,0,.1);padding:20px;margin:0 0 20px;flex:1 1 calc(33.33% - 20px);box-sizing:border-box;position:relative;padding-top:40px}.medical-card .doctor-logo{width:60px;height:60px;background-color:#f1f1f1;border-radius:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:-30px;left:50%;transform:translateX(-50%)}.medical-card .doctor-info{display:flex;flex-direction:column;max-width:70%;margin-top:20px}.medical-card .doctor-name{font-size:1em;font-weight:700;color:#333}.medical-card .doctor-specialty{font-size:14px;color:#007bff;margin-bottom:10px}.medical-card .doctor-details{display:flex;align-items:center;margin-bottom:5px}.medical-card .doctor-details i{font-size:14px;margin-right:10px;color:#007bff}.medical-card .doctor-details span{font-size:14px;color:#555}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination-button{background-color:#06c;color:#fff;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;transition:background-color .2s}.pagination-button:hover{background-color:#004999}.results-count{text-align:center;margin-top:15px;font-size:14px;color:#555}