.stop-scroll {
  overflow: hidden;
}
.special_for_online_registration_page {
  max-width: 100%;
}


.main-frame[data-v-30fed3c0],
.switch-container[data-v-30fed3c0] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.online-registration_subtitle[data-v-30fed3c0] {
  color: #202634;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.online-registration_subtitle_head[data-v-30fed3c0] {
  padding-bottom: 20px;
  border-bottom: 1px #DEE8EE solid;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
}
.online-registration_title-wrapper[data-v-30fed3c0] {
  align-items: center;
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.online-registration_steps[data-v-30fed3c0] {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.online-registration_steps_dividing-line[data-v-30fed3c0] {
  background: var(--Background-4);
  width: 100%;
  min-width: 16px;
  height: 1px;
  display: block;
}
.online-registration_steps_item[data-v-30fed3c0] {
  padding: 4px 12px 4px 4px;
  border-radius: 20px;
  outline: 1px #F1F1F2 solid;
  align-items: center;
  gap: 8px;
  display: flex;
&.active[data-v-30fed3c0] {
    background: #F7F7F9;
.online-registration_steps_item_number[data-v-30fed3c0] {
      background: #5AA9D4;
      color: white;
}
.online-registration_steps_item_text[data-v-30fed3c0] {
      color: #202634;
}
}
}
.online-registration_steps_item_number[data-v-30fed3c0] {
  width: 32px;
  height: 32px;
  background: #F7F7F9;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  color: #5C6884;
  font-size: 14px;
  font-weight: 400;
}
.online-registration_steps_item_text[data-v-30fed3c0] {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #5C6884;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.online-registration_note[data-v-30fed3c0] {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
&[data-v-30fed3c0]:before {
    display: block;
    content: '';
    width: 25px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.10547 3.05078C8.21479 1.54398 10.789 0.830386 13.373 1.03613C15.9571 1.24209 18.3863 2.354 20.2305 4.17578C22.0743 5.99751 23.2166 8.41204 23.4541 10.9932C23.6914 13.5745 23.0092 16.1576 21.5283 18.2852C20.0473 20.4128 17.8616 21.9493 15.3584 22.623C12.8746 23.2914 10.2357 23.0672 7.90039 21.9922C7.73761 21.933 7.56222 21.9174 7.3916 21.9463L4.03711 22.9277C4.02942 22.93 4.02141 22.9325 4.01367 22.9346C3.68464 23.0219 3.33778 23.0232 3.00781 22.9395C2.67799 22.8556 2.37442 22.6887 2.12695 22.4551C1.87947 22.2212 1.69524 21.9273 1.59277 21.6025C1.4904 21.2778 1.47255 20.9321 1.54102 20.5986L1.56934 20.4912L2.6123 17.2695C2.6479 17.0858 2.63263 16.8956 2.56543 16.7207C1.4624 14.399 1.20589 11.7638 1.84375 9.27246C2.4868 6.76124 3.99625 4.55772 6.10547 3.05078ZM13.2148 3.0293C11.1005 2.86088 8.99444 3.44488 7.26855 4.67773C5.54263 5.9107 4.30742 7.71377 3.78125 9.76855C3.2881 11.6947 3.44797 13.7262 4.22852 15.5469L4.39258 15.9082L4.4209 15.9746C4.6412 16.5308 4.69109 17.1404 4.5625 17.7246C4.55562 17.7558 4.54695 17.787 4.53711 17.8174L3.50684 20.998L6.88867 20.0098C6.91694 20.0015 6.94671 19.995 6.97559 19.9893C7.45804 19.8937 7.95594 19.9173 8.4248 20.0586L8.62402 20.127L8.69141 20.1553C10.6131 21.0526 12.7908 21.2426 14.8389 20.6914C16.8869 20.1401 18.675 18.8833 19.8867 17.1426C21.0984 15.4019 21.656 13.2887 21.4619 11.1768C21.2677 9.06493 20.3337 7.08918 18.8252 5.59863C17.3164 4.10814 15.329 3.19786 13.2148 3.0293ZM12.5098 15C13.0619 15.0002 13.5097 15.4479 13.5098 16C13.5098 16.5522 13.0619 16.9998 12.5098 17H12.5C11.9477 17 11.5 16.5523 11.5 16C11.5 15.4478 11.9477 15 12.5 15H12.5098ZM12.5 7C13.0521 7.00018 13.5 7.44787 13.5 8V12C13.5 12.5522 13.0521 12.9998 12.5 13C11.9477 13 11.5 12.5523 11.5 12V8C11.5 7.44776 11.9477 7 12.5 7Z' fill='%231A8DCC'/%3E%3C/svg%3E%0A");
    margin-right: 6px;
}
span[data-v-30fed3c0] {
    color: #2583CE;
    font-weight: 500;
}
}
.online-registration_note_text[data-v-30fed3c0] {
  color: #202634;
  font-size: 16px;
  font-weight: 500;
}
.online-registration_service_items[data-v-30fed3c0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 20px;
}
.online-registration_service_item[data-v-30fed3c0] {
  padding: 28px;
  background: #F7F7F9;
  border-radius: 20px;
  outline: 1px #F1F1F2 solid;
  outline-offset: -1px;
  gap: 28px;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
}
.online-registration_service_item_head[data-v-30fed3c0] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.online-registration_service_item_title[data-v-30fed3c0] {
  color: #2583CE;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
}
.online-registration_service_item_key-wrapper[data-v-30fed3c0] {
  gap: 12px;
  display: flex;
span[data-v-30fed3c0] {
    white-space: nowrap;
}
}
.online-registration_service_item_key[data-v-30fed3c0] {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
  text-align: center;
  color: #202634;
  font-size: 16px;
  font-weight: 500;
span[data-v-30fed3c0] {
    color: #5C6884;
    font-size: 14px;
    font-weight: 400;
}
}
.online-registration_service_item_name[data-v-30fed3c0] {
  color: #202634;
  font-size: 16px;
  font-weight: 500;
}
.online-registration_item_body[data-v-30fed3c0] {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.online-registration_service_item_description[data-v-30fed3c0],
.online-registration_service_item_address[data-v-30fed3c0] {
  color: #5C6884;
  font-size: 16px;
  font-weight: 400;
span[data-v-30fed3c0] {
    font-weight: 500;
    line-height: 20px;
}
}
.online-registration_service_item_footer[data-v-30fed3c0] {
  flex-direction: column;
  gap: 28px;
  display: flex;
}
.online-registration_service_item_price[data-v-30fed3c0] {
  align-items: center;
  gap: 12px;
  display: flex;
  color: #202634;
  font-size: 16px;
  font-weight: 400;
span[data-v-30fed3c0] {
    color: #2583CE;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
}
}
.select-slots_and_calendar[data-v-30fed3c0] {
  padding-left: 28px;
  padding-right: 28px;
  flex-direction: column;
  gap: 28px;
  display: flex
}
.select-slots_and_calendar_title[data-v-30fed3c0] {
  color: #2583CE;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
}
.container_select-slots_and_calendar[data-v-30fed3c0] {
  justify-content: space-between;
  gap: 20px;
  display: flex
}
.select-slots_items[data-v-30fed3c0] {
  flex-direction: column;
  gap: 24px;
  display: flex
}
.select-slots_item[data-v-30fed3c0] {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex
}
.select-slots_item_title[data-v-30fed3c0] {
  color: #5C6884;
  font-size: 14px;
  font-weight: 400;
}
.select-slots_item_time-wrapper[data-v-30fed3c0] {
  align-items: center;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.select-slots_item_time[data-v-30fed3c0] {
  padding: 12px 20px;
  background: white;
  border-radius: 10px;
  outline: 1px #E5ECF0 solid;
  outline-offset: -1px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  display: flex;
  color: #5C6884;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
&[data-v-30fed3c0]:hover {
    background: #e9ecef;
    cursor: pointer;
}
&.active[data-v-30fed3c0] {
    background: var(--Primary);
    color: var(--White);
    cursor: default;
&[data-v-30fed3c0]:hover {
      background: var(--Primary);
}
}
}
.select-slots_item_no-time[data-v-30fed3c0] {
  color: #202634;
  font-size: 16px;
  font-weight: 500;
}
.calendar[data-v-30fed3c0] {
  width: 408px;
  padding: 8px 4px;
  border-radius: 12px;
  background: var(--White);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.calendar_header[data-v-30fed3c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
span[data-v-30fed3c0] {
    color: var(--Black);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
}
.calendar_btn[data-v-30fed3c0] {
  padding: 8px 4px;
&[data-v-30fed3c0]:after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
}
&.prev[data-v-30fed3c0]:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.2618 5.28721C11.6521 4.89648 12.2851 4.89614 12.6759 5.28646C13.0666 5.67678 13.0669 6.30979 12.6766 6.70052L9.38538 9.99523L12.6801 13.2865L12.7485 13.3626C13.069 13.7552 13.0468 14.3342 12.6808 14.7005C12.3149 15.0668 11.7359 15.0897 11.343 14.7696L11.2668 14.7013L7.26466 10.7034C6.87393 10.3131 6.87359 9.68005 7.26391 9.28932L11.2618 5.28721Z' fill='%235C6884'/%3E%3C/svg%3E");
}
&.next[data-v-30fed3c0]:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.25399 5.28932C7.6443 4.89859 8.27732 4.89826 8.66805 5.28857L12.6702 9.28646C13.0609 9.67678 13.0612 10.3098 12.6709 10.7005L8.67302 14.7026C8.2827 15.0934 7.64969 15.0937 7.25896 14.7034C6.86823 14.3131 6.86789 13.68 7.25821 13.2893L10.5494 9.99461L7.25473 6.70338C6.864 6.31306 6.86367 5.68005 7.25399 5.28932Z' fill='%235C6884'/%3E%3C/svg%3E");
}
}
.calendar_week-wrapper[data-v-30fed3c0],
.calendar_days[data-v-30fed3c0] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  gap: 5px;
  padding-left: 12px;
  padding-right: 12px;
}
.calendar_week-wrapper[data-v-30fed3c0] {
  background: var(--Tretiary);
}
.calendar_week[data-v-30fed3c0],
.calendar_day[data-v-30fed3c0] {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}
.calendar_week[data-v-30fed3c0] {
  color: var(--Black);
}
.calendar_day[data-v-30fed3c0] {
  color: var(--Text);
  cursor: default;
&[data-v-30fed3c0]:hover {
    background: var(--White);
}
&.working_day[data-v-30fed3c0] {
    color: var(--Black);
    cursor: pointer;
    outline: solid 1px var(--Primary);
    border-radius: 4px;
&[data-v-30fed3c0]:hover {
      border-radius: 4px;
      background: #e9ecef;
}
}
&.current_day[data-v-30fed3c0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    color: var(--Primary);
    padding-top: 9px;
    padding-bottom: 4px;
&[data-v-30fed3c0]:after {
      display: block;
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 10px;
      background: var(--Primary);
}
}
}
.calendar_selected[data-v-30fed3c0] {
  border-radius: 4px;
  background: var(--Primary);
  color: var(--White);
  cursor: default;
&.working_day[data-v-30fed3c0] {
    color: var(--White);
&[data-v-30fed3c0]:hover {
      background: var(--Primary);
}
}
&.current_day[data-v-30fed3c0] {
    color: var(--White);
&[data-v-30fed3c0]:after {
      background: var(--White);
}
}
&[data-v-30fed3c0]:hover {
    background: var(--Primary);
}
}
.calendar-btn[data-v-30fed3c0] {
  max-width: 274px
}
.registration-details-and-patient-info[data-v-30fed3c0] {
  flex-direction: column;
  gap: 40px;
  display: flex;
}
.registration-details_container[data-v-30fed3c0] {
  padding: 28px;
  background: #F7F7F9;
  border-radius: 20px;
  outline: 1px #F1F1F2 solid;
  outline-offset: -1px;
  flex-direction: column;
  gap: 28px;
  display: flex;
}
.registration-details-and-patient-info_title[data-v-30fed3c0] {
  color: #2583CE;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
}
.registration-details_content[data-v-30fed3c0] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.registration-details_items[data-v-30fed3c0] {
  gap: 48px;
  display: flex;
}
.registration-details_item[data-v-30fed3c0] {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.registration-details_item_title[data-v-30fed3c0] {
  color: #5C6884;
  font-size: 16px;
  font-weight: 400;
}
.registration-details_item_text[data-v-30fed3c0] {
  color: #202634;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.registration-details_dividing-line[data-v-30fed3c0] {
  height: 0;
  outline: 1px #DEE8EE solid;
  outline-offset: -0.50px;
}
.patient-info[data-v-30fed3c0] {
  padding-left: 28px;
  padding-right: 28px;
  flex-direction: column;
  gap: 28px;
  display: flex;
}
.patient-info_inputs-wrapper[data-v-30fed3c0] {
  width: 862px;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.patient-info_label[data-v-30fed3c0] {
  width: 274px;
  height: 50px;
  background: #F7F7F9;
  border-radius: 10px;
  gap: 10px;
  display: flex;
&.error[data-v-30fed3c0] {
    outline: 1px solid red;
}
input[data-v-30fed3c0] {
    width: 100%;
    padding: 15px 16px;
&[data-v-30fed3c0]::placeholder {
      color: #9FAEB6;
      font-size: 16px;
      font-weight: 500;
}
}
}
.patient-info_checkbox-wrapper[data-v-30fed3c0] {
  align-items: center;
  gap: 8px;
  display: flex;
}
.patient-info_advice-wrapper[data-v-30fed3c0] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.patient-info_advice[data-v-30fed3c0] {
  color: var(--Text-2);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.patient-info_checkbox[data-v-30fed3c0] {
  position: relative;
  width: 18px;
  height: 18px;
input[data-v-30fed3c0] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
span[data-v-30fed3c0] {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.25 0.75H4.75C2.54086 0.75 0.75 2.54086 0.75 4.75V13.25C0.75 15.4591 2.54086 17.25 4.75 17.25H13.25C15.4591 17.25 17.25 15.4591 17.25 13.25V4.75C17.25 2.54086 15.4591 0.75 13.25 0.75Z' stroke='%239799A6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
&.active[data-v-30fed3c0] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.25 0.75H4.75C2.54086 0.75 0.75 2.54086 0.75 4.75V13.25C0.75 15.4591 2.54086 17.25 4.75 17.25H13.25C15.4591 17.25 17.25 15.4591 17.25 13.25V4.75C17.25 2.54086 15.4591 0.75 13.25 0.75Z' fill='%235AA9D4' stroke='%235AA9D4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5084 6.10742L7.72138 11.8934L4.48438 8.66142' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
}
}
.patient-info_checkbox_description[data-v-30fed3c0] {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text);
  font-size: 16px;
  font-weight: 500;
}
.patient-info_footer[data-v-30fed3c0] {
  max-width: 765px;
  align-items: center;
  gap: 20px;
  display: flex
}
.patient-info_btn[data-v-30fed3c0] {
  min-width: 274px;
}
.patient-info_note[data-v-30fed3c0] {
  color: #9FAEB6;
  font-size: 12px;
  font-weight: 400;
span[data-v-30fed3c0] {
    color: #5AA9D4;
}
}
.confirm-appointment_wrapper[data-v-30fed3c0] {
  width: 100vw;
  height: 100vh;
  padding: 10px 0 10px 0;
  left: 0;
  top: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 99;
}
.confirm-appointment[data-v-30fed3c0] {
  max-width: 580px;
  width: 100%;
  padding: 30px 30px 60px 30px;
  background: var(--White);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
}
.confirm-appointment_btn-close[data-v-30fed3c0] {
  height: max-content;
  display: flex;
  align-items: center;
  align-self: self-end;
  gap: 8px;
  color: #132E6B;
  font-size: 14px;
  font-weight: 400;
&[data-v-30fed3c0]:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4153_12929)'%3E%3Cpath d='M6.66295 6.00441L11.8627 0.804625C12.0458 0.621555 12.0458 0.324744 11.8627 0.141697C11.6796 -0.0413495 11.3828 -0.041373 11.1998 0.141697L5.99999 5.34148L0.800231 0.141697C0.617161 -0.041373 0.320349 -0.041373 0.137302 0.141697C-0.0457441 0.324767 -0.0457675 0.621579 0.137302 0.804625L5.33707 6.00439L0.137302 11.2042C-0.0457675 11.3872 -0.0457675 11.6841 0.137302 11.8671C0.228826 11.9586 0.348802 12.0044 0.468778 12.0044C0.588755 12.0044 0.708708 11.9586 0.800254 11.8671L5.99999 6.66734L11.1998 11.8671C11.2913 11.9586 11.4113 12.0044 11.5312 12.0044C11.6512 12.0044 11.7712 11.9586 11.8627 11.8671C12.0458 11.684 12.0458 11.3872 11.8627 11.2042L6.66295 6.00441Z' fill='%23132E6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4153_12929'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
}
.confirm-appointment_content[data-v-30fed3c0] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  display: flex
}
.confirm-appointment_title-wrapper[data-v-30fed3c0] {
  flex-direction: column;
  gap: 12px;
  display: flex
}
.confirm-appointment_title[data-v-30fed3c0] {
  text-align: center;
  color: #2583CE;
  font-size: 26px;
  font-weight: 700;
}
.confirm-appointment_subtitle[data-v-30fed3c0] {
  text-align: center;
  color: #9FAEB6;
  font-size: 14px;
  font-weight: 400;
}
.confirm-appointment_inputs-container[data-v-30fed3c0] {
  gap: 12px;
  display: flex;
}
.confirm-appointment_label[data-v-30fed3c0] {
  background: #F7F7F9;
  border-radius: 4px;
  outline: 1px #DEE8EE solid;
  outline-offset: -1px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
&.error[data-v-30fed3c0] {
    outline: 1px solid var(--Error);
}
input[data-v-30fed3c0] {
    padding: 12px 4px;
    width: 32px;
    text-align: center;
    color: #9FAEB6;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
}
}
.confirm-appointment_footer[data-v-30fed3c0] {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}
.confirm-appointment_btn[data-v-30fed3c0] {
  min-width: 213px;
}
.confirm-appointment_note[data-v-30fed3c0],
.confirm-appointment_timer[data-v-30fed3c0] {
  display: flex;
  gap: 6px;
  text-align: center;
  color: #9FAEB6;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
button[data-v-30fed3c0] {
    padding: 0;
    margin: 0;
    width: max-content;
    height: max-content;
    color: #5AA9D4;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
}
}
.confirm-appointment_timer[data-v-30fed3c0] {
span[data-v-30fed3c0] {
    text-align: start;
    width: 40px;
}
}
.onl-reg-is-complete[data-v-30fed3c0] {
  width: 100%;
  position: relative;
  padding: 48px 40px;
  background: #F2F6F8;
  border-radius: 20px;
  overflow: hidden;
}
.onl-reg-is-complete_bg[data-v-30fed3c0] {
  border-top-right-radius: 20px;
  width: 284px;
  height: 306px;;
  right: 0;
  top: 0;
  position: absolute;
  overflow: hidden;
  background-image: url(/_nuxt/img/onl-reg-is-complete_bg.789f7cb.png);
  background-repeat: no-repeat;
}
.onl-reg-is-complete_container[data-v-30fed3c0] {
  width: 100%;
  left: 40px;
  top: 48px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  display: flex;
}
.onl-reg-is-complete_person_info[data-v-30fed3c0] {
  max-width: 700px;
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.onl-reg-is-complete_person_name[data-v-30fed3c0] {
  text-align: center;
  color: var(--Main);
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 32px;
}
.onl-reg-is-complete_person_massage[data-v-30fed3c0] {
  text-align: center;
  color: var(--Text-2);
  font-size: 16px;
  font-weight: 400;
}
.onl-reg-is-complete_content[data-v-30fed3c0] {
  width: 100%;
  padding: 28px;
  background: white;
  border-radius: 20px;
  outline: 1px #F1F1F2 solid;
  outline-offset: -1px;
  flex-direction: column;
  gap: 28px;
  display: flex;
  z-index: 1;
}
.onl-reg-is-complete_title[data-v-30fed3c0] {
  align-items: flex-start;
  justify-content: center;
  display: flex;
  color: var(--Text-Heading);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 24px;
}
.onl-reg-is-complete_service_info-wrapper[data-v-30fed3c0] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.onl-reg-is-complete_service_info[data-v-30fed3c0] {
  gap: 48px;
  display: flex;
}
.onl-reg-is-complete_service_item[data-v-30fed3c0] {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.onl-reg-is-complete_service_item_title[data-v-30fed3c0] {
  color: var(--Text-2);
  font-size: 16px;
  font-weight: 400;
}
.onl-reg-is-complete_service_item_text[data-v-30fed3c0] {
  color: var(--Black);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.onl-reg-is-complete_dividing-line[data-v-30fed3c0] {
  height: 0;
  outline: 1px #DEE8EE solid;
  outline-offset: -0.50px;
}
.onl-reg-is-complete_note-wrapper[data-v-30fed3c0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.onl-reg-is-complete_note[data-v-30fed3c0] {
  padding: 12px 20px;
  background: var(--Tretiary);
  border-radius: 12px;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  display: flex;
  color: var(--Text-2);
  font-size: 16px;
  font-weight: 500;
&[data-v-30fed3c0]:before {
    margin-right: 4px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.60547 3.05078C7.71479 1.54398 10.289 0.830386 12.873 1.03613C15.4571 1.24209 17.8863 2.354 19.7305 4.17578C21.5743 5.99751 22.7166 8.41204 22.9541 10.9932C23.1914 13.5745 22.5092 16.1576 21.0283 18.2852C19.5473 20.4128 17.3616 21.9493 14.8584 22.623C12.3746 23.2914 9.73571 23.0672 7.40039 21.9922C7.23761 21.933 7.06222 21.9174 6.8916 21.9463L3.53711 22.9277C3.52942 22.93 3.52141 22.9325 3.51367 22.9346C3.18464 23.0219 2.83778 23.0232 2.50781 22.9395C2.17799 22.8556 1.87442 22.6887 1.62695 22.4551C1.37947 22.2212 1.19524 21.9273 1.09277 21.6025C0.990405 21.2778 0.972547 20.9321 1.04102 20.5986L1.06934 20.4912L2.1123 17.2695C2.1479 17.0858 2.13263 16.8956 2.06543 16.7207C0.962402 14.399 0.705888 11.7638 1.34375 9.27246C1.9868 6.76124 3.49625 4.55772 5.60547 3.05078ZM12.7148 3.0293C10.6005 2.86088 8.49444 3.44488 6.76855 4.67773C5.04263 5.9107 3.80742 7.71377 3.28125 9.76855C2.7881 11.6947 2.94797 13.7262 3.72852 15.5469L3.89258 15.9082L3.9209 15.9746C4.1412 16.5308 4.19109 17.1404 4.0625 17.7246C4.05562 17.7558 4.04695 17.787 4.03711 17.8174L3.00684 20.998L6.38867 20.0098C6.41694 20.0015 6.44671 19.995 6.47559 19.9893C6.95804 19.8937 7.45594 19.9173 7.9248 20.0586L8.12402 20.127L8.19141 20.1553C10.1131 21.0526 12.2908 21.2426 14.3389 20.6914C16.3869 20.1401 18.175 18.8833 19.3867 17.1426C20.5984 15.4019 21.156 13.2887 20.9619 11.1768C20.7677 9.06493 19.8337 7.08918 18.3252 5.59863C16.8164 4.10814 14.829 3.19786 12.7148 3.0293ZM12.0098 15C12.5619 15.0002 13.0097 15.4479 13.0098 16C13.0098 16.5522 12.5619 16.9998 12.0098 17H12C11.4477 17 11 16.5523 11 16C11 15.4478 11.4477 15 12 15H12.0098ZM12 7C12.5521 7.00018 13 7.44787 13 8V12C13 12.5522 12.5521 12.9998 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44776 11.4477 7 12 7Z' fill='%231A8DCC'/%3E%3C/svg%3E");
}
}
.onl-reg-is-complete_btn-rule[data-v-30fed3c0] {
  color: var(--Site-Text-Heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.onl-reg-is-complete_btn-download-wrapper[data-v-30fed3c0] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}
.onl-reg-is-complete_btn-download[data-v-30fed3c0] {
  max-width: 340px;
  align-self: center;
  min-height: 50px;
}
.onl-reg-is-complete_btn-home[data-v-30fed3c0] {
  height: 37px;
  text-align: center;
  color: #132E6B;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-home[data-v-30fed3c0] {
  min-width: 340px;
}
@media (max-width: 991px) {
.container-width[data-v-30fed3c0] {
    max-width: 100%;
    margin-bottom: 0;
}
.page-title[data-v-30fed3c0] {
    font-size: 32px;
    padding: 0;
}
.online-registration_title-wrapper[data-v-30fed3c0] {
    align-items: flex-start;
}
.online-registration_note[data-v-30fed3c0] {
    display: grid;
    grid-template-areas:
      'A B'
      'A C';
&[data-v-30fed3c0]:before {
      grid-area: A;
}
span[data-v-30fed3c0] {
      grid-area: C;
}
}
.online-registration_note_text[data-v-30fed3c0] {
    grid-area: B;
}
.online-registration_service_items[data-v-30fed3c0] {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.online-registration_service_item[data-v-30fed3c0] {
    padding: 20px;
    border-radius: 10px;
    gap: 20px;
}
.online-registration_service_item_key[data-v-30fed3c0] {
span[data-v-30fed3c0] {
      white-space: nowrap;
}
}
.online-registration_service_item_name[data-v-30fed3c0],
  .online-registration_service_item_description[data-v-30fed3c0] {
    font-size: 14px;
}
.select-slots_and_calendar_title[data-v-30fed3c0] {
    font-size: 16px;
    font-weight: 700;
}
.container_select-slots_and_calendar[data-v-30fed3c0] {
    flex-direction: column-reverse;
}
.select-slots_and_calendar[data-v-30fed3c0] {
    padding-left: 0;
    padding-right: 0;
    gap: 24px;
}
.calendar[data-v-30fed3c0] {
    width: 100%;
}
.calendar-btn[data-v-30fed3c0] {
    max-width: 100%
}
.registration-details_container[data-v-30fed3c0] {
    padding: 20px 16px;
    gap: 20px;
    border-radius: 10px;
}
.registration-details-and-patient-info_title[data-v-30fed3c0] {
    font-size: 16px;
    font-weight: 700;
}
.registration-details_items[data-v-30fed3c0] {
    flex-direction: column;
    gap: 24px;
}
.patient-info[data-v-30fed3c0] {
    padding: 0;
}
.patient-info_inputs-wrapper[data-v-30fed3c0] {
    flex-direction: column;
    width: 100%;
}
.patient-info_label[data-v-30fed3c0] {
    width: 100%;
}
.patient-info_footer[data-v-30fed3c0] {
    flex-direction: column;
}
.patient-info_note[data-v-30fed3c0] {
    text-align: center;
}
.confirm-appointment_title[data-v-30fed3c0] {
    font-size: 26px;
    font-weight: 700;
}
.confirm-appointment_content[data-v-30fed3c0] {
    gap: 32px;
}
.confirm-appointment_btn[data-v-30fed3c0] {
    min-width: 100%;
}
.confirm-appointment_note[data-v-30fed3c0] {
    flex-wrap: wrap;
    justify-content: center;
}
.onl-reg-is-complete[data-v-30fed3c0] {
    padding: 40px 16px;
}
.onl-reg-is-complete_bg[data-v-30fed3c0] {
    display: none;
}
.onl-reg-is-complete_container[data-v-30fed3c0] {
    gap: 24px;
}
.onl-reg-is-complete_person_name[data-v-30fed3c0] {
    font-size: 18px;
    font-weight: 700;
}
.onl-reg-is-complete_content[data-v-30fed3c0] {
    padding: 20px 16px;
}
.onl-reg-is-complete_service_info[data-v-30fed3c0] {
    flex-direction: column;
    gap: 24px;
}
.onl-reg-is-complete_note[data-v-30fed3c0] {
    flex-direction: column;
    align-items: baseline;
    gap: 0;
&[data-v-30fed3c0]:before {
      margin-right: 0;
      margin-bottom: 8px;
}
}
.onl-reg-is-complete_btn-download[data-v-30fed3c0] {
    font-size: 12px !important;
    font-weight: 700;
}
.onl-reg-is-complete_btn-home[data-v-30fed3c0] {
    width: max-content;
}
.btn-home[data-v-30fed3c0] {
    font-size: 12px !important;
    font-weight: 700;
    min-width: 100%;
}
}
@media (max-width: 400px) {
.online-registration_service_items[data-v-30fed3c0] {
    grid-template-columns: 1fr;
}
}