.appointment-form{margin:0 auto}.phone-icon path{stroke:none}.book-appointment-icon{padding:21px}#appointmentForm{background-color:#fff;border-radius:8px;width:clamp(300px,90vw,400px);height:fit-content;padding:32px;font-family:Poppins,sans-serif;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 4px 12px #1f253a1a}#appointmentForm .form-group{position:relative}#appointmentForm .country-code{color:#404040;z-index:2;border-right:2px solid #3333336e;padding:0 15px;font-size:16px;font-weight:600;position:absolute;top:47%;left:0;transform:translateY(-50%)}.mobile-input-wrapper{height:55px;position:relative}#appointmentForm label{color:#404040;margin-bottom:8px;font-weight:600;display:block}.optional{color:#7f8c8d;margin-left:5px;font-size:.8em;font-weight:400}#appointmentForm input[type=text],#appointmentForm input[type=email],#appointmentForm input[type=date],#appointmentForm input[type=tel],#appointmentForm input[type=datetime-local],#appointmentForm select,#appointmentForm textarea,.callback-container input{color:#404040;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:border-color .3s}#appointmentForm input[type=date],#appointmentForm input[type=datetime-local],#appointmentForm select{appearance:none;box-sizing:border-box;color:#404040;width:100%;font-family:Poppins,sans-serif;font-weight:500;font-size:var(--font-size-large);-webkit-box-shadow:none;box-shadow:none;text-align:left;background-color:#f8f8f8;background-image:none;border:1px solid #ddd;border-radius:5px;padding:12px;transition:border-color .3s;display:block}#appointmentForm input[type=text]:focus,#appointmentForm input[type=email]:focus,#appointmentForm input[type=date]:focus,#appointmentForm input[type=tel]:focus,#appointmentForm input[type=datetime-local]:focus,#appointmentForm select:focus,#appointmentForm textarea:focus{border-color:#3498db;outline:none}.btn{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#2a7fba;border:none;border-radius:5px;width:100%;padding:12px 20px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:background-color .3s}.btn:hover{background-color:#1e6a9b}#mobile{position:absolute;padding-left:70px!important}#service{cursor:pointer}#service option{color:#404040;background-color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.appointment-form-title{color:#2a7fba;font-family:Poppins,sans-serif;font-size:30px;font-weight:700}.appointment-form-tagline{margin-top:-8px;margin-bottom:25px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.loading-animation{opacity:0;z-index:999;background-color:#fff;border-radius:5px;width:100dvw;height:100dvh;display:none;position:fixed;top:0;left:0}.loading-card{--bg-color:#72bf78;--bg-color-light:#fff;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s ease-out;position:relative;overflow:hidden;display:flex!important}.failed{--bg-color:#ff6363;--bg-color-light:#fff}.loading{animation:1s infinite alternate loading}@keyframes loading{0%{scale:1}to{scale:.85}}.fade-out{animation:.3s ease-out forwards fade-out;display:block}.fade-in{animation:.3s ease-out forwards fade-in;display:block}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-success .loading-overlay,.loading-static.success .loading-overlay{transform:scale(var(--scale-animation))translateZ(0)}.loading-success .loading-circle,.loading-static.success .loading-circle{border-color:var(--bg-color-light);background:var(--bg-color)}.loading-success .loading-inner-circle,.loading-static.success .loading-inner-circle{background:var(--bg-color-light)}.loading-circle{border:2px solid var(--bg-color);z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;transition:all .3s ease-out;display:flex;position:relative}.loading-inner-circle{background:var(--bg-color);border-radius:50%;width:120px;height:120px;transition:opacity .3s ease-out}.loading-overlay{background:var(--bg-color);z-index:0;border-radius:50%;width:118px;height:118px;transition:transform .5s;position:absolute}.loading-success-icon,.loading-fail-icon{justify-content:center;align-items:center;width:100%;height:100%}.loading-success .loading-success-icon,.loading-static.success .loading-success-icon{display:flex}.loading-success .loading-fail-icon,.loading-static.success .loading-fail-icon,.failed .loading-success-icon{display:none}.failed .loading-fail-icon{animation:.3s ease-out forwards fade-in;display:flex}.loading-static.failed .loading-fail-icon{display:flex}.loading-success-icon svg{fill:#72bf78;width:150px;height:150px}.loading-fail-icon svg{fill:#ff6363;width:80px;height:80px}.loading-text{color:#a5a5a5a5;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:all .3s;position:absolute;transform:translateY(100px)}.loading-text p{transition:all .3s}.loading-success .loading-text,.failed .loading-text{font-size:18px;font-weight:600}.appointment-information{color:#fff;background-color:#72bf78;border-radius:8px;flex-direction:column;gap:2px;width:100%;margin-top:30px;margin-bottom:20px;padding:20px;display:none}.show-appointment-info{flex-direction:column;gap:2px;display:flex!important}#appointment-info-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600}#appointment-date{font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.appointment-btns{flex-direction:column;width:100%;height:100%;display:flex}.step{flex-direction:column;justify-content:center;gap:16px;height:fit-content;margin:20px 0;display:flex}.progressContainer{justify-content:space-between;align-items:center;display:flex}.progressText{line-height:1.3}.progressText h2{color:var(--blue100)}.progressText p{color:var(--gray70);font-size:var(--font-size-medium)}.circleWrapper{width:60px;height:60px;position:relative}.progressRing{transform:rotate(-90deg)}.progressBackground{fill:none;stroke:var(--gray05)}.progressCircle{fill:none;stroke:var(--blue100);transition:stroke-dashoffset .5s}.stepText{font-weight:700;font-size:var(--font-size-medium);color:var(--gray100);position:absolute;top:50%;left:51%;transform:translate(-50%,-50%)}.appointment-button{width:100%;font-family:Poppins,sans-serif;font-size:var(--font-size-medium);cursor:pointer;border:none;font-weight:600;transition:all .3s}.third-btn{color:var(--gray70);text-align:center;width:100%;font-family:Poppins,sans-serif;font-size:var(--font-size-medium);cursor:pointer;background-color:#0000;border:none;margin-top:20px;font-weight:600;transition:all .3s}.confirmed-para{color:var(--gray100);margin-top:15px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.confirmed-details{width:100%;max-width:100%}
.time-slot-selector-overlay{z-index:99;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.time-slot-selector{background-color:var(--white);box-shadow:var(--box-shadow2);border:1px solid var(--gray05);z-index:99;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:500px;height:fit-content;margin:auto;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.time-slot-selector-content{align-self:flex-start;width:fit-content;padding:10px 0 10px 10px;font-family:Poppins,sans-serif}.time-slot-selector span{color:var(--gray100);margin-right:1rem;font-size:1.2rem;font-weight:600}.time-slot-selector p{line-height:1.5;font-size:var(--font-size-medium);color:var(--gray70);margin-right:1rem;font-weight:500}.time-slots,.time-slot-loader{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex;overflow:hidden}.time-slot-available,.time-slot-unavailable,.time-slot-selected{color:#28a745;cursor:pointer;background-color:#e6ffed;border:1px solid #28a745;border-radius:50px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.time-slot-available:hover,.time-slot-selected{color:#fff;background-color:#28a745}.time-slot-unavailable{color:#666;cursor:not-allowed;background-color:#d3d3d3;border:1px solid #666}.time-slot-loader{background-color:var(--white);justify-content:center;align-items:center;width:clamp(100px,90vw,500px);height:clamp(100px,10vh,500px);display:flex}.time-slot-close{cursor:pointer;position:absolute;top:20px;right:20px}.time-slot-close svg{fill:var(--gray70)}.appointment-details-confirmation{margin-top:20px}.time-slot-handle{margin-top:0;margin-bottom:15px;display:none}.gray-handle{background-color:var(--gray50);border-radius:8px;justify-self:center;width:72px;height:6px;margin:auto auto 20px}@media (max-width:525px){.time-slot-selector{top:initial;border-radius:20px 20px 0 0;margin:0}.time-slot-handle{display:block}}.call-back-section{color:var(--blue100);font-size:var(--font-size-medium);padding:10px 0;font-weight:600}.rating-form fieldset{border:none}.rating-form{width:100%}.rating-stars{justify-content:space-evenly;align-items:center;gap:10px;width:100%;margin:30px 0;display:flex}.rating-stars button{background-color:#0000;border:none}.rating-stars button svg{width:clamp(40px,14vw,65px);height:clamp(40px,14vw,65px)}.feedback-textarea label,.callback-container label{color:#404040;font-weight:600;display:block}.callback-container label{margin:10px 0 5px}.callback-container .mobile-input-wrapper{align-items:center;display:flex}.callback-container .mobile-input-wrapper .country-code{z-index:1;border-right:2px solid var(--gray50);font-size:var(--font-size-large);margin:0;padding:0 12px}.feedback-textarea textarea{background-color:var(--gray05);border:1px solid var(--gray50);width:100%;height:100px;font-family:Poppins,sans-serif;font-size:var(--font-size-medium);color:var(--gray100);border-radius:12px;margin:10px 0;padding:10px;font-weight:500}.feedback-textarea textarea:focus,.callback-container input:focus{border-color:#3498db;outline:none}.error{border-color:#e74c3c!important}.error-message{color:#e74c3c;margin-top:5px;font-size:.8em}