.appointment{--padding-top: 30px;--padding-bottom: 56px;--padding-x: 30px!important;background:#fff}.appointment-inner .theme-btn{width:67%;border-radius:4px;font-size:14px;line-height:1.2857142857;font-weight:400;padding:10px}.appointment-inner .theme-btn:hover{background-color:#233876!important}.appointment-schedule{margin-bottom:30px;gap:6px}.appointment-schedule-item{cursor:pointer;background-color:#e1effe;border-radius:5px;padding:6px 10px;font-size:10px;line-height:1.3;text-align:center;width:calc(20% - 6px);flex:0 0 auto}.appointment-schedule-item.active{background-color:var(--system-primary, #016bff);color:#fff}.appointment-schedule-item.booked{background-color:#233876;color:#fff}.appointment .form-box{margin-bottom:14px}.appointment .form-label{font-size:14px;line-height:1.5;color:#2e2e48;font-weight:500}.appointment .form-icon{position:absolute;top:50%;transform:translateY(-50%);left:1rem;right:auto}html[dir=rtl] .appointment .form-icon{left:auto;right:1rem}.appointment .form-icon:last-child{left:auto;right:1rem}html[dir=rtl] .appointment .form-icon:last-child{right:auto;left:1rem}.appointment .form-control{box-shadow:0 0;height:auto;padding:8px 40px;font-size:14px;line-height:1.5;font-weight:400;color:#6b7280;border:1px solid #d1d5db;background-color:#f9fafb}