.date-time-outer-core-container{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:15px;width:100%}.date-time-tab-main-container{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px}.date-time-tab-calender-section{display:flex;align-items:center;justify-content:center;width:60%}.date-time-tab-times-slots{width:40%;flex-direction:column;gap:5px}.date-time-tab-times-slots,.single-time-slot{display:flex;align-items:center;justify-content:center}.single-time-slot{width:200px;height:40px;border:1px solid var(--orange-fill);border-radius:25px;background-color:transparent;color:var(--orange-fill);font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);cursor:pointer;transition:all .3s ease-in-out}.single-time-slot:hover{background-color:var(--orange-fill);color:#fff}.date-time-tab-calender-section .react-calendar{width:100%!important;height:auto!important;border:1px solid var(--border-color)}.date-time-tab-calender-section .react-calendar__navigation{margin-bottom:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:42px!important}.date-time-tab-calender-section .react-calendar__navigation__next-button,.date-time-tab-calender-section .react-calendar__navigation__prev-button{border:none!important;outline:none!important;cursor:pointer!important;width:45px!important;height:100%!important;background-color:transparent!important}.date-time-tab-calender-section .react-calendar__navigation__prev-button{display:flex!important;align-items:center!important;justify-content:center!important}.date-time-tab-calender-section .react-calendar__navigation__next2-button,.date-time-tab-calender-section .react-calendar__navigation__prev2-button{display:none}.date-time-tab-calender-section .react-calendar__navigation__label{background-color:transparent!important;height:100%!important;outline:none!important;border:none!important}.react-calendar__month-view__weekdays{font-weight:400!important;height:42px!important}.react-calendar__tile--weekend{color:inherit!important}.custom-tile{border:1px solid var(--border-color)!important;height:42px!important}.selected-date{background-color:var(--orange-fill)!important;color:white!important;border-radius:5px!important}.today-date{border:2px solid var(--orange-fill)!important;color:var(--orange-fill)!important;background-color:transparent!important}.react-calendar__month-view__weekdays__weekday abbr[title]{text-decoration:none!important;text-align:center!important}.react-calendar__month-view__days .react-calendar__tile .react-calendar__month-view__days__day{border:1px solid var(--border-color)!important}.react-calendar__month-view__weekdays__weekday{border:1px solid var(--border-color)!important;text-align:center!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}.react-calendar__tile--active{border-radius:0!important;height:42px!important}@media only screen and (max-width:480px){.date-time-tab-main-container{display:flex;flex-direction:column;width:100%}.date-time-tab-calender-section{width:100%}.date-time-tab-times-slots{width:100%;display:flex;flex-direction:column;gap:10px}.single-time-slot{width:100%;height:35px;font-size:12px}}.review-tab-main-container{display:flex;flex-direction:column;width:100%;align-items:start;justify-content:start;gap:25px}.review-tab-main-container>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--text-primary)}.review-tab-form{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:25px;width:100%}.review-tab-form>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--text-primary)}.review-tab-address-field{display:flex;width:100%;align-items:start;justify-content:start;height:50px;padding:5px 10px;border:1px solid var(--border-color);border-radius:5px}.review-tab-address-field>input{width:100%;height:100%;border:none;outline:none;background-color:transparent}.review-tab-first-and-last-name-container{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;gap:15px}.floating-input-container{position:relative;height:40px}.floating-input-container input{width:100%;height:100%;padding:5px 12px;font-size:12px;box-sizing:border-box}.floating-input-container label{position:absolute;top:12px;left:12px;color:#aaa;pointer-events:none;transition:all .2s ease-out}.floating-input-container label.float{top:-16px;left:10px;font-size:12px;color:#333;background-color:transparent;padding:0 4px}.review-tab-first-and-last-name-container>label{display:flex;width:100%;align-items:start;justify-content:start;height:50px;padding:5px 10px;border:1px solid var(--border-color);border-radius:5px}.review-tab-first-and-last-name-container>label>input{width:100%;height:100%;border:none;outline:none;background-color:transparent}.confirm-associate-container{display:flex;align-items:center;justify-content:start;gap:10px;width:100%}.confirm-associate-container>input{width:max-content;height:max-content}.confirm-associate-container>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--text-primary)}.type-selected-button{display:flex;width:100%;align-items:center;justify-content:end;gap:15px}.type-selected-button>button{width:max-content;padding:10px 30px;display:flex;align-items:center;justify-content:center;background-color:var(--orange-fill);border:1px solid var(--orange-fill);border-radius:5px;color:#fff;font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);cursor:pointer}@media only screen and (max-width:480px){.confirm-associate-container{gap:5px}.confirm-associate-container>h3{font-size:8px;line-height:var(--content-one-height);font-weight:var(--content-one-weight);color:var(--text-primary)}.type-selected-button>button{padding:0;width:50%;height:35px;font-size:12px}.eview-tab-form>label{height:35px}.review-tab-first-and-last-name-container{display:flex;flex-direction:column}.review-tab-first-and-last-name-container>label>input{font-size:12px}.review-tab-main-container{gap:10px}.review-tab-main-container>h3{font-size:12px}.review-tab-address-field,.review-tab-first-and-last-name-container>label{height:35px}.review-tab-address-field>input,.review-tab-first-and-last-name-container>label>input{font-size:10px}.review-tab-form{gap:15px}}.appointment-confirmation-modal{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:fixed;padding:15px;top:0;left:0;background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;opacity:0;transition:all .3s ease-in-out}.appointment-confirmation-modal.show-confirmation-modal{z-index:1000000000000000000;visibility:visible;opacity:1}.appointment-confirmation-modal-inner-container{width:40%;height:max-content;padding:20px;position:relative;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff}.appointment-modal-close-button{position:absolute;top:20px;right:20px;width:20px;height:auto;background-color:transparent;border:none;outline:none;cursor:pointer}.appointment-confirmation-modal-head{display:flex;align-items:center;justify-content:start;gap:10px;width:100%}.appointment-confirmation-modal-head>h3{font-size:var(--section-size);line-height:var(--section-height);font-weight:var(--section-weight);color:var(--tertiary-color)}.appointment-confirmation-modal-body{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:15px;width:100%}.appointment-confirmation-modal-body>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--text-primary)}.appointment-confirmation-modal-body>p{font-size:var(--content-one-size);line-height:var(--content-one-heigh);font-weight:var(--content-two-weight);color:var(--text-primary)}.appointment-confirmation-time-and-date{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:0;width:100%}.appointment-confirmation-time-and-date>span{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%;gap:5px}.appointment-confirmation-time-and-date>span>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);margin-top:2px;color:var(--tertiary-color)}.appointment-confirmation-time-and-date>span>p{font-size:var(--content-one-size);line-height:var(--content-one-heigh);padding-top:2px;font-weight:var(--content-two-weight);color:var(--tertiary-color)}.appointment-confirmation-time-and-date>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--tertiary-color)}@media only screen and (max-width:480px){.appointment-confirmation-modal-inner-container{width:100%}.appointment-confirmation-modal-head>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--tertiary-color)}}