.booking{padding:24px;border-radius:16px;border:1px solid #dbecf0}@media screen and (max-width:992px){.booking{padding:40px}}@media screen and (max-width:767px){.booking{padding:15px}}.booking .title{margin:30px 40px 40px;text-align:center}.booking .title h2{font-size:28px;color:#000b19;font-weight:600}.booking .title p{font-size:16px;color:#878e97;margin-top:8px}.booking .selectService .booking{border:1px solid #dbecf0;border-radius:12px;padding:16px;margin-top:10px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px}.booking .selectService .booking p{font-size:16px;color:#878e97}.booking .selectService .booking .add{display:flex;align-items:center;gap:10px}.booking .selectService .booking .add button{font-size:18px;color:#878e97;font-weight:700}.booking .selectService .booking .add p{font-size:16px;color:#000b19}.booking .selectService .booking-accordion{overflow:hidden;margin-top:12px}.booking .selectService .booking-accordion.active{border:1px solid rgba(0,0,0,0)!important;background:linear-gradient(white,white) padding-box,linear-gradient(266.66deg,#5CB170 -7.81%,#D6DE6D 118.14%)!important;backdrop-filter:blur(115px)!important;border-radius:12px;max-height:300px;transition:max-height .3s ease,padding .3s ease}.booking .selectService .booking-accordion.active .booking-accordion-content{max-height:300px;transition:max-height .3s ease,padding .3s ease;overflow:auto}.booking .selectService .booking-accordion.active .booking-accordion-content::-webkit-scrollbar{width:5px;height:50px}.booking .selectService .booking-accordion.active .booking-accordion-content::-webkit-scrollbar-thumb{background-color:#0c343d}.booking .selectService .booking-accordion.active .booking-accordion-content::-webkit-scrollbar-track{background-color:#f5f9ff}.booking .selectService .booking-accordion.active .accordion-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:12px;border-top-right-radius:12px;border:0;border-bottom:1px solid rgba(0,0,0,0)!important;background:linear-gradient(white,white) padding-box,linear-gradient(266.66deg,#5CB170 -7.81%,#D6DE6D 118.14%)!important;backdrop-filter:blur(115px)!important;color:#000b19}.booking .selectService .booking-accordion.active .accordion-icon{transform:rotate(180deg);filter:brightness(.5)}.booking .selectService .booking-accordion .accordion-btn{border:1px solid #dbecf0;border-radius:12px;padding:16px;background-color:#fff;font-size:16px;color:#878e97;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.booking .selectService .booking-accordion .booking-accordion-content{max-height:0;padding:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff}.booking .selectService .booking-accordion .booking-accordion-content .booking-category h3{padding:12px;font-size:16px;color:#0c343d;font-weight:700;display:flex;align-items:center;gap:10px}.booking .selectService .booking-accordion .booking-accordion-content .booking-category h3 img{width:14px;height:14px}.booking .selectService .booking-accordion .booking-accordion-content .booking-category .booking-item{padding:12px;cursor:pointer}.booking .selectService .booking-accordion .booking-accordion-content .booking-category .booking-item p{font-size:16px;color:#000b19;display:flex;align-items:center;gap:10px}.booking .selectService .booking-accordion .booking-accordion-content .booking-category .booking-item p img{width:20px;height:20px}.booking .selectService .booking-accordion .booking-accordion-content .booking-time-item{display:flex;align-items:center;gap:10px;padding:16px;cursor:pointer}.booking .selectService .booking-accordion .booking-accordion-content .booking-time-item img{width:20px;height:20px}.booking .datepicker .datepicker-content .month-navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 10px;margin-bottom:10px}.booking .datepicker .datepicker-content .month-navigation .month-year{color:#000b19;font-size:14px;font-weight:700}.booking .datepicker .datepicker-content .month-navigation button:first-child{transform:rotate(90deg)}.booking .datepicker .datepicker-content .month-navigation button:first-child img{width:11px;height:11px}.booking .datepicker .datepicker-content .month-navigation button:last-child{transform:rotate(-90deg)}.booking .datepicker .datepicker-content .month-navigation button:last-child img{width:11px;height:11px}.booking .datepicker .datepicker-content .days-of-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:25px}.booking .datepicker .datepicker-content .days-of-week .day-of-week{color:#878e97;font-size:14px}.booking .datepicker .datepicker-content .days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,40px)}.booking .datepicker .datepicker-content .days-grid .day{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;color:#000b19;width:30px;height:30px}.booking .datepicker .datepicker-content .days-grid .day.next-month,.booking .datepicker .datepicker-content .days-grid .day.prev-month{color:#ccc}.booking .datepicker .datepicker-content .days-grid .day.selected{border:1px solid #5cb170;border-radius:100px}.booking .book.save{background-color:#4caf50;color:#fff;padding:15px 25px;border-radius:30px;border:none;cursor:pointer;transition:background-color .3s ease}.booking .book.save:hover{background:#0c343d;color:#fff}.booking .book.save:disabled{background-color:#ccc;cursor:not-allowed}.book{border:none;padding:14px 24px;font-size:16px;cursor:pointer;transition:all .3s;width:100%;margin:40px 0 0;position:relative}.book,.book:after{background:linear-gradient(266.66deg,#5cb170 -7.81%,#d6de6d 118.14%);color:#fff;border-radius:100px}.book:after{position:absolute;top:-1.5px;bottom:-1.3px;left:-1.5px;right:-1.3px;content:"";z-index:-1}.book:disabled{opacity:.5;cursor:not-allowed}.book:hover{background:#f5f9ff;color:#000b19}.disabled{color:#ccc!important;pointer-events:none;background-color:#f5f5f5}.empty{visibility:hidden}.day{padding:10px;text-align:center;cursor:pointer;border-radius:4px}.day.selected{background-color:none;font-weight:700}@media(max-width:785px){.book{padding:14px 2px;font-size:14px}.mt-3.flex.gap-\[14px\].lg\:hidden{gap:10px}}