.container{display:flex;justify-content:space-between;width:80%;max-width:1200px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px}.left-section,.right-section{flex:1;padding:20px}.left-section{margin-right:20px}p{font-size:28px;color:#333;margin-bottom:20px}.form-container{background:#fff;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:8px}.form{display:flex;flex-direction:column}.input-group{margin-bottom:15px}input[type=email],input[type=tel],input[type=text],select{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;display:block;width:100%;box-sizing:border-box}button.submit-btn{background-color:#ff5722;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer}button.submit-btn:hover{background-color:#e64a19}.main-demo-button{background-color:#ff5a00;cursor:pointer}.main-demo-button.loading{cursor:not-allowed;display:flex;height:50px;justify-content:center;align-items:center}.main-demo-button.loading span{cursor:not-allowed}.main-demo-button.loading:hover span::after{right:-30px}.main-demo-button.loading b{width:8px;height:8px;background:#fff;border-radius:50%;position:absolute}.main-demo-button.loading b:nth-child(1){animation:btn-load 1s ease infinite}.main-demo-button.loading b:nth-child(2){animation:btn-load 1s ease infinite .33s}.main-demo-button.loading b:nth-child(3){animation:btn-load 1s ease infinite .66s}@keyframes btn-load{0%{transform:translate(-40px) scale(0)}50%{transform:translate(0) scale(1)}100%{transform:translate(40px) scale(0)}}option[disabled],option[value=""]{display:none}.hf-demo__form-wrap{overflow-y:scroll;max-height:100vh;padding:4% 8%;align-self:center}.hf-demo__main-wrap{align-items:center}@media (max-width:991px){.hf-demo__main{background:0 0}.hf-demo__main-wrap{background:0 0}}.hf-demo__main-wrap .hf-demo__info{background:0 0}.hf-demo__main-wrap.assist-ai,.hf-demo__main:has(>.hf-demo__main-wrap.assist-ai){background:linear-gradient(90deg,#f9f6ee 0,#f9f6ee 40%,rgba(255,255,255,1) 40%)}.hf-demo__main-wrap.service-desk,.hf-demo__main:has(>.hf-demo__main-wrap.service-desk){background:linear-gradient(90deg,#f1f7f9 0,#f1f7f9 40%,rgba(255,255,255,1) 40%)}.hf-demo__main-wrap.happyfox-ai,.hf-demo__main-wrap.workflows,.hf-demo__main:has(>.hf-demo__main-wrap.happyfox-ai),.hf-demo__main:has(>.hf-demo__main-wrap.workflows){background:linear-gradient(90deg,#ecf3ff 0,#ecf3ff 40%,rgba(255,255,255,1) 40%)}.hf-demo__main-wrap.bi,.hf-demo__main:has(>.hf-demo__main-wrap.bi){background:linear-gradient(90deg,#f3ebef 0,#f3ebef 40%,rgba(255,255,255,1) 40%)}.hf-demo__main-wrap.chatbot,.hf-demo__main:has(>.hf-demo__main-wrap.chatbot){background:linear-gradient(90deg,#eef5f3 0,#eef5f3 40%,rgba(255,255,255,1) 40%)}.hf-demo__main-wrap.assist-ai .main-demo-button{background:var(--assist-ai)}.hf-demo__main-wrap.service-desk .main-demo-button{background:var(--service-desk)}.hf-demo__main-wrap.happyfox-ai .main-demo-button,.hf-demo__main-wrap.workflows .main-demo-button{background:var(--workflows)}.hf-demo__main-wrap.bi .main-demo-button{background:var(--bi)}.hf-demo__main-wrap.chatbot .main-demo-button{background:var(--chatbot)}.hf-demo__main-wrap.assist-ai .main-demo-button{color:#000}@media (max-width:992px){.hf-demo__main,.hf-demo__main-wrap{background:0 0!important}.hf-demo__form-wrap,.hf-demo__info{padding:0}.hf-demo__form-wrap{padding-top:60px;overflow-y:auto;max-height:none}.hf-demo__main-wrap{max-width:600px;margin:0 auto;padding:4% 8%}}#timeSlotsContainer{height:fit-content}#timeSlotsContainer::after{content:'time';display:block;width:100%;height:20px;opacity:0}#slotsColumn{overflow-y:scroll}.calendar-container{width:100%;border:1px solid #ddd;border-radius:8px;overflow:hidden;font-size:14px}.calendar-slots{display:flex}.slots-header{color:grey;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.slots-column{padding:20px 30px;flex:1;display:flex;justify-content:space-around;box-sizing:border-box;background-color:#fafafa}.slots-container{display:flex;flex-direction:column;align-items:center}.slots-container h3{margin:0 0 10px}.time-slot{padding:5px 20px;margin:2px 2px 4px 2px;cursor:pointer;border-radius:4px;text-align:center;border:1px solid #ddd}.available{font-weight:400;background-color:#fff;color:#333;transition:background-color .2s,color .1s}.unavailable{display:none}.date-item,.time-slot{font-weight:300}.available:hover,.time-slot.active{background-color:#fef5f0;font-weight:400}.time-slot.active{border:1px solid #ff5a00}.booked-demo-text{display:none;margin:26px 0;text-align:center}#demo-booking-form[product=agent-calendar] .booked-demo-text{margin:20px 0}.booked-demo-text .booked-date{font-weight:500}.timezone-footer{gap:4px;padding:10px 8px;text-align:center;font-size:12px;background-color:#f9f9f9;border-top:1px solid #ddd;color:#8e8e8e;font-weight:300;display:flex;justify-content:center;align-items:center}.timezone-cont{color:#646464;font-weight:400}.default-timezone-list{border:none}#calendar-loader{display:block;height:350px;margin:20px 0;background-color:#fff;border:1px solid #ddd;border-radius:8px}#calendar-loader .calendar-loader-container{display:flex;justify-content:space-around;width:100%;height:100%}#calendar-loader .calendar-loader-container div{height:100%;display:flex;flex-direction:column;justify-content:space-around}#calendar-loader .calendar-loader-container div:first-child{width:60%}#calendar-loader .calendar-loader-container div:last-child{width:30%}#calendar-loader h2,#calendar-loader p{background:linear-gradient(110deg,#ededed 8%,#f4f4f4 18%,#f4f4f4 33%);border-radius:7px;background-size:200% 100%;animation:1.5s shine linear infinite;margin:10px 0}#calendar-loader p{height:35px}#calendar-loader h2{height:90%}@keyframes shine{to{background-position-x:-200%}}.fc-theme-standard td,.fc-theme-standard th{border:none}.fc-theme-standard .fc-scrollgrid{border:none}.fc .fc-day-disabled{background-color:transparent}.fc .fc-daygrid-day.fc-day-today{background-color:transparent}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px}.fc-header-toolbar .fc-toolbar-title{font-size:14px}.fc-header-toolbar .fc-button-primary,.fc-header-toolbar .fc-button-primary:focus{background-color:transparent!important;color:#000!important;border:none!important;cursor:pointer!important;outline:0!important;box-shadow:none!important}.fc-header-toolbar .fc-button-primary{padding:0 1px 1px}.fc-header-toolbar .fc-button-primary:hover{background-color:#f5f5f7!important;color:#000!important;border:none!important;cursor:pointer!important;padding:0 1px 1px}.fc-header-toolbar .fc-button-primary[disabled]{background-color:transparent!important;color:#999!important;border:none!important;cursor:pointer!important}#monthSlotContainer th .fc-col-header-cell-cushion{color:#8e8e8e;font-weight:400;font-size:13px}#monthSlotContainer *{font-weight:400}#monthSlotContainer .calendar-slots{height:350px}#demo-booking-form[product=agent-calendar] #monthSlotContainer .calendar-slots{height:300px}#monthSlotContainer .month-column{width:60%;height:100%;border-right:1px solid #ddd;padding:10px}#monthColumn .fc-view-harness{height:250px}.fc-daygrid-day>.fc-daygrid-day-frame{width:100%;display:flex;align-items:center;justify-content:center}.fc-daygrid-day>.fc-daygrid-day-frame>.fc-daygrid-day-top{margin:0 5px}.fc-daygrid-day>.fc-daygrid-day-frame>.fc-daygrid-day-events{display:none}#monthSlotContainer .fc-daygrid-day-number{border-radius:5px;font-size:14px;cursor:pointer;width:30px;text-align:center;color:#000}#monthSlotContainer .fc-daygrid-day-number:hover{background-color:#f5f5f7}#monthSlotContainer td.fc-day-disabled .fc-daygrid-day-number,#monthSlotContainer td.fc-day-unavailable .fc-daygrid-day-number{background-color:#f5f5f7;color:#999;cursor:not-allowed}#monthSlotContainer td.fc-day-selected .fc-daygrid-day-number{background-color:#ff5a00;color:#fff}@media screen and (max-width:545px){.time-slot{padding:7px 10px;font-size:13px}.dates-column,.slots-column{padding:10px 10px}#monthSlotContainer .month-column{width:70%}#monthSlotContainer .fc-daygrid-day-number{font-size:13px;cursor:pointer;width:25px}#monthSlotContainer th .fc-col-header-cell-cushion{font-size:12px}}.form-group label .label-secondary{z-index:1}.form-group input,.form-group select,.form-group textarea{position:relative!important;z-index:2;background-color:transparent}.form-group .input-area.focused+.label-secondary,.form-group .visit-region option:checked~.label-secondary,.form-group input.not-empty+.label-secondary,.form-group input:focus~.label-secondary,.form-group label .input-filled~.label-secondary,.form-group select:focus~.label-secondary,.form-group textarea:focus~.label-secondary{z-index:2}.form-group.hidden-field{display:none}#demo-slot-error{color:#b94a48;font-size:13px;padding-bottom:20px;font-family:inter,sans-serif;font-weight:300;letter-spacing:1px;text-align:center}.timezone-cont{width:50%}.ss-main{padding:6px 5px!important;border-radius:5px!important}.ss-content{padding:8px!important}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{background-color:#fef5f0!important;color:#333!important}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{border:1px solid #ff5a00!important}.ss-content .ss-list .ss-option{border-radius:5px!important;font-size:13px!important;text-align:left!important;color:#888!important}.ss-content .ss-list .ss-option:hover{background-color:#fef5f0!important;color:#333!important}.ss-content .ss-search{padding:10px 0 0 0!important}.ss-content .ss-search input{font-size:12px!important}.ss-content .ss-search input:focus,.ss-main:focus{box-shadow:none!important}#timezone-cont{position:relative}.ss-content{position:absolute!important;top:-330px!important;margin:0!important;left:0!important;height:400px!important}.ss-single{font-size:13px!important;font-weight:500!important}.ss-search-highlight{background-color:transparent!important;padding:0!important;font-weight:500!important}.ss-content{width:300px!important;left:40%!important;transform:translateX(-55%)!important;top:-335px!important;width:300px!important;border-radius:5px!important;box-shadow:0 0 10px rgba(0,0,0,.1)!important}.ss-content .ss-list .ss-optgroup .ss-option{padding:5px 7px!important;margin-bottom:2px!important}.ss-optgroup{margin-bottom:7px!important}.ss-optgroup-label-text{font-size:1rem!important;font-weight:600!important;flex:none!important}#timezone-cont .ss-content{z-index:-1}.timezone-cont{width:auto}.ss-main{background-color:transparent!important;border:none!important}