#booking {padding: 60px 0; position: relative}
#booking::after {content: ''; position: absolute; top: 0; left: calc(-1*var(--bs-container-gutter-x)); bottom: 0; right: calc(-1*var(--bs-container-gutter-x)); background: var(--black);;}
#booking .bookly-css-root {position: relative; z-index: 2;}
#booking .bookly-css-root .bookly-form :focus {box-shadow: none !important;}
#booking .bookly-css-root .bookly-form :focus-visible {outline: none !important;}
#booking .bookly-css-root * {font-size: inherit !important;}
#booking .bookly-css-root .bookly-calendar-overlay.svelte-trnmqx {background-color: rgba(0, 0, 0, 0.8) !important;}
#booking .bookly-css-root .bookly-calendar-controls-mark {padding: 60px 0 !important; margin-left: auto !important; margin-right: auto !important;max-width: 400px !important;}
#booking .bookly-css-root .bookly-calendar-controls-mark .bookly\:h-10 {height: auto !important}
#booking .bookly-css-root .bookly-calendar-controls-mark span {font-family: Manrope, sans-serif !important; font-size: 2.0rem !important; font-weight: 700 !important;}
#booking .bookly-css-root .bookly-calendar-controls-mark i::before {font-family: icon-font, sans-serif !important; font-size: 2.6rem !important; font-weight: normal !important;}
#booking .bookly-css-root .bookly-calendar-controls-mark i.bi-chevron-left::before {content: "\2190" !important;}
#booking .bookly-css-root .bookly-calendar-controls-mark i.bi-chevron-right::before {content: "\2192" !important;}
#booking .bookly-css-root .bookly-slot-calendar {width: 100% !important; margin: 0 !important; float: none; font-size: inherit;}
#booking .bookly-css-root .bookly\:p-0\.5 {padding: 0 !important;}
#booking .bookly-css-root .bookly\:bg-white {background-color: transparent !important;}
#booking .bookly-css-root .bookly\:text-slate-600 {color: var(--white) !important;}
#booking .bookly-css-root .bookly\:border-slate-100 {border: none !important;}
#booking .bookly-css-root .bookly\:bg-slate-100 {background-color: transparent !important;}
#booking .bookly-css-root .bookly-calendar-dates-mark > div:first-child > div:not(:last-child) {margin: 0 10px 10px 0;}
#booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10 {height: 70px !important; color: var(--white) !important; border: 1px solid var(--gray) !important; font-weight: 600 !important; font-size: 1.6rem !important; transition: 0.4s all !important;}
#booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:not(.bookly\:opacity-50) {color: var(--gold) !important; border-color: var(--gold) !important}

#booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:hover, #booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:active, #booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:focus {background-color: var(--gold) !important; border-color: var(--gold) !important; color: var(--white) !important;}
#booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:not(:last-child) {margin: 0 10px 10px 0;}
#booking .bookly-css-root .bookly-calendar-dates-mark .bg-bookly.bookly\:h-10:not(.bookly\:opacity-50) {background-color: var(--gold) !important; border-color: var(--gold) !important;color: var(--white) !important;}
#booking .bookly-css-root .bookly-time-step {margin: 60px 0 !important; width: 100% !important;}
#booking .bookly-css-root .bookly-time-screen {width: 100% !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-column {padding: 0 !important; display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 10px !important;;}
#booking .bookly-css-root .bookly-columnizer .bookly-day {display: none !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour {margin: 0 !important; background-color: transparent !important; border-radius: 0 !important; border: 1px solid var(--white) !important; width: calc((100% - 20px) / 3) !important; transition: 0.4s all !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour.booked span { color: var(--white) !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked) {border-color: var(--gold) !important; color: var(--gold) !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked) span {color: var(--gold) !important; font-weight: 600 !important; transition: 0.4s all !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):hover, #booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):active, #booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):focus {background: var(--gold) !important; border-color: var(--gold) !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):hover span, #booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):active span, #booking .bookly-css-root .bookly-columnizer .bookly-hour:not(.booked):focus span {color: var(--white) !important;}
#booking .bookly-css-root .bookly-columnizer .bookly-hour-icon {display: none !important;}

#booking .bookly-css-root .bookly-details-step {margin-top: 60px !important;}
#booking .bookly-css-root input[type="text"] {width: 100% !important; border: 0 !important; border-right: 1px solid var(--gray) !important; border-bottom: 1px solid var(--gray) !important; background: transparent !important; color: #a8a8a8 !important; padding: 0 20px 20px 0 !important; margin-bottom: 30px !important; font-size: 1.6rem !important; line-height: 2.5rem !important; border-radius: 0 !important; transition: all 0.4s;}
#booking .bookly-css-root input[type="text"]:hover, #booking .bookly-css-root input[type="text"]:active, #booking .bookly-css-root input[type="text"]:focus {color: var(--white) !important; outline: none !important;}
#booking .bookly-css-root .bookly-btn > span {color: var(--white) !important; transition: all 0.4s;}
#booking .bookly-css-root .bookly-btn {display: inline-block; text-align: center !important; font-size: 1.6rem !important; line-height: 2.4rem !important; padding: 10px 20px !important; color: var(--white) !important; background: var(--gold) !important; font-weight: 600 !important; border: 2px solid var(--gold) !important; border-radius: 23px !important; cursor: pointer !important; transition: all 0.4s;}
#booking .bookly-css-root .bookly-btn:hover, #booking .bookly-css-root .bookly-btn:active, #booking .bookly-css-root .bookly-btn:focus {color: var(--dark) !important; background: var(--light-grayish-orange) !important; border-color: var(--light-grayish-orange) !important;}
#booking .bookly-css-root .bookly-btn:hover > span, #booking .bookly-css-root .bookly-btn:active > span, #booking .bookly-css-root .bookly-btn:focus > span {color: var(--dark) !important}

#booking .bookly-css-root .bookly-form .bookly-form-group > label {color: var(--white) !important; display: block !important; margin-bottom: 20px !important;}
#booking .bookly-css-root .bookly-checkbox-group {display: flex !important;; align-items: center !important;}
#booking .bookly-css-root .bookly-checkbox-group a {color: var(--gold) !important}
#booking .bookly-css-root .bookly-checkbox-group a:hover, #booking .bookly-css-root .bookly-checkbox-group a:active, #booking .bookly-css-root .bookly-checkbox-group a:focus {color: var(--white) !important}
#booking .bookly-css-root .bookly-square {width: 20px !important; height: 20px !important; padding: 4px !important; line-height: 0 !important; border: 1px solid var(--gray) !important; outline: none !important; background: transparent !important; border-radius: 0 !important;}
#booking .bookly-css-root .bookly-checkbox-group > input[type="checkbox"] {padding: 0 !important; border: 0 !important;}
#booking .bookly-css-root .bookly-checkbox-group > input[type="checkbox"]:checked + label > i {background: var(--gold) !important; border-color: var(--gold) !important;}
#booking .bookly-css-root .bookly-checkbox-group > input[type="checkbox"]:not(:checked) + label > i {background: transparent !important;}
#booking .bookly-css-root .bookly-custom-field-row .bookly-form-group input[type="checkbox"] {margin-right: 5px !important;}
@media (min-width: 768px) {
	#booking .bookly-css-root .bookly-columnizer .bookly-hour {width: calc((100% - 60px) / 7) !important;}
}

@media (min-width: 1280px) {
	#booking::after {left: calc(-1*var(--bs-container-gutter-x) + var(--bs-gutter-x));}
	#booking .bookly-css-root .bookly-calendar-controls-mark {max-width: 590px !important;}
	#booking .bookly-css-root .bookly-calendar-controls-mark span {font-size: 3.0rem !important; line-height: 4.0 !important;}
	#booking .bookly-css-root .bookly-calendar-dates-mark .bookly\:h-10:not(:last-child) {margin-right: var(--bs-gutter-x) !important;}
	#booking .bookly-css-root .bookly-columnizer .bookly-column {column-gap: var(--bs-gutter-x) !important;}
	#booking .bookly-css-root .bookly-columnizer .bookly-hour {width: calc((100% - 6*var(--bs-gutter-x)) / 7) !important;}
	#booking .bookly-css-root .bookly-time-step {margin-top: 110px !important;}
}

@media (min-width: 1920px) {
	#booking:after {right: calc(960px - 50vw - var(--bs-container-gutter-x))}
}