*{box-sizing:border-box}.container{padding-left:15px;padding-right:15px}body{margin:0;font-family:Poppins,sans-serif}.header-section{text-align:center}.header-section h1{font-size:2rem;font-weight:bolder;color:#023770;margin-bottom:1rem}.header-section p{font-size:1rem;color:#666;margin-bottom:2rem}.card-filter{border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.filter-card-body{padding:20px}.doctor-cards-container .col-md-3{padding-left:15px;padding-right:15px}.row{display:flex;flex-wrap:wrap;justify-content:flex-start}.doctor-card{position:relative;border-radius:10px;box-shadow:0 2px 6px #00000014;max-width:100%;max-height:450px;border:none;overflow:hidden;text-align:left;margin-bottom:40px;height:400px}.doctor-card-img-top{width:100%;height:225px;object-fit:cover;object-position:0% 10%;border-top-left-radius:10px;border-top-right-radius:10px}.doctor-card-body{padding:15px;height:calc(100% - 200px);overflow:hidden}.polyclinic{font-size:.85rem!important;color:#567aa0!important;margin-bottom:.25rem!important}.name{color:#023770;font-size:1.25rem;font-weight:700;margin-bottom:.25rem;max-width:100%;display:block;white-space:normal;word-wrap:break-word}.specialist{font-size:1rem;color:#666;margin-bottom:.5rem;max-width:100%;display:block;white-space:normal;word-wrap:break-word}.btn-profil{position:absolute;bottom:15px;right:15px;color:#023770;font-size:1rem}.doctor-cards-container{margin-top:2rem}.pagination-container{margin-top:-20px;margin-bottom:20px}.emergency-fab{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:1050;transition:opacity .3s ease}.emergency-fab .btn{width:70px;height:70px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;padding:0;border-radius:50%}.fab-btn{color:#fff;border-radius:50%}.emergency-buttons a{width:60px;height:60px;font-size:1.5rem;opacity:0;transform:translateY(-10px);transition:transform .3s ease,opacity .3s ease;pointer-events:none}.emergency-buttons.expand a{opacity:1;transform:translateY(0);pointer-events:auto}.fab-btn:hover{transform:scale(1.1);transition:transform .5s;opacity:1}.btn-outline-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-success:hover{background-color:#218838;border-color:#218838;color:#fff}@media (min-width: 769px) and (max-width: 1024px){.doctor-card{height:450px}.doctor-card-img-top{height:160px}.doctor-card-body{padding:10px;height:calc(100% - 160px)}.name{font-size:1.1rem}.specialist{font-size:.9rem}.btn-profil{font-size:.9rem;bottom:10px;right:10px}.pagination-container{margin-top:10px}.emergency-card h1{font-size:2rem}.emergency-buttons a{font-size:1rem;width:12rem}}@media (max-width: 992px){.doctor-card{max-width:100%}}@media (max-width: 768px){.header-section h1{margin-top:40px;font-size:1.5rem}.header-section p{font-size:1rem}.doctor-cards-container .col-md-3{padding-left:15px;padding-right:15px;margin-bottom:20px}.doctor-card{width:80%;margin:0 auto;height:450px}.doctor-card-img-top{height:160px}.doctor-card-body{padding:10px;height:calc(100% - 150px)}.name{font-size:1.1rem}.specialist{font-size:.9rem}.btn-profil{font-size:.9rem;bottom:10px;right:10px}.pagination-container{margin-top:10px}.emergency-card h1{font-size:1.5rem}.emergency-buttons a{font-size:.8rem;padding:1rem}}.doctor-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003;transition:all .3s ease}.fab-btn:hover{transform:scale(1.2);background-color:red;transition:transform .3s ease,background-color .3s ease}.content-truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify}
