.pantai-red{color:#ea3424}.pantai-grey{color:#6d6f71}.appointment-choice-button-list{display:flex;justify-content:center;gap:var(--space-s)}.appointment-choice-button-list .appointment-choice-button{flex:0 0 9.75rem;border:2px solid var(--pantai-light-blue);border-radius:.5rem;color:var(--pantai-light-blue);text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:var(--space-m) var(--space-xs);text-align:center;line-height:1.15;aspect-ratio:1;transition:all .15s ease}.appointment-choice-button-list .appointment-choice-button img{width:100%;height:4rem;object-fit:contain;margin-bottom:1rem;filter:brightness(0) saturate(100%) invert(66%) sepia(88%) saturate(1259%) hue-rotate(159deg) brightness(96%) contrast(94%)}.appointment-choice-button-list .appointment-choice-button.active,.appointment-choice-button-list .appointment-choice-button:hover{background-color:var(--pantai-light-blue);color:#fff}.appointment-choice-button-list .appointment-choice-button.active img,.appointment-choice-button-list .appointment-choice-button:hover img{filter:brightness(0) saturate(100%) invert(97%) sepia(16%) saturate(0) hue-rotate(81deg) brightness(117%) contrast(100%)}@media screen and (width < 768px){.appointment-choice-button-list{flex-direction:column}.appointment-choice-button-list .appointment-choice-button{flex-direction:row;padding:var(--space-s);justify-content:center;gap:var(--space-2xs);text-align:left;flex:0 0 auto;aspect-ratio:auto;align-items:center}.appointment-choice-button-list .appointment-choice-button img{height:3rem;width:3rem;object-position:center;margin-bottom:0}.appointment-choice-button-list .appointment-choice-button>div{width:8rem}}.appointment-banner{background-color:#d0e0f3;text-align:center;border-radius:.5rem;max-width:60rem;padding:var(--space-m)}.appointment-banner>div{max-width:45rem;margin:auto}.appointment-banner.orange{background-color:#ffbc29;color:#000}.appointment .select2 .default-dropdown-select,.maternity-appointment .select2 .default-dropdown-select{border-width:1px;border-color:gray}.appointment .select2 .select2-selection--single .select2-selection__arrow b,.maternity-appointment .select2 .select2-selection--single .select2-selection__arrow b{border-color:gray!important}.appointment .select2.select2-container,.maternity-appointment .select2.select2-container{height:fit-content}.appointment .select2 .select2-selection__rendered .select2-selection__placeholder,.maternity-appointment .select2 .select2-selection__rendered .select2-selection__placeholder{color:gray}.appointment .default-search-box,.maternity-appointment .default-search-box{border:1px solid gray}.appointment .default-search-box input::placeholder,.maternity-appointment .default-search-box input::placeholder{color:gray}.appointment textarea,.maternity-appointment textarea{height:2.5rem;width:100%;padding:var(--space-2xs) var(--space-2xs);border-radius:.35rem}.appointment textarea::placeholder,.maternity-appointment textarea::placeholder{font-size:var(--step--1)}.appointment .preferred-date-input,.maternity-appointment .preferred-date-input{width:100%;border:1px solid var(--pantai-blue);padding:var(--space-2xs) var(--space-xs)}.appointment .air-datepicker.-inline-,.maternity-appointment .air-datepicker.-inline-{width:calc(100% - 1px);border-radius:0;border:1px solid var(--pantai-blue);--adp-day-cell-height:auto;--adp-border-color-inner:var(--pantai-blue)}@media screen and (width >= 1400px){.appointment .air-datepicker.-inline-,.maternity-appointment .air-datepicker.-inline-{width:calc(100% - 2px)}}.appointment .air-datepicker-body--day-name,.maternity-appointment .air-datepicker-body--day-name{color:var(--pantai-blue);font-weight:700}.appointment .air-datepicker-cell.-day-,.maternity-appointment .air-datepicker-cell.-day-{aspect-ratio:1;border-radius:50%}.appointment .air-datepicker-cell.-day-.-selected-,.maternity-appointment .air-datepicker-cell.-day-.-selected-{background-color:transparent;color:inherit;border:2px solid var(--pantai-blue)}.appointment .air-datepicker-cell.-day-.-selected-.-focus-,.maternity-appointment .air-datepicker-cell.-day-.-selected-.-focus-{background-color:var(--adp-cell-background-color-hover)}.appointment .air-datepicker-cell.-day-.-current-,.maternity-appointment .air-datepicker-cell.-day-.-current-{color:var(--adp-color-current-date)!important}.appointment .preferred-time-list,.maternity-appointment .preferred-time-list{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.appointment .preferred-time-list .preferred-time,.maternity-appointment .preferred-time-list .preferred-time{flex:0 0 calc(50% - var(--space-2xs) * .5);background-color:#fff;border:1px solid var(--pantai-blue);padding:var(--space-2xs) var(--space-xs);text-align:center;border-radius:.35rem;overflow:hidden;font-weight:700;color:var(--pantai-blue);cursor:pointer;line-height:1.3;transition:all .15s ease}.appointment .preferred-time-list .preferred-time:hover,.maternity-appointment .preferred-time-list .preferred-time:hover{background-color:var(--pantai-light-blue-blue)}.appointment .preferred-time-list .preferred-time.active,.maternity-appointment .preferred-time-list .preferred-time.active{background-color:var(--pantai-blue);color:#fff}body:has(.appointment) .default-dropdown-dropdown{border-color:gray!important}#appointmentSummaryModal .error-label,.appointment .error-label,.maternity-appointment .error-label{opacity:0;user-select:none;pointer-events:none;color:red;font-size:var(--step--2);margin-bottom:var(--space-3xs)}.appointment select{border:1px solid gray}.appointment textarea::placeholder{font-size:1rem!important}@media screen and (width < 576px){.appointment textarea{padding:var(--space-2xs) var(--space-xs)!important;min-height:7rem}}.sticky-side-inner .appointment .default-search-box{height:2rem}.sticky-side-inner .appointment .error-label{line-height:1.15}.sticky-side-inner .appointment .default-button{padding:var(--space-2xs) var(--space-m);cursor:pointer}.search-box .verify-btn{position:absolute;right:8px;padding:5px 15px;background-color:#e6e6e6;border:none;border-radius:5px;font-size:14px;color:#777;cursor:pointer}.search-box .verify-btn:hover{background-color:#d5d5d5}.info-icon{position:absolute;top:0;right:0;width:20px;height:20px;background-color:#32c2ee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;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}#voucher-container button.verify-btn-enable{background-color:var(--pantai-light-blue);color:#fff}.icon-calendar{width:60px}@media (min-resolution:1dppx) and (max-resolution:1.25dppx){.mb-custom{margin-top:19px}}@media (resolution:1.5dppx){.mb-custom{margin-top:45px}}.appointment-grey .preferred-date-input{border:1px solid grey!important}.appointment-grey .air-datepicker-nav{border-bottom:1px solid grey!important}.appointment-grey .air-datepicker.-inline-{border:1px solid grey;--adp-border-color-inner:#808080}.appointment-grey .air-datepicker--content{padding:20px 5px}@media (resolution:1.5dppx){.appointment-grey #txtMedicalConcernOrRequest{height:16.5rem}}@media (min-resolution:1dppx) and (max-resolution:1.25dppx){.appointment-grey #txtMedicalConcernOrRequest{height:336px}}.text-red-underline{color:#ea3424;text-decoration:underline}