.appointment{padding:100px 0}.appointment-box{border-radius:20px;box-shadow:0 4.53px 3.62px 0 #4b9BFC06,0 12.52px 10.02px 0 #4b9BFC09,1px 30.15px 24.12px 0 #4b9BFC0C,0 -3px 80px 0 #4b9BFC12;padding:25px 40px}.appointment-head{background-color:#dfeeff;font-weight:600;border-radius:12px;padding:10px 30px}.appoinment-item span{color:red}.appoinment-item svg{position:absolute;top:15px;right:15px}.appoinment-item{display:flex;flex-direction:row;align-items:center;margin:48px 0;position:relative}.appointment-list{padding:0 20px 0 30px}.appoinment-item label{width:170px;margin-right:90px}.input-field{flex-grow:1;padding:10px;font-size:16px;box-sizing:border-box;width:80%;height:45px;border:1px solid #7a7575;background-color:#f5f5f5;border-radius:12px;appearance:none}select{cursor:pointer}.dropdown{position:relative}.select-doctor{width:100%}.doc-book{background-color:#f5f5f5;border-radius:16px;display:inline-flex;gap:25px;width:100%;padding:20px 40px;align-items:center}.doc-book img{width:130px;height:130px;display:block;border-radius:50%;object-fit:cover}.doc-book hr{margin:0}.doc-book h4{font-size:26px;font-weight:500;margin:0}.available-day{display:inline-flex;gap:20px}.calender-book{display:grid;grid-template-columns:.9fr 1fr;gap:90px;padding-top:40px}.custom-table{width:100%;border-collapse:collapse}.custom-table td{border:1px solid #7a7575;text-align:center;background-color:#f5f5f5}.custom-table td a{color:#999;background-color:#f5f5f5;width:auto;display:flex;justify-content:center;padding:10px}.custom-table td:active{background-color:#cfcfcf!important}.custom-table td a:active{background-color:#cfcfcf!important}.active-date{background-color:#4b79e9!important;color:#fff!important}.custom-table tr:first-child td{background-color:#294661;color:#fff}.custom-table tr:nth-child(2) td{color:#fff;border:1px solid #294661}.choose-item{border-radius:4px;border:1px solid #999;text-align:center;padding:8px 6px}.choose-item p{font-size:15px}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px}.checkbox-group{display:flex;gap:15px;padding-top:15px}.checkbox-container{position:relative;padding-left:30px;cursor:pointer;font-size:16px;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ccc;border-radius:4px}.checkbox-container.co-white .checkmark{background-color:#fff;border:1px solid #ccc}.checkbox-container.blue .checkmark{background-color:#4b79e9}.checkbox-container.grey .checkmark{background-color:#999}.checkbox-container input:checked~.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.bg-blue{background-color:#4b79e9;color:#fff}.bg-grey{background-color:#999;color:#fff}.head-book{text-align:center;padding:40px 0}.page-book{display:inline-flex;text-align:center}.page-book button{color:#fff;background:0 0;font-size:18px;border:none;font-family:Poppins;cursor:pointer}.appointment-box .main-title{padding:30px 0}.choose-item{background-color:#fff;border-radius:5px;transition:background-color .3s ease}.choose-item.active{background-color:#26a69a;color:#fff}.choose-item.disabled{background-color:#e0e0e0!important;border:1px solid #9e9e9e!important;color:#757575;cursor:not-allowed;pointer-events:none}.choose-item.disabled:hover{background-color:#e0e0e0}.disabled{color:#ccc;cursor:not-allowed;pointer-events:none}.select-date{cursor:pointer}.choose-item{padding:10px;border:1px solid #ccc;margin:5px;display:inline-block;cursor:pointer}.choose-item:hover{background-color:#f0f0f0}.choose-item.active{background-color:#007bff;color:#fff}.blocked-date{color:#999;background-color:red;width:auto;display:flex;justify-content:center;padding:10px}@media(max-width:991px){.appoinment-item label{margin-right:0}.calender-book{grid-template-columns:1fr;gap:40px}}@media(max-width:767px){.appointment-box{padding:25px 10px}.appointment-list{padding:0 10px 0 10px}.appoinment-item svg{top:20px}.doc-book{display:block}.doc-book img{margin:auto}.doc-book h4{text-align:center}.doc-book p{text-align:center}}