.filter-bar{display:flex;justify-content:center;padding-top:20px;position:relative;background-color:var(--white);box-shadow:0 -8px 5px rgb(0 0 0 / .1)}.custom-select{width:80%;padding:10px 40px 10px 10px;font-size:16px;border:1px solid #ccc;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none}.select-icon{position:absolute;top:50%;right:175px;transform:translateY(-50%);pointer-events:none;color:var(--color-3);font-size:16px}#calendar-navigation{display:flex;align-items:center;justify-content:center;margin-left:140px;transition:all 0.3s ease;background-color:#fff}#nav-calendar{background-color:#fff;box-shadow:0 -8px 5px rgb(0 0 0 / .1)}.doctor-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;background-color:#fff}.filter-bar .form-group{margin-bottom:20px;justify-content:center;display:flex;padding:20px}#calendar-navigation .arrow-button{border:none;background-color:#fff0;color:var(--color-4);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.3s ease;font-size:24px}#calendar-navigation .arrow-button:hover{color:var(--color-3)}.hr-date-container .date-box{display:inline-block;padding:5px;margin:10px 12px 5px 10px;text-align:center;background-color:var(--color-3);color:#fff;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);display:inline-flex;justify-content:center;flex-wrap:nowrap;flex-direction:column;width:100px}.hr-date-container .date-box .day{display:flex;justify-content:center}.doctor-card{display:flex;background-color:#fff;margin-bottom:15px;padding:15px;width:100%;justify-content:center;border-bottom:1px solid var(--color-3)}.doctor-image{display:flex;align-items:center;justify-content:center}.doctor-image img{width:60px;height:60px;border-radius:50%;object-fit:cover}.doctor-details{flex:1;padding:0 15px;display:flex;justify-content:center;flex-direction:column}.doctor-details h3{margin:0;font-size:18px;color:var(--color-3);font-weight:600}.doctor-details p{margin:4px 0;font-size:14px;color:#7f8c8d}.doctor-availability{display:flex;flex-direction:column;align-items:center;justify-content:center}.time-slot.highlight{background-color:#fdd835;font-weight:700}.popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .5)}.popup-content{position:relative;background-color:#e6eff4;margin:2% auto;padding:20px;border:1px solid #888;width:80%;text-align:center;border-radius:30px}.popup-content .close{position:absolute;top:10px;right:15px;font-size:20px;font-weight:700;cursor:pointer;height:30px;width:30px;background:var(--color-4);border-radius:5px}.doctor-schedule-wrapper{display:flex;flex-direction:column}.weekdays{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}.weekday-header{width:20%;text-align:center}.staff-schedule{margin-bottom:20px}.availability-container{display:table;width:100%;border-collapse:collapse;margin:20px auto;max-width:800px}.header-row{display:table-row;background-color:#007BFF;color:#fff;text-align:center;font-weight:700}.header-cell{display:table-cell;padding:10px;border:1px solid #ddd}.profile-cell{display:table-cell;width:25%;vertical-align:top;text-align:center;padding:10px;border:1px solid #ddd}.profile-image img{width:80px;height:80px;border-radius:50%;margin-bottom:10px}.profile-info{text-align:left}.profile-info h3{margin:5px 0;font-size:18px}.profile-info p{margin:5px 0;font-size:14px;color:#666}.availability-cell{display:table-cell;vertical-align:top;padding:5px;border:1px solid #ddd;text-align:center}.time-slot{display:inline-block;padding:5px 10px;margin:5px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;color:#000;border:2px solid var(--color-3);border-radius:4px;display:flex;justify-content:center;align-items:center;width:100px;background-color:#f0f0f0}.time-slot:hover{background-color:var(--color-3);color:#fff}.hr-appoint-date-detail{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;adding:15px 0}.hr-appoint-date-detail b{color:var(--color-4);font-weight:700}.hr-appoint-date-detail .hr-name{font-size:18px}.hr-appoint-date-detail .hr-address{font-size:18px;text-align:left}.hr-appoint-date-detail .hr-date{font-size:18px}.hr-appoint-date-detail .hr-time{font-size:18px}.hr-pop-img img{border-radius:30px}.hr-booking-form .appoint-btn{height:50px;border-radius:5px;color:#fff;text-align:center;background:var(--color-4);transition:all 0.3s ease;width:100%;border:none;outline:none;font-size:17px;text-transform:uppercase}.hr-booking-form .appoint-btn:hover{background:var(--color-3)}.hr-radio-card{text-align:center;box-shadow:0 0 3px 3px #ddd;height:auto;width:280px;padding:10px 15px;border-radius:10px;display:contents}.form-group label{font-size:20px;margin:5px}.input-radio{box-shadow:0 0 0 1px #6d6d6d;font-size:3em;width:18px;height:18px;margin-right:7px;border:4px solid #fff;background-clip:border-box;border-radius:50%;appearance:none;transition:background-color 0.3s,box-shadow 0.3s}.input-radio:checked{box-shadow:0 0 0 4px var(--color-4);background-color:var(--color-4)}.tooltip-inner{max-width:300px;text-align:left}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1366px){#calendar-navigation{margin-left:235px}}@media (min-width:1517px){#calendar-navigation{margin-left:414px}}@media (max-width:1024px){.popup-content .close{top:-15px;right:-5px}}@media (max-width:768px){.filter-bar{width:100%}.custom-select{font-size:14px}.select-icon{font-size:14px;right:92px;top:100px}#calendar-navigation{margin-left:150px}.doctor-card{width:75%}}@media(max-width:576px){.filter-bar .form-group{align-content:center;flex-wrap:wrap}.doctor-image{align-items:flex-start}.doctor-details{align-items:flex-start}}