body { background: #f7f8fa; font-family: Inter, sans-serif; }
			@media (min-width: 1200px) {  
                .container{
                    width: 1000px;
                }
            }
            .container-box { background: #fff;   border-radius: 12px; box-shadow: rgba(0,0,0,0.05) 0 0 20px; }
            .time-slot{ height: 500px; overflow-y: scroll; overflow-x: hidden; }
            .calendar-style .flatpickr-day{ border-radius:50%!important;width:40px!important;height:40px!important;line-height:40px!important; }
            ..flatpickr-days { background:#2563ff0a !important}
            .flatpickr-day.selected, .flatpickr-day:hover { background:#2563ff!important;color:#fff!important; }
            .flatpickr-day.disabled{ color:#b5b5b5!important; }
            .time-btn{ width:100%;border:1px solid #0069ff80;background:transparent;padding:10px;border-radius:7px;transition:.2s;cursor:pointer; transition: all 0.3s ease; transition-property: width, transform; }
            .time-btn:hover{ background:transparent; border-width: 1px; border-color: #0069ff; }
            .time-btn.active{ background:#666666;color:white; border-width: 2px;    border-color: #666666;}
            .next-btn{ width:100%;background:#2563ff;border:none;color:white;padding:12px;border-radius:8px;font-weight:bold;cursor:pointer; }
            .back-btn{ cursor:pointer;color:#2563ff;font-size:14px;margin-bottom:10px;display:inline-block; }
			#confirmTime { display: none; }
            #confirmDateTime { display: none; }
            #standardTime{ display: none; }
            .bookingForm .form-control{
                height: 44px;
            }
            .bookingForm label {
                display: inline-block;
                font-size: 14px;
            }
            input.error-border {
                border: 1px solid #dc3545 !important;
            }

            #calendar {
                width: 100% !important;
            }

            .back-btn {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 43px;
                    height: 43px;
                    border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1));
                    border-radius: 50%;
                    background-clip: padding-box;
                    color: var(--primary-color, rgb(0, 105, 255));
                    font-size: 24px;
                    text-decoration: none;
                }

                /* Flex container for selected time + next button */
                .time-group {
                    display: flex;
                    gap: 10px;
                    width: 100%;
                    position: relative;
                }

                /* Animate only when group appears */
                .time-group.animate {
                    animation: slideIn 0.35s ease forwards;
                }

                /* Keyframes for movement right → left */
                @keyframes slideIn {
                    from {
                        transform: translateX(40px);
                        opacity: 0;
                    }
                    to {
                        transform: translateX(0);
                        opacity: 1;
                    }
                }