/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.container {
  width: 100%;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.min-h-\[700px\] {
  min-height: 700px;
}
.w-full {
  width: 100%;
}
.min-w-\[25\%\] {
  min-width: 25%;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.text-center {
  text-align: center;
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.step-number {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  line-height: 1.5rem;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  background-color: #F0F0F0;
}
.step-number.active,
.step-number.completed {
  background: #f4b300;
  color: white;
}
.step-progress {
  border-radius: 100%;
  background-color: #F0F0F0;
  width: 0.5rem;
  height: 0.5rem;
}
.step-progress.completed {
  background: #f4b300;
}
.step {
  display: none;
  width: 100%;
}
.step.active {
  display: block;
}
.btn-day {
  padding: 0.5rem;
  color: #686868;
  font-weight: 600;
  text-align: center;
  border-radius: 100%;
  width: 2.25rem;
  height: 2.25rem;
}
.btn-day.selected,
.btn-day.selected.current,
.btn-day:hover,
.btn-day.current:hover {
  background-color: #F4B300;
  color: white;
}
.btn-day.current {
  background-color: #B5BEC6;
  color: white;
}
.btn-day.disabled,
.btn-day.disabled:hover {
  pointer-events: none;
  color: #F0F0F0;
}
.btn-hour {
  color: #686868;
  background-color: #F0F0F0;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  border-radius: 0.5rem;
}
.btn-hour.selected,
.btn-hour:hover {
  color: white;
  background-color: #F4B300;
}
.btn-hour.disabled,
.btn-hour.disabled:hover {
  background-color: #FAFAFA;
  pointer-events: none;
  color: #F0F0F0;
}
#prevMonth, #nextMonth {
  padding: 0.5rem;
  border-radius: 0.25rem;
  color: #B5BEC6;
}
#prevMonth:hover, #nextMonth:hover {
  color: #242424;
}
.error-message {
  color: red;
  font-size: 0.875rem;
  margin-top: 4px;
}
.input-group {
  width: 100%;
}
.input-group input {
  width: 100%;
}
input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #28A3C6;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #28A3C6;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #28A3C6;
}
input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.service {
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1rem;
  background-color: #FAFAFA;
  font-size: 14px;
  text-align: center;
}
.additional-service {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  font-size: 14px;
}
.additional-service > input {
  margin-right: 1rem;
}
.additional-service > span {
  flex-grow: 1;
  text-align: center;
  color: #686868;
}
.additional-service.selected {
  background-color: #FAFAFA;
}
.additional-service.selected > span {
  color: #242424;
}
.dropdown {
  max-height: 300px;
  overflow-y: auto;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
  border: 1px solid #F0F0F0;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.intl-phone-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dial-select-wrapper {
  position: relative;
}
.selector-btn {
  padding: 0.5rem;
  border: 1px solid #F0F0F0;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: white;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}
.chevron {
  font-size: 0.75rem;
}
.dropdown {
  position: absolute;
  background-color: white;
  border: 1px solid #F0F0F0;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 50;
  margin-top: 0.25rem;
  width: 16rem;
  max-height: 15rem;
  overflow-y: auto;
}
.dropdown-search {
  width: 100%;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.dropdown-options {
  max-height: 13rem;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.phone-input {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  flex: 1;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}