@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}.form-field{position:relative;margin-bottom:22px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:18px;height:50px;font-family:var(--secondary-font);color:#4a4a4a;background-color:#fff;transition:border-color .3s}.form-field textare{height:150px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary-color);outline:0}.form-field label{position:absolute;left:12px;top:15px;color:#d3d3d3;font-size:18px;pointer-events:none;transition:.2s ease all;font-family:var(--secondary-font)}.form-field input:focus~label,.form-field input:not(:placeholder-shown)~label,.form-field select:focus~label,.form-field select:not([value=""]):not(:focus)~label,.form-field textarea:focus~label,.form-field textarea:not(:placeholder-shown)~label{top:-9px;left:8px;font-size:14px;color:var(--primary-color);background-color:#fff;padding:0 5px}.form-field input:focus::placeholder,.form-field input:not(:placeholder-shown)::placeholder,.form-field select:focus::placeholder,.form-field select:not(:placeholder-shown)::placeholder,.form-field textarea:focus::placeholder,.form-field textarea:not(:placeholder-shown)::placeholder{color:transparent}.label-2{cursor:pointer}.custom-input::placeholder{color:var(--tertiary-color)}.error-message{color:#e74c3c;font-size:12px;margin-top:4px;line-height:normal;display:none}#step1{display:flex;flex-direction:column;width:100%}.gender-age-container{justify-content:space-between;margin-bottom:0;display:flex;gap:15px}.age-wrapper,.gender-wrapper{position:relative;width:100%}.age-wrapper .error-message,.gender-wrapper .error-message{position:absolute;left:0;bottom:-18px}.gender-wrapper .fas,.select-wrapper .fa-chevron-down{position:absolute;top:50%;transform:translateY(-50%);font-size:15px}.gender-wrapper .fas{right:15px;pointer-events:none;color:var(--primary-color);z-index:1}.gender-wrapper select,.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.gender-wrapper select{padding-right:30px}#print-section{height:72%;overflow:auto}@media print{@page{margin:.5cm;size:portrait}.container-appointment{position:static!important;overflow:visible!important;height:auto!important;width:auto!important;max-width:none!important;transform:none!important}body *{visibility:hidden}#print-section,#print-section *,.confirmation-panel{visibility:visible!important;overflow:visible!important}#print-section *,.confirmation-panel{position:static!important}#print-section table{display:table!important;width:100%!important;border-collapse:collapse!important}#print-section tr{display:table-row!important}#print-section td{display:table-cell!important}.confirmation-panel{display:block!important;page-break-inside:avoid!important}#print-section{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;padding:20px!important;box-shadow:none!important;background-color:#fff!important;color:#000!important;font-size:12pt!important;z-index:9999!important;page-break-inside:avoid!important}#printBtn{display:none!important}.details{border:1px solid #10538f!important}.details,.details p,.thank-you{page-break-inside:avoid!important;break-inside:avoid!important}.top-heading-step3{text-align:center;margin-bottom:20px}.Appointment-confirmed-heading{font-size:24px;font-weight:700;margin-bottom:10px}.Appointment-confirmed-subheading{font-size:16px;margin-bottom:20px}.details{margin:20px 0;line-height:1.5}.details p,.thank-you div{margin-bottom:10px}.details-heading{font-weight:700}.thank-you{margin-top:30px;border-top:1px dashed #ccc;padding-top:15px}}.container-appointment{display:flex;max-width:1000px;gap:20px}.panel{background:#fff;padding-top:0;box-shadow:0 2px 10px rgba(0,0,0,.1);flex:1;border-radius:10px}.left-panel{padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-radius:.5rem}.left-panel,.right-panel{max-width:450px}.fa-solid{font-size:13px}.details p span,.fa-solid,.fa-solid.fa-angle-left.faIcon,.fa-solid.fa-angle-right.faIcon,.top-heading p.active{color:var(--primary-color)}.appointment-booking-div{display:flex;justify-content:space-between;align-items:center}.appointment-booking-div span{line-height:3.5rem;font-size:1.5rem;font-family:var(--primary-font);color:#4a4a4a}.fa-xmark{font-size:1.5rem}.top-heading{display:flex;padding:0 10.5px;height:4.125rem;overflow:hidden}#datepickerinput,#profession,.top-heading p{font-family:var(--secondary-font);cursor:pointer}.top-heading p{width:100%;display:flex;justify-content:center;gap:1rem;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:700;color:var(--primary-color);align-items:center;opacity:70%}.top-heading p.active{border-bottom:3px solid var(--primary-color);opacity:100%}.dropdown-container,.main-content-step-1,.top-heading{border-radius:10px;background-color:#fff;border:2px solid #b4b3b3}.main-content-step-1{padding:1px 15px 15px;margin-top:8px;overflow:hidden;height:100%}.dropdown-container{width:100%;position:relative;margin-bottom:15px}.dropdown-options,.select-wrapper{position:relative}.select-wrapper i{pointer-events:none;cursor:pointer}.select-wrapper select{border-radius:10px}.service-price-tag{position:absolute;right:50px;top:13px;font-size:14px;font-weight:400;color:#4a4a4a}.select-wrapper .fa-chevron-down{right:1.5rem;color:#555}#datepickerinput,#profession{border:0}#profession{width:100%;font-size:16px;font-weight:600;color:#4a4a4a;padding:12px 100px 12px 12px;text-overflow:ellipsis;overflow:hidden!important;outline:0;white-space:nowrap}.patient-name-wrapper{position:relative}.main-content-step-2{padding:25px;overflow:scroll;height:576px}.calender{border-radius:10px;margin-top:5px;height:100%;overflow:hidden}.calendar-day.disabled{color:gray}.tab-disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(1)}.calendar-day.disabled,.calendar-nav.disabled,.navigate-date.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(100%)}.calender-main{border:1px solid #eee}.calender-top{position:relative}#datepickerinput{margin:0;font-weight:700;color:var(--primary-color);border-radius:0;text-decoration:underline;height:fit-content;padding:0}.navigate-date,.select-date{background:#fff;display:flex;align-items:center}.select-date{border-radius:10px;overflow:hidden;margin-bottom:5px;justify-content:space-between;height:3.125rem}.navigate-date{padding:6px;cursor:pointer;transition:background .2s;border:1px solid #eee;border-radius:5px}.calendar-day:hover,.navigate-date:hover{background:#e9ecef}.faIcon{font-size:18px;color:#495057}.selected-date{border:0;padding:10px 15px;text-align:center;font-size:16px;width:150px;outline:0;background:#fff}.calendar-popup{position:absolute;background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:15px;margin-top:5px;z-index:100;display:none}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar-title{font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-header{text-align:center;font-weight:700;font-size:12px;padding:5px;color:#6c757d}.calendar-day-main{border:1px solid #eee}.calendar-day{text-align:center;padding:8px;cursor:pointer;border-radius:4px;font-size:14px}.calendar-day.selected{background:#0d6efd;color:#fff}.calendar-day.other-month{color:#adb5bd}.calendar-nav{cursor:pointer;padding:0 10px;color:#495057}.slots{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.disabled-slot{text-decoration:line-through}.disabled-slot,.unavailable-slot{color:gray;pointer-events:none;cursor:not-allowed;opacity:.6}.morning{display:flex}.morning-left{width:16%}.morning-middle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;flex-grow:1;overflow-y:scroll;border:0}.evening{display:flex}.evening-left{width:16%}.evening-middle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;flex-grow:1;border-top:1px solid #ddd;border-left:none;border-right:none;overflow-y:scroll}.day .left,.night{display:flex}.night-left{width:16%}.night-middle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;flex-grow:1;border-top:1px solid #ddd;border-left:none;border-right:none;overflow-y:scroll}.day .left{justify-content:center;align-items:center}.time-slot{padding:10px;text-align:center;border:1px solid #eee;border-top:none;cursor:pointer;transition:background-color .2s;font-size:13px;font-weight:bolder;color:#565656}.time-slot:hover{background-color:#f5f5f5}.time-slot.selected{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{width:2px;height:12px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background:#f1f1f1}#continueBtn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:0;border-radius:5px;font-weight:700;cursor:pointer;margin-top:20px}#continueBtn:disabled{background:#ccc;cursor:not-allowed}#confirmBtn{position:relative}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.booking-error{margin-top:10px;padding:10px;background-color:#ffebee;border-left:4px solid #f44336;color:#d32f2f;font-size:14px;text-align:left;border-radius:4px}#confirmBtn:disabled,.disabled-btn{background:#ccc!important;cursor:not-allowed;opacity:.7}.enabled-btn{background:var(--primary-color)!important;cursor:pointer;opacity:1}.custom-input.invalid{border-color:#f44336}#step2,#step3{background-color:#fff}.top-heading-step2{text-align:center;position:relative;padding:25px 25px 10px}.top-heading-step2 #selectedSlot{color:var(--secondary-color)}.back-btn{position:absolute;top:25px;left:25px}input[type=email],input[type=tel],input[type=text]{width:100%;padding:12px;margin-bottom:0;border:1px solid #ddd;border-radius:10px;font-size:18px;height:50px}.textarea-msg{margin-bottom:0}input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus{border-color:var(--primary-color);outline:0}.fee{color:#7a7a7a;font-weight:700}.payment-options{margin:0}.payment-options label{margin:10px 0}#confirmBtn,.holistic-package{padding:15px;border-radius:10px}.holistic-package{border:1px solid #ddd;margin-bottom:15px;font-size:18px;height:168px}.sm-holistic-package{font-size:13px;margin-top:3px}.sm-holistic-package del{color:#828282}.dashed-line{border-top:3px dashed #ddd;width:100%;margin:6px 0}.payment-options .label-1{margin-left:30px;cursor:pointer}#confirmBtn{width:100%;background:var(--primary-color);color:#fff;border:0;font-weight:700;cursor:pointer;font-size:var(--primary-font)}.terms{font-size:12px;color:#777;text-align:center;margin-bottom:10px;line-height:normal}.terms a{font-size:12px;font-weight:400}#step3{max-width:500px;padding:4px 30px 0;height:635px;overflow:hidden}.slide-in-right{animation:slideInRight .4s forwards ease-out;z-index:2}.slide-in-left{animation:slideInLeft .4s forwards ease-out;z-index:2}.slide-out-right{animation:slideOutRight .4s forwards ease-in;z-index:1}.slide-out-left{animation:slideOutLeft .4s forwards ease-in;z-index:1}.hidden{display:none!important}.container-appointment,.panel{position:relative;overflow:hidden}.panel{width:100%;height:635px}.container-appointment{width:450px;line-height:normal!important}.slide-in-left,.slide-in-right,.slide-out-left,.slide-out-right{position:absolute;width:100%;top:0;left:0}#printBtn,.back-btn{border-radius:5px;cursor:pointer}.back-btn{background:0 0;font-size:24px;margin-bottom:10px;color:var(--primary-color);padding:6px;border:1px solid #eee;display:flex;align-items:center}.top-heading-step3{height:20%;margin-bottom:20px}.horizontal-step-3{border:0;border-top:1px solid #ddd;height:1px}.confirmation-panel{max-width:100%}.Appointment-confirmed-heading{line-height:3rem;font-size:1.5rem;font-family:var(--primary-font);color:var(--secondary-color)}.Appointment-confirmed-subheading{font-size:13px;color:var(--primary-color)!important}.details{text-align:left;border-radius:10px;border:1px solid var(--primary-color);overflow:hidden}.thank-you{height:25%;margin-top:20px;font-size:13px}.thank-you-details{margin-left:5px;line-height:20px}#printBtn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:0;font-weight:700;margin-top:20px}.details p{display:flex;margin:0;border-bottom:1px solid #eee}.details p:last-child{border-bottom:none}.details-heading{flex:0 0 40%;color:var(--secondary-color)!important;border:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:none;padding:8px 10px;box-sizing:border-box}.details p span:not(.details-heading){flex:1;color:var(--primary-color);border:1px solid #eee;border-left:none;border-top:1px solid #eee;border-bottom:none;padding:8px 10px;box-sizing:border-box;font-weight:700}.confirmBtn-container{margin-bottom:8px}.no-appointments-message{height:100%;width:100%}.calender-main{height:85%;border-radius:5px;overflow:auto}.calender-container{height:83%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.cta-container{display:flex;gap:8px}.cta-btn{flex:1;padding:15px;background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:10px;font-weight:700;cursor:pointer;font-size:var(--primary-font)}.request-appointment{max-width:450px;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-radius:.5rem;background-color:#fff;max-height:635px;width:100%;box-shadow:0 2px 10px rgba(0,0,0,.1)}.request-appointment .back-btns{background:0 0;border:1px solid #eee;border-radius:5px;font-size:24px;cursor:pointer;color:var(--primary-color);padding:6px;display:flex;align-items:center}.textarea-msg{width:100%;height:120px;resize:none;font-family:var(--secondary-font);padding:12px;border:1px solid #ddd;border-radius:10px;font-size:18px;color:var(--secondary-color);background-color:#fff;transition:border-color .3s}.textarea-msg:focus{border-color:var(--primary-color);outline:0}.form-field textarea~label{top:15px}.request-booking-div{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.confirmButton,.doctor-dropdown select{width:100%;border-radius:10px;font-family:var(--secondary-font);cursor:pointer}.confirmButton{padding:15px;background:var(--primary-color);color:#fff;border:0;font-size:18px;margin-top:20px}#selectedSlot{font-size:13px}.fa-regular.fa-calendar{color:#d3d3d3}.no-slots-available-text{color:#d3d3d3;font-weight:700}.doctor-dropdown .select-wrapper{position:relative;width:100%}.doctor-dropdown select{padding:10px 15px;border:1px solid #e0e0e0;appearance:none;background-color:#fff;font-size:14px;outline:0}.doctor-dropdown .fas{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--primary-color);pointer-events:none}#request-message{height:130px!important}.closing-icon{cursor:pointer}.confirmButton,.doctor-dropdown select{font-weight:700;color:var(--primary-color)!important}.request-appointment .confirmButton{margin-top:0}#callUsBtn{display:flex;justify-content:center;align-items:center}@media (max-width:500px){.container-appointment{max-width:450px;width:100%}.modal-content{width:95%!important}.panel{width:100%;height:500px;overflow:scroll}.appointment-booking-div span{font-size:20px}#datepickerinput,#profession,.top-heading p{font-size:14px}.service-price-tag{font-size:12px}.fa-3x{font-size:2em}.cta-btn,.no-slots-available-text{font-size:14px}.cta-btn{padding:10px}.time-slot{padding:8px;font-size:10px}.top-heading-step2 h2{font-size:16px}#selectedSlot{font-size:11px}.main-content-step-2{padding:15px}.form-field{margin-bottom:15px}input[type=email],input[type=tel],input[type=text]{padding:6px;font-size:16px;height:40px}.sm-holistic-package{font-size:11px}.form-field input:focus~label,.form-field input:not(:placeholder-shown)~label,.form-field select:focus~label,.form-field select:not([value=""]):not(:focus)~label,.form-field textarea:focus~label,.form-field textarea:not(:placeholder-shown)~label{top:-9px;left:8px;font-size:12px;color:var(--primary-color);background-color:#fff;padding:0 5px}.custom-input::placeholder,.form-field input:focus::placeholder,.form-field input:not(:placeholder-shown)::placeholder,.form-field select:focus::placeholder,.form-field select:not(:placeholder-shown)::placeholder,.form-field textarea:focus::placeholder,.form-field textarea:not(:placeholder-shown)::placeholder{padding:6px;font-size:16px}.error-message,.terms{font-size:10px}.form-field input,.form-field select,.form-field textarea,.holistic-package{font-size:16px}.holistic-package{height:152px}.custom-input{padding:6px}.no-appointments-message .calender-container{height:75%}#age,#confirmBtn,#gender{height:40px;padding:6px}.custom-input::placeholder{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.confirmButton{font-size:16px;padding:6px;height:40px}.form-field label{top:10px;font-size:16px}#requestBackBtn,.back-btn{padding:4px}.fa-xmark,.faIcon{font-size:1rem}}@media (max-width:350px){.time-slot{padding:7px;font-size:9px}.payment-options{font-size:14px}#datepickerinput,#profession,.top-heading p{font-size:13px}.service-price-tag{font-size:11px}.holistic-package{height:162px}}