.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}

.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-Bold0abce9de13a46486caa7.woff2) format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-BoldItalic501b8ee3663402d2d360.woff2) format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-Italic9d95597d21c34e4bb03d.woff2) format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-MediumItalica0dd10b4ee3b98d55d01.woff2) format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-Medium11c86a80ebed53411a78.woff2) format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-SemiBoldItalic58e3ede8fcb44cab03bd.woff2) format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-SemiBold8e2a55f150aaef94ca38.woff2) format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url(../media/BarlowCondensed-Regular16d977cc1d8d8bd19d68.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sora";
	src: url(../media/Sora-SemiBold7a3a726502e419b76d45.woff2) format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sora";
	src: url(../media/Sora-Mediume4f22e842cc974993087.woff2) format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sora";
	src: url(../media/Sora-Regularca22ae7b42797e87b75b.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sora";
	src: url(../media/Sora-Bold96951fa852d0acfb7a38.woff2) format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Sora";
	src: url(../media/Sora-Light5a03d9f54fa60b372c81.woff2) format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/*#region Variables*/
:root {
	--clr-primary: #243329;
	--clr-secondary: #fff;
	--clr-third: #4b5563;
	--clr-accent: #e7b34e;
	--ff-title: "Barlow Condensed", sans-serif;
	--ff-body: "Sora", sans-serif;
	--hover-transition: all 0.4s ease;
	--box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	--text-shadow: 5px 5px 25px rgba(0, 0, 0, 1);
	--max-screen: 980px;
}

/* Google Translate */
.goog-te-combo {
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	appearance: auto !important;
	border: 1px solid #666;
}
/*#endregion Variables*/
/* ===========================
   Safari / iOS Reset & Fixes
   =========================== */
button,
select,
input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	color: inherit;
	appearance: none;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

button {
	background-color: transparent;
	cursor: pointer;
}

select {
	background-color: transparent;
	color: var(--clr-third);
}

#language-dropdown {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	font-family: var(--ff-title);
	font-style: italic;
	font-weight: 500;
	color: var(--clr-third);
	font-size: 1.6rem;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

a,
a:visited {
	color: inherit;
	text-decoration: none;
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}

/*#region Default Settings */
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	font-size: 62.5%; /*1rem = 10px*/
}

body {
	overflow-x: hidden;
	font-family: var(--ff-body);
	font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ff-title);
}
/*#endregion Default Settings */

/* Widget */
#brasshaven {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin-top: 3rem;
	margin-bottom: 3rem;
	background-color: transparent;
}

#brasshaven-widget {
	max-width: var(--max-screen);
	width: 100%;
	min-height: 60rem;
	height: auto;
	background-color: #fff;
	border-radius: 8px;
	border: none;
	padding: 2rem;
	padding-bottom: 3rem;
	position: inherit;
	top: 3rem;
	margin-bottom: 3rem;
}

/* Layout to push footer to bottom */
#brasshaven-widget {
	display: flex;
	flex-direction: column;
}

main#main {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

#widget-footer {
	margin-top: auto;
	flex-shrink: 0;
}
/*#region Header */
.header {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: start;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #ebeced;
}

.leftSide {
	display: flex;
	flex-direction: column;
	align-items: start;
	align-self: center;
	gap: 2rem;
}

.closeWidgetContainer {
	align-self: start;
	justify-self: end;
}
.brandLogo {
	display: flex;
	justify-content: center;
	height: 140px;
	width: auto;
}
.brandLogo img {
	height: 140px;
	width: auto;
}
/* Lang */
.languageContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.2rem;
	position: relative;
}

#language-dropdown {
	font-family: var(--ff-title);
	font-style: italic;
	font-weight: 500;
	color: var(--clr-third);
	font-size: 1.6rem;
	outline: none;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.6rem 1rem;
	margin: 0;
	cursor: pointer;
	border-radius: 0.8rem;
}

.language-selector {
	position: relative;
}

.language-caret {
	transition: transform 0.2s ease;
}

.languageContainer.open .language-caret {
	transform: rotate(180deg);
}

.language-dropdown-panel {
	position: absolute;
	top: calc(100% + 0.4rem);
	left: 0;
	min-width: 12rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	box-shadow: 0 8px 20px rgba(16, 24, 40, 0.12);
	border-radius: 0.8rem;
	padding: 0.8rem;
	z-index: 10;
}

.language-dropdown-panel[hidden] {
	display: none;
}

.closeWidget {
	padding: 1.2rem;
	background-color: #f3f4f6;
	outline: none;
	border: none;
	border-radius: 0.8rem;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--hover-transition);
}

.closeWidget:hover {
	background-color: #ebeced;
}

.closeWidget svg {
	padding: 0;
	margin: 0;
	width: 1.4rem;
	height: 1.4rem;
}

.header .tabs {
	display: flex;
	justify-content: center;
	align-self: start;
	width: fit-content;
	padding: 0.4rem;
	border-radius: 0.8rem;
	background-color: #f3f4f6;
	transform: skew(-6deg);
	border: 1px solid #e5e7eb;
}

.header .tabs button {
	font-family: var(--ff-title);
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 500;
	outline: none;
	border: none;
	border-radius: 0.4rem;
	padding: 1rem 1.8rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	transition: var(--hover-transition);
}

.header .tabs button svg {
	height: 1.6rem;
	width: auto;
}

.header .tabs button.services svg {
	height: 1.4rem;
}
.header .tabs button.services {
	color: #000;
}
.header .tabs button.active {
	background-color: var(--clr-accent);
	color: #fff;
}

.header .tabs button svg path {
	fill: #000;
	transition: var(--hover-transition);
}

.header .tabs button.active svg path {
	fill: #fff;
}
.bh-pay-logo svg {
	width: auto;
	height: 3.4rem;
}
.bh-popular-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 10px;
}
.bh-popular-card {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid #e5e7eb;
	min-height: 110px;
	background: var(--bh-popular-bg, linear-gradient(145deg, #111827, #1f2937));
	background-size: cover;
	background-position: center;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}
.bh-popular-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0.55) 100%
	);
	transition: opacity 0.2s ease;
}
.bh-popular-card:hover::before {
	opacity: 0.7;
}
.bh-popular-body {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 12px;
	padding: 1rem 1.2rem;
	height: 100%;
	backdrop-filter: blur(0px);
}

.popularItemsHeader {
	padding: 0rem 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e5e7eb;
}

.bh-popular-text {
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
	text-align: start;
	gap: 2px;
}
.bh-popular-title {
	font-family: "Sora", sans-serif;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #fff;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.bh-popular-sub {
	font-family: "Sora", sans-serif;
	font-size: 11px;
	color: #e5e7eb;
	line-height: 1.2;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.bh-popular-price {
	font-family: "Sora", sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #fefefe;
}
.bh-popular-btn {
	border: none;
	background: var(--clr-accent, #e7b34e);
	color: var(--clr-secondary);
	border-radius: 6px;
	padding: 10px 14px;
	font-family: "Sora", sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
	text-wrap: nowrap;
}
.bh-popular-btn svg {
	width: 14px;
	height: 14px;
}
.bh-popular-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
	.bh-popular-body {
		flex-direction: column;
		align-items: flex-start;
	}
	.bh-popular-text {
		max-width: 100%;
	}
	.bh-popular-btn {
		width: 100%;
		justify-content: center;
	}
}
.bh-popular-skel {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid #e5e7eb;
	min-height: 110px;
	background: #f3f4f6;
}
.bh-popular-skel::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.8) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	animation: bh-popular-shine 1.1s infinite;
}
@keyframes bh-popular-shine {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

.bh-cart-btn {
	overflow: hidden;
	border: 1px solid rgb(213, 215, 218);
	transition: var(--hover-transition);
}

.bh-cart-btn:hover {
	box-shadow: 0 6px 12px rgba(17, 24, 39, 0.2) !important;
}
.keep-shopping-icon {
	color: var(--clr-secondary) !important;
}
.keep-shopping-icon,
.bh-cart-btn:hover .keep-shopping-icon {
	transition: var(--hover-transition);
}

.bh-cart-btn:hover .keep-shopping-icon {
	background-color: color-mix(in srgb, var(--clr-accent) 55%, black) !important;
}

.keep-shopping-icon {
	padding: 1rem 1.2rem !important;
}

.keep-shopping-icon svg {
	width: 2.2rem;
	height: 1.8rem;
}

.headerRightSide {
	display: flex;
	justify-content: end;
	align-items: end;
	gap: 3rem;
	height: 100%;
	z-index: 99999999;
}

.cartContainer {
	align-self: center;
	justify-self: center;
}

.cartSwitcher {
	align-self: center;
}

.topbarCart {
	padding-top: 1rem;
	margin-top: -1rem;
	position: sticky;
	top: 0;
	background: #fff;
	padding: 10px;
	z-index: 9999999999;
}

.cartBtn {
	padding: 1.2rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 1rem;
	background-color: var(--clr-accent);
	outline: none;
	border: 1px solid var(--clr-accent);
	border-radius: 6px;
	transform: skew(-10deg);
	color: #fff;
	margin-top: 1rem;
	cursor: pointer;
	transition: var(--hover-transition);
}

.cartBtn.btn-primary {
	font-family: var(--ff-title);
	font-weight: 500;
	letter-spacing: 1.2px;
	font-size: 1.5rem;
	text-transform: uppercase;
	padding: 8px 6px;
}

.cartBtn:hover {
	background: color-mix(in srgb, var(--clr-accent) 80%, black 20%);
}
.cartDeleteItem svg path {
	transition: var(--hover-transition);
}
.cartDeleteItem:hover svg path {
	stroke: red;
}

.bh-cart-row {
	margin-top: 1.2rem;
	cursor: pointer;
	z-index: 1;
	transition: var(--hover-transition);
}

.bh-cart-row:hover {
	transform: translateY(-1px);
}

/*#endregion Header */

/*#region Packages */
#package-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 1rem;
}

.package {
	position: relative;
	border-radius: 4px;
	height: 200px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	transition: var(--hover-transition);
	display: flex;
}

.package::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.2),
		rgba(0, 0, 0, 0.6)
	);
	opacity: 0.8;
	z-index: 0;
	transition: var(--hover-transition);
}

.packagesH1 {
	font-family: var(--ff-title);
	font-weight: 500;
	font-style: italic;
	text-transform: uppercase;
	font-size: 3rem;
	margin-bottom: 2rem;
}

.package:hover::before {
	opacity: 1;
	transition: var(--hover-transition);
}

.package > .packageContainer {
	position: relative;
	z-index: 1;
}

.package:nth-child(1) {
	grid-column: 1/3;
}

.packageContainer {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	width: 100%;
	align-self: self-end;
	padding: 2rem;
	color: #fff;
}

.packageContainer h3 {
	font-family: var(--ff-title);
	font-size: 2.4rem;
	font-weight: 500;
	color: #fff;
	transition: var(--hover-transition);
}

.packageContainer .content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1.2rem;
	font-family: var(--ff-body);
}

.package-btn {
	border: none;
	outline: none;
	background: var(--clr-accent);
	padding: 1rem 1.6rem;
	border-radius: 4px;
	color: #fff;
	width: fit-content;
	white-space: nowrap;
	cursor: pointer;
	transition: var(--hover-transition);
}
.package-btn:hover {
	background: color-mix(in srgb, var(--clr-accent) 80%, black 20%);
}
/*#endregion Packages */

/*#region Service Page */
.serviceContainer {
	display: grid;
	grid-template-columns: minmax(0, 600px) 1fr;
	align-items: start;
	width: 100%;
	gap: 2rem;
}
.mainService {
	width: 100%;
	grid-column: 1/2;
}

/* Slider */
.service-carousel {
	max-width: 800px;
	margin: 0 auto;
}

.glide__slide {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden !important;
	padding: 0;
	margin: 0;
}

.carousel-media {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 16 / 10;
	border-radius: 8px;
	margin: 0 auto;
}

.carousel-video {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #000;
}

.carousel-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 8px;
	aspect-ratio: 16 / 10;
}

.custom-thumbs {
	display: flex;
	justify-content: start;
	gap: 8px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.glide__bullet {
	border: none;
	border-radius: 12px;
	background: transparent;
	padding: 0;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.thumb-img {
	max-width: 160px;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 12px;
	border: 2px solid transparent;
	transition: border-color 0.2s ease;
}

.glide__bullet:hover .thumb-img,
.glide__bullet:focus .thumb-img {
	border-color: var(--clr-accent);
}

.video-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.6);
	color: white;
	font-size: 1.2em;
	padding: 2px 6px;
	border-radius: 50%;
	pointer-events: none;
}

#serviceHeader {
	display: flex;
	flex-direction: column;
	gap: 0rem;
	margin-bottom: 2rem;
}

.serviceLocation {
	font-size: 1.2rem;
	font-family: var(--ff-body);
	color: #6b7280;
}

#serviceHeader h3 {
	font-family: var(--ff-title);
	font-style: italic;
	font-size: 3.2rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 0.2rem;
}

.serviceHeaderContent {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	color: #374151;
}

.glide__track {
	position: relative;
}

.glide__arrows {
	position: absolute;
	bottom: 0%;
	right: 0%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.glide__arrows button {
	outline: none;
	border: none;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	cursor: pointer;
	transition: var(--hover-transition);
}

.glide__arrow--left:hover,
.glide__arrow--right:hover {
	opacity: 0.96;
}

.glide__arrow--left:hover svg {
	transform: translateX(-20%);
}

.glide__arrow--right:hover svg {
	transform: translateX(20%);
}

.glide__arrows button svg {
	width: 20px;
	height: auto;
	transition: var(--hover-transition);
}

.glide__arrow--left {
	background-color: var(--clr-accent);
}
.glide__arrow--right {
	background-color: var(--clr-primary);
}

/* Service Content */
.tabbed-service-section .tabs {
	display: flex;
	width: 100%;
	background-color: #e5e7eb;
	border-radius: 4px;
	transform: skew(-6deg);
	margin: 1.2rem 0;
}
.tab-btn {
	padding: 1.2rem 6rem;
	width: 100%;
	border-radius: 4px;
	outline: none;
	border: none;
	transition: var(--hover-transition);
	cursor: pointer;
	font-family: var(--ff-title);
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 500;
}

.tab-btn.active {
	background-color: var(--clr-accent);
	color: #fff;
}
.tab-content {
	margin-top: 2rem;
}
.tab-content h2 {
	font-family: var(--ff-title);
	font-size: 3.2rem;
	font-style: italic;
	font-weight: 500;
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.tab-content h3 {
	font-family: var(--ff-title);
	font-size: 2.4rem;
	font-style: italic;
	font-weight: 500;
	margin-bottom: 1rem;
}

.tab-content p {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	color: #374151;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.tab-content .bolden {
	font-weight: bold;
}

.tab-content ul {
	list-style: square;
	list-style-position: inside;
	line-height: 2;
	margin: 1rem 0;
	padding-left: 1rem;
}

.tab-content ul li {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	color: #374151;
}

.tab-content > div {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #e5e7eb;
}

.tab-content > div:last-child {
	border: none;
}

.single-tab .tabs {
	display: none !important;
}

.single-tab.tabbed-service-section .tabs {
	background: none !important;
	transform: skew(0deg);
	text-align: start;
}
.single-tab .tab-btn {
	font-style: italic;
	font-size: 3.2rem;
	border-bottom: 2px solid #ebeced;
	border-radius: 0;
	text-align: start;
	padding: 0;
	padding-bottom: 2rem;
}
.single-tab .tab-btn.active {
	background: none !important;
	color: #000;
}

hr.ql-divider {
	border: none;
	border-bottom: 2px solid #ebeced;
}

/* Aside */
.aside {
	position: sticky;
	top: 10px;
	display: flex;
	justify-content: start;
	align-items: center;
	flex-direction: column;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	max-width: 350px;
	min-height: 500px;
	max-height: 100%;
	padding: 2rem;
}

/* Calendar */
#calendar {
	width: 100%;
}

.air-datepicker {
	border: none !important;
	width: 100% !important;
}

.calendarTimeSlotHead {
	font-family: var(--ff-title);
	font-size: 2rem;
	font-weight: 500;
	font-style: italic;
	margin-top: 1rem;
	color: #374151;
}
.slot-list {
	width: 100%;
}
#timeSlots {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	margin-top: 1rem;
}

#timeSlots button {
	display: flex;
	justify-content: start;
	align-items: start;
	padding: 1.2rem 2rem;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 1rem;
	outline: none;
	border: 2px solid var(--clr-accent);
	background-color: transparent;
	font-family: var(--ff-body);
	font-size: 1.4rem;
	color: #243329;
	cursor: pointer;
	transition: var(--hover-transition);
}

#timeSlots button:hover {
	background-color: var(--clr-accent);
	color: #fff;
}

/* FAQ */
.faq-list summary {
	font-family: var(--ff-title);
	font-weight: 500;
	font-size: 2.4rem;
}
/*#endregion Service Page */

/* #region Service Details Page */
#chk-total {
	font-size: 1.6rem;
}
.mainServiceDetails {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#checkout-items-wrap .serviceDetailCard {
	margin-bottom: 0.8rem;
}

.serviceDetailCard {
	display: flex;
	justify-content: start;
	align-items: center !important;
	gap: 2rem;
}

.serviceDetailCard-img {
	max-width: 14rem;
	width: 100%;
	height: fit-content !important;
	aspect-ratio: 16 / 10;
	border-radius: 8px;
	overflow: hidden;
	padding: 6px !important;
}

.serviceDetailCard-img img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.serviceDetailCard-content h3 {
	font-family: var(--ff-body);
	font-size: 1.2rem;
	color: #6b7280;
	font-weight: normal;
}

.serviceDetailCard-content h2 {
	font-family: var(--ff-title);
	font-size: 2.4rem;
	font-weight: 500;
	font-style: italic;
	color: #000;
}

.serviceDetailCard-content p {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	font-weight: normal;
	color: #374151;
}

.serviceDetailCard-content p span {
	color: #e5e7eb;
}

.serviceDetailCard-content {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
.checkoutServiceCardBtnEdit {
	padding: 6px 10px;
	border: 1px solid var(--clr-accent);
	border-radius: 6px;
	background: var(--clr-accent);
	color: #fff;
	font-family: "Sora", sans-serif;
	font-size: 12px;
	cursor: pointer;
	line-height: 1.2;
	transition: var(--hover-transition);
}

.checkoutServiceCardBtnEdit:hover {
	background-color: color-mix(in srgb, var(--clr-accent) 80%, black 20%);
}

.checkoutServiceRemoveBtn {
	padding: 6px 10px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	color: #111827;
	font-family: "Sora", sans-serif;
	font-size: 12px;
	cursor: pointer;
	line-height: 1.2;
	transition: var(--hover-transition);
}

.checkoutServiceRemoveBtn:hover {
	background-color: color-mix(in srgb, #fff 80%, black 20%);
}
.checkout-line-price {
	color: #6b7280 !important;
	font-weight: 600 !important;
	font-size: 1.4rem;
}

.serviceDetailCard-innerContent {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.checkout-cancel-row {
	margin-top: 1rem;
	width: 100%;
}
.checkout-cancel-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border: none;
	background: transparent;
	padding: 0.2rem 0;
	font-family: "Sora", sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	color: #374151;
	cursor: pointer;
}
.checkout-cancel-toggle:focus-visible {
	outline: 2px solid #374151;
	outline-offset: 2px;
}
.checkout-cancel-arrow {
	width: 10px;
	height: 10px;
	border-right: 1px solid #374151;
	border-bottom: 1px solid #374151;
	transform: rotate(-45deg);
	transition: transform 0.24s ease;
	flex-shrink: 0;
}
.checkout-cancel-row.open .checkout-cancel-arrow {
	transform: rotate(45deg);
}
.checkout-cancel-body {
	padding: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.28s ease, opacity 0.2s ease, padding 0.24s ease;
}
.checkout-cancel-row.open .checkout-cancel-body {
	opacity: 1;
	padding: 0 0 1rem;
}
.checkout-cancel-body p {
	margin: 0;
	font-family: "Sora", sans-serif;
	font-size: 1.2rem;
	color: #4b5563;
	line-height: 1.5;
}
@media (prefers-reduced-motion: reduce) {
	.checkout-cancel-arrow,
	.checkout-cancel-body {
		transition: none;
	}
}

.border-bottom {
	border-bottom: 1px solid #e5e7eb;
	padding-bottom: 2rem;
}

.serviceDetailPlan {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.serviceDetailPlan p {
	font-family: var(--ff-body);
	font-weight: 500;
	line-height: 1.5;
	font-size: 1.4rem;
	color: #374151;
	margin-top: 1rem;
}

.serviceDetailPlan h2,
.serviceDetailAdditional h2,
.serviceDetailGratuity h2,
.cancellationNotice h2 {
	font-family: var(--ff-title);
	font-size: 2.6rem;
	font-weight: 500;
	font-style: italic;
}
.serviceDetailPlan h2 {
	margin-bottom: 1rem;
}
.serviceDetailAdditional h2,
.serviceDetailGratuity h2 {
	margin-bottom: 2rem;
}
/*Select Input*/

.select-field {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	width: 100%;
	font-family: var(--ff-body);
	font-size: 1.6rem;
}

.select-field label {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	font-weight: normal;
	color: #000;
}

.select-shell {
	position: relative;
	width: 100%;
}

.select-shell select {
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	color: #737373;
	border: 1px solid #d5d7da;
	border-radius: 8px;
	padding: 0.8rem 2.25rem 0.8rem 0.8rem; /* right pad for chevron */
	font-size: 1.6rem;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	outline: none;
	box-sizing: border-box;
}

.select-shell select:hover {
	border-color: var(--clr-accent);
}

.select-shell select:focus {
	border-color: var(--clr-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--clr-accent) 30%, transparent);
}

/* SVG chevron */
.select-shell .chevron {
	position: absolute;
	right: 0.7rem;
	top: 50%;
	transform: translateY(-50%) rotate(0turn); /* ➤ points RIGHT */
	width: 18px;
	height: 18px;
	fill: #1f2937;
	pointer-events: none; /* clicks pass through to select */
	transition: transform 0.18s ease;
}

/* Rotate DOWN when open (focus/click) */
.select-shell.open .chevron {
	transform: translateY(-50%) rotate(0.25turn); /* ▼ points DOWN */
}

/* Disabled state (optional) */
.select-shell select:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Acknowledgement Checkbox */

/* Acknowledgement checkbox box styles */
.ack-card {
	display: block;
	cursor: pointer; /* makes the whole card clickable */
	user-select: none;
}

.ack-box {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 1rem;
	border-radius: 0.75rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease,
		background-color 0.2s ease;
	background: var(--surface, #fff);
	margin-top: 1rem;
}

/* Checked state (requires modern browsers, uses :has) */

/* make the box itself exactly 1.6rem square and non-shrinking */
.ack-checkbox {
	-webkit-appearance: none;
	appearance: none;
	width: 1.6rem;
	height: 1.6rem;
	aspect-ratio: 1 / 1; /* stays square */
	flex: 0 0 1.6rem; /* prevents flex from making it skinny */
	box-sizing: border-box;
	margin: 0; /* remove default input margins */
	border: 2px solid #d0d5dd;
	border-radius: 0.3rem;
	background: #fff;
	display: grid;
	place-content: center;
	cursor: pointer;
}

/* focus */
.ack-checkbox:focus-visible {
	outline: 2px solid Highlight;
	outline-offset: 2px;
}

/* checked fill */
.ack-checkbox:checked {
	background: var(--clr-accent);
	border-color: var(--clr-accent);
}

/* white checkmark inside (thicker so it doesn’t look skinny) */
.ack-checkbox::after {
	content: "";
	width: 0.7rem;
	height: 1rem;
	border: solid #fff;
	border-width: 0 0.26rem 0.26rem 0;
	transform: rotate(45deg) scale(0);
	transform-origin: center;
	transition: transform 120ms ease-in-out;
}
.ack-checkbox:checked::after {
	transform: rotate(45deg) scale(1) translate(-1px, -2px);
}

/* (optional) container row */
.ack-row {
	display: flex;
	align-items: flex-start; /* or center */
	gap: 0.75rem;
}

.ack-body {
	display: grid;
	gap: 0.25rem;
}

.ack-title {
	font-family: var(--ff-body);
	font-weight: 500;
	font-size: 1.4rem;
	color: #374151;
	line-height: 1.2;
}

.ack-text {
	font-family: var(--ff-body);
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #6b7280;
}

/* Cancellation Notice */
.cancellationNotice {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.cancellationNotice p {
	font-family: var(--ff-body);
	font-weight: normal;
	color: #6b7280;
	line-height: 1.5;
	font-size: 1.2rem;
}
/* Variants */
.variant-body {
	width: 100%;
}

.variant-name {
	font-size: 1.4rem;
}
.variant-price {
	font-size: 1.6rem;
}

.variant-header {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.variant-qty-wrap .select-field {
	display: flex;
	justify-content: center;
	align-self: center;
	align-items: center;
	flex-direction: row;
	gap: 1rem;
}

/* Service Details Aside */

.serviceDetailAside {
	align-items: start !important;
	gap: 1rem;
	min-height: fit-content !important;
	background-color: #f3f4f6;
}

.serviceDetailAside p {
	color: #1f2937;
}

.serviceDetailAside .border-bottom {
	padding-bottom: 1.2rem;
}
.serviceDetailAside > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #4b5563;
	font-family: var(--ff-body);
	font-size: 1.4rem;
	font-weight: normal;
}

.serviceDetailAside h3,
.serviceDetailAside h2 {
	font-family: var(--ff-title);
	font-weight: 500;
	font-style: italic;
	font-size: 2.4rem;
	color: #000;
}
.serviceDetailAside h4 {
	font-family: var(--ff-title);
	font-weight: 500;
	font-style: italic;
	font-size: 2rem;
	color: #000;
}
.fees {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	align-items: center;
}

.fees svg {
	width: 1.8rem;
	height: auto;
}

.addToCartBtn {
	font-family: var(--ff-title);
	font-weight: 500;
	letter-spacing: 1.4px;
	font-size: 2rem;
	padding: 1.2rem;
	width: 100%;
	display: flex;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 1rem;
	background-color: var(--clr-primary);
	outline: none;
	border: 1px solid var(--clr-primary);
	border-radius: 6px;
	/* transform: skew(-10deg); */
	color: #fff;
	transition: var(--hover-transition);
}
.addToCartBtn svg {
	height: 2.4rem;
	width: auto;
}
.addToCartBtn:hover {
	background-color: #3a473e;
}

/* JS */
/* ====== Single Service Details: Variants & Fields ====== */
#customFieldsRoot .cf-item {
	margin-bottom: 2rem;
}

#customFieldsRoot p {
	line-height: 1.5;
	font-family: var(--ff-body);
	font-size: 1.3rem;
	color: #1f2937;
}

.cf-divider {
	border: none;
	border-bottom: 1px solid #e5e7eb;
}

/* Variant list */
.variant-group {
	display: grid;
	gap: 12px;
}

/* Variant card */
.variant-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px;
	border: 1px solid #e5e7eb; /* gray-200 */
	border-radius: 12px;
	cursor: pointer;
	background: #fff;
	transition: border-color 0.2s, box-shadow 0.2s, background 0.2s, opacity 0.2s;
}

/* Selected state */
.variant-card.selected {
	border-color: var(--clr-accent);
}

/* Radio accent color */
.variant-card input[type="radio"] {
	margin-top: 4px;
	accent-color: var(--clr-accent);
}

.variant-title {
	font-family: var(--ff-body);
	font-weight: 600;
	font-size: 1.4rem;
}

/* Variant description */
.variant-desc {
	color: #4b5563; /* gray-600 */
	font-size: 1.2rem;
}

/* Qty select (between title & description) */
.variant-card .variant-qty-wrap {
	max-width: 180px;
}
.variant-card .variant-qty-wrap.disabled {
	opacity: 0.6;
}

/* Field error text */
.field-error-text {
	color: #dc2626; /* red-600 */
	font-size: 0.875rem; /* text-sm */
	margin-top: 4px;
}

/* Acknowledgement (checkbox) block */
.ack-card .ack-box {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.ack-title {
	font-weight: 600;
}

/* Add to Cart disabled look (JS also toggles, this is the style) */
.addToCartBtn:disabled {
	opacity: 0.5;
	pointer-events: none;
}

/* Optional: show invalid selects with a red outline if aria-invalid is set */
select[aria-invalid="true"],
.svg-select select[aria-invalid="true"] {
	outline: 1px solid #dc2626;
	border-color: #dc2626;
}

/* #endregion Service Details Page */

/* #region Checkout */
#checkout {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	margin-top: 2rem;
}

.checkout h2 {
	font-family: var(--ff-title);
	font-size: 2.4rem;
	font-weight: 500;
	font-style: italic;
	color: #000;
	margin-bottom: 1rem;
}

#checkout .contactNumber,
#checkout .contactContainer,
#checkout .contactEmail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	align-items: start;
}

#termsOfServiceCustomer {
	display: flex;
	justify-content: center;
	font-family: var(--ff-body);
	font-size: 1.2rem;
	font-weight: normal;
	color: #6b7280;
}

.bh-card-brands svg {
	height: 3rem !important;
}

#bh-terms-content a:link,
#bh-terms-content a:visited {
	text-decoration: underline;
	transition: var(--hover-transition);
}

.bh-terms-link {
	transition: var(--hover-transition);
}
.thankyou-title {
	font-size: 2.2rem !important;
	color: #1f2937 !important;
}
#bh-terms-content a:hover,
#bh-terms-content a:active,
.bh-terms-link:hover {
	opacity: 0.8;
}

.contactContainer {
	width: 100%;
}

#checkout .contactNumber label,
#checkout .contactContainer label,
#checkout .contactEmail label {
	font-family: var(--ff-body);
	font-size: 1.4rem;
	font-weight: normal;
	color: #000;
}

#checkout .contactNumber input,
#checkout .contactContainer input,
#checkout .contactEmail input {
	border: 1px solid #d5d7da;
	border-radius: 8px;
	padding: 1rem 0rem 1rem 1.4rem;
	width: 100%;
}

.checkoutEndContactDetails {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.contactConsentBoxContainer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.smsConsentBox {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 200ms ease, opacity 200ms ease;
	margin-top: 0.5rem;
}

#smsConsentWrapper .contactConsentBox {
	justify-content: start;
}

.contactConsentBox {
	display: flex;
	flex-direction: row-reverse;
	gap: 0.8rem;
	cursor: pointer;
}
.contactConsentBox label {
	font-family: var(--ff-body);
	font-size: 1.2rem;
	font-weight: normal;
	color: #6b7280;
	cursor: pointer;
}

.paymentDetailsContainer {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

/* #endregion Checkout */

/*#region Footer */
.footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.2rem;
	color: #4b5563;
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: 2px solid #ebeced;
}

.footer a:link,
.footer a:visited {
	font-family: var(--ff-title);
	font-weight: 500;
	font-size: 1.6rem;
	text-decoration: none;
	color: #000;
	transition: var(--hover-transition);
}
.footer .poweredBy {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.footer a:hover,
.footer a:active {
	color: #e7b34e;
}

.footer svg {
	height: 3.2rem;
	width: auto;
	margin-left: 0.4rem;
}

/*#endregion Footer */

/*#region animations */
.time-slot {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.time-slot.fade-in-up {
	opacity: 1;
	transform: translateY(0);
}

.time-slot.hidden {
	opacity: 0;
	pointer-events: none;
}

/*#endregion animations */

/* #region  */
.air-datepicker-cell.-day-.bh-available {
	background: rgb(from var(--clr-accent) r g b / 15%);
	border-radius: 3px;
	color: var(--clr-primary);
	font-weight: 600;
}
.air-datepicker-cell.-day- {
	transition: var(--hover-transition);
}
.air-datepicker-cell.-day-:hover {
	background-color: var(--clr-accent); /* light gray background */
	border-radius: 4px; /* rounded corners */
	color: #fff !important;
	cursor: pointer; /* show pointer on hover */
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
	background-color: var(--clr-accent);
}

.air-datepicker-cell.-day-.-selected- {
	background-color: var(--clr-accent);
	color: var(--clr-secondary);
}
.air-datepicker-body--day-name {
	color: #374151;
}
/* Air Datepicker days grid */
.air-datepicker-body--day-names,
.air-datepicker-body--cells {
	gap: 4px; /* Adjust as needed */
}

.air-datepicker-cell.-day-.bh-unavailable {
	opacity: 0.8;
	cursor: not-allowed;
	color: #9aa0a6;
	background-color: transparent !important;
}
.air-datepicker-cell.-day-.bh-unavailable:hover {
	background-color: transparent !important;
}

.slot-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 8px;
	margin-top: 10px;
}
.time-slot {
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
}
.time-slot:hover {
	border-color: #888;
}
.hidden {
	opacity: 0;
	transform: translateY(8px);
}
.fade-in-up {
	transition: opacity 0.2s ease, transform 0.2s ease;
	opacity: 1;
	transform: translateY(0);
}

/* 
 */
.breadcrumb {
	margin-bottom: 0.75rem;
}
.breadcrumb-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	color: #111;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.breadcrumb-back-icon svg {
	width: 0.4rem;
	height: auto;
}

/* Print */
@media print {
	/* Make sure the document isn't constrained by app shells */
	html,
	body {
		height: auto !important;
		overflow: visible !important;
		margin: 0 !important;
	}

	/* IMPORTANT: target the actual element: .thankyou-shell.minimal */
	.thankyou-shell.minimal {
		display: block !important;
		min-height: auto !important;
		padding: 0 !important;
		place-items: initial !important;
		background: #fff !important;
	}

	/* If your SPA uses wrappers, these are the usual culprits — add yours here */
	#app,
	#root,
	#brasshaven,
	#content,
	main,
	.app,
	.app-shell {
		height: auto !important;
		overflow: visible !important;
		max-height: none !important;
	}

	/* Remove UI-only stuff */
	.thankyou-actions {
		display: none !important;
	}

	.thankyou-card {
		box-shadow: none !important;
		margin: 0 auto !important;
		width: 100% !important;
		max-width: 640px !important;
	}

	.thankyou-line {
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}
}