.booking{padding:20px;border-radius:16px;border:1px solid rgb(219,236,240)}@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:rgb(0,11,25);font-weight:600}.booking .title p{font-size:16px;color:rgb(135,142,151);margin-top:8px}.booking .selectService .booking{border:1px solid rgb(219,236,240);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:rgb(135,142,151)}.booking .selectService .booking .add{display:flex;align-items:center;gap:10px}.booking .selectService .booking .add button{font-size:18px;color:rgb(135,142,151);font-weight:700}.booking .selectService .booking .add p{font-size:16px;color:rgb(0,11,25)}.booking .selectService .booking-accordion{overflow:hidden;margin-top:10px}.booking .selectService .booking-accordion.active{border:1px solid #5cb170;border-radius:12px;max-height:365px;transition:max-height .3s ease,padding .3s ease}.booking .selectService .booking-accordion.active .accordion-content{max-height:365px;transition:max-height .3s ease,padding .3s ease;padding-right:10px;padding-left:22px}.booking .selectService .booking-accordion.active .accordion-content::-webkit-scrollbar{width:5px;height:50px}.booking .selectService .booking-accordion.active .accordion-content::-webkit-scrollbar-thumb{background-color:#0c343d}.booking .selectService .booking-accordion.active .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 #5cb170;color:#000b19}.booking .selectService .booking-accordion.active .accordion-icon{transform:rotate(180deg);filter:brightness(.5)}.booking .selectService .booking-accordion .accordion-btn{border:1px solid rgb(219,236,240);border-radius:12px;padding:16px;background-color:#fff;font-size:16px;color:rgb(135,142,151);width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.booking .selectService .booking-accordion .accordion-content{max-height:0;padding:0;transition:max-height .3s ease,padding .3s ease;background-color:#fff}.booking .selectService .booking-accordion .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 .accordion-content .booking-category h3 img{width:14px;height:14px}.booking .selectService .booking-accordion .accordion-content .booking-category .booking-item{padding:12px;cursor:pointer}.booking .selectService .booking-accordion .accordion-content .booking-category .booking-item p{font-size:16px;color:#000b19;display:flex;align-items:center;gap:10px}.booking .selectService .booking-accordion .accordion-content .booking-category .booking-item p img{width:20px;height:20px}.booking .selectService .booking-accordion .accordion-content .booking-time-item{display:flex;align-items:center;gap:10px;padding:16px;cursor:pointer}.booking .selectService .booking-accordion .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{color:#ffffff;border:none;padding:16px;font-size:16px;cursor:pointer;transition:all .3s;width:100%;margin:40px 0 0;position:relative}.booking .book,.booking .book:after{background:linear-gradient(266.66deg,#5cb170 -7.81%,#d6de6d 118.14%);border-radius:100px}.booking .book:after{position:absolute;top:-1.5px;bottom:-1.3px;left:-1.5px;right:-1.3px;content:"";z-index:-1;color:#fff}.booking .book:disabled{opacity:.5;cursor:not-allowed}.booking .book:hover{background:rgb(245,249,255);color:rgb(0,11,25)}.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}