.departments{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.department_card{border:1px solid var(--white-10);background:var(--white);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:15px;display:flex;box-shadow:0 0 16px #bebebe33}.department_card_header{justify-content:space-between;gap:16px;width:100%;display:flex}.department_card_btn{background:var(--gray-20);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.department_card_btn_icon{width:6px}.department_name{letter-spacing:0;color:var(--blue-20);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.2}.department_chief{letter-spacing:0;color:var(--blue-30);margin-bottom:-16px;font-size:14px;font-weight:400;line-height:1.2}.department_doctor_name{border:1.5px solid var(--white-10);background:var(--white-40);color:var(--blue-20);letter-spacing:7%;border-radius:10px;width:fit-content;margin-top:16px;padding:3px 10px;font-size:14px;font-weight:500;line-height:18px}@media (320px<=width<=768px){.departments{gap:16px;padding-bottom:20px;display:flex;overflow-x:auto}.departments::-webkit-scrollbar{background:var(--white-10);height:2px}.departments::-webkit-scrollbar-thumb{background:var(--blue-30);border-radius:5px}.department_card{flex-shrink:0;width:202px}.department_card_btn{width:26px;height:26px}.department_card_btn_icon{width:5px}.department_name{font-size:16px}.department_doctor_name{font-size:12px;font-weight:600}}