.appointment-form{background:#eef9ff;}.appointment-form .appointment-choice-button-list{display:flex;gap:1rem;}.appointment-form .appointment-choice-button-list .choice-button{display:flex;gap:1rem;flex:1;background:var(--primary);color:#fff;font-weight:bold;line-height:1.25em;padding:1em;align-items:center;justify-content:center;border-radius:1rem;transition:var(--transition);text-decoration:none;cursor:pointer;}.appointment-form .appointment-choice-button-list .choice-button img{height:40px;margin-bottom:0;}.appointment-form .appointment-choice-button-list .choice-button.active,.appointment-form .appointment-choice-button-list .choice-button:hover{background:var(--orange);}.appointment-form .appointment-forms .header-num{display:inline-flex;justify-content:center;align-items:center;color:#fff;background-color:var(--primary);height:2.75rem;border-radius:50%;font-size:1.25rem;font-weight:500;margin-right:.75rem;aspect-ratio:1/1;}.appointment-form .appointment-forms .header-text{display:inline-flex;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;color:#00769c;}.appointment-form .appointment-forms .select-time-container{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}.appointment-form .appointment-forms .select-time-container .time-item{border-radius:.25rem;color:var(--primary);border:1px solid var(--secondary);padding:.5rem 1rem;font-weight:bold;font-size:14px;transition:all .3s ease;text-align:center;cursor:pointer;}.appointment-form .appointment-forms .select-time-container .time-item:hover{background:rgba(0,118,156,.05);}.appointment-form .appointment-forms .select-time-container .time-item.active{background:var(--primary);color:#fff;}.input-wrapper button.verify-btn-enable{background-color:var(--orange);color:#fff;}.input-wrapper button.verify-btn-enable:hover{background-color:#e47112;}.air-datepicker.-inline-{width:calc(100% - 1px);border-radius:0;border:1px solid var(--primary);--adp-day-cell-height:auto;--adp-border-color-inner:var(--primary);}@media screen and (width>= 1400px){.air-datepicker.-inline-{width:calc(100% - 2px);}}.air-datepicker-body--day-name{color:var(--primary);font-weight:bold;}.air-datepicker-cell.-day-{aspect-ratio:1;border-radius:50%;font-weight:700;}.air-datepicker-cell.-disabled-{font-weight:500;}.air-datepicker-cell.-day-.-selected-{background-color:transparent;color:inherit;border:2px solid var(--primary);}.air-datepicker-cell.-day-.-selected-.-focus-{background-color:var(--primary);color:#fff;}.air-datepicker-cell.-day-.-current-{color:var(--adp-color-current-date)!important;}.myhealth360appt{border-radius:1rem;overflow:hidden;display:grid;}.myhealth360appt>*{grid-area:1/1;}.myhealth360appt .mh360-row{height:100%;}.myhealth360appt .title{position:relative;z-index:2;}.myhealth360appt .appt-main-content{align-self:center;}.myhealth360appt .qr-image-section{display:flex;gap:1rem;z-index:2;position:relative;}.myhealth360appt .qr-image-section .qr-img{flex:0 0 5rem;}.myhealth360appt .qr-image-section .qr-img img{width:100%;}.myhealth360appt .qr-image-section .content{line-height:1em;font-weight:bold;color:#6dab7f;}.myhealth360appt .qr-image-section .content .store-btn{gap:.5rem;}.myhealth360appt .logo-container{text-align:right;z-index:2;position:relative;}.myhealth360appt .logo-container .mh360-logo{max-width:100px;}.myhealth360appt .bg-circle{position:absolute;width:100%;height:100%;display:inline-block;z-index:1;top:0;left:0;background:radial-gradient(circle at 50% 0,#79c379 20%,#58c3d2 65%,rgba(255,255,255,0) 65%);}.myhealth360appt .mobile-over-image{position:absolute;bottom:0;right:0;width:100%;z-index:3;transform:scale(1.15);transform-origin:bottom;}@media(max-width:992px){.myhealth360appt{height:650px;}.myhealth360appt .mh360-row{height:max-content;}.myhealth360appt .title{text-align:center;}.myhealth360appt .appt-main-content{align-self:self-start;}.myhealth360appt .qr-image-section{justify-content:center;text-align:center;}.myhealth360appt .logo-container{text-align:center;}.myhealth360appt .logo-container .mh360-logo{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(300deg) brightness(106%) contrast(101%);}}@media(max-width:500px){.myhealth360appt{height:600px;}}@media(max-width:400px){.myhealth360appt{height:550px;}}.error-label{color:var(--bs-danger);font-weight:bold;font-size:.875em;opacity:0;line-height:1;margin-top:.25rem;}.input-container{position:relative;}.input-wrapper{position:relative;}.input-wrapper input::placeholder{color:#ccc;}.input-wrapper .verify-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:5px 15px;background-color:#e6e6e6;border:0;border-radius:5px;font-size:14px;color:#777;cursor:pointer;}.input-wrapper .verify-btn:hover{background-color:#d5d5d5;}.info-icon{position:absolute;top:0;right:0;width:20px;height:20px;background-color:#0076a3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:bold;cursor:pointer;}.info-icon:hover::after{content:"You can find your voucher code in the confirmation email sent after your package purchase.";position:absolute;top:25px;right:-10px;background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;z-index:1000;white-space:normal;word-wrap:break-word;width:300px;}