/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/globals.scss ***!
  \************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Sanchez:ital@0;1&display=swap);
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/globals.scss (1) ***!
  \****************************************************************************************************************************************************************/
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
	margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}
button,
[role="button"] {
  cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
*, ::before, ::after{
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border-color: currentColor;
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-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);
}
.container{
	width: 100%;
}
@media (min-width: 480px){
	.container{
		max-width: 480px;
	}
}
@media (min-width: 640px){
	.container{
		max-width: 640px;
	}
}
@media (min-width: 768px){
	.container{
		max-width: 768px;
	}
}
@media (min-width: 1024px){
	.container{
		max-width: 1024px;
	}
}
@media (min-width: 1200px){
	.container{
		max-width: 1200px;
	}
}
@media (min-width: 1400px){
	.container{
		max-width: 1400px;
	}
}
@media (min-width: 1520px){
	.container{
		max-width: 1520px;
	}
}
@media (min-width: 1536px){
	.container{
		max-width: 1536px;
	}
}
.fixed{
	position: fixed;
}
.mb-5{
	margin-bottom: 1.25rem;
}
.mb-10{
	margin-bottom: 2.5rem;
}
.mt-4{
	margin-top: 1rem;
}
.flex{
	display: flex;
}
.table{
	display: table;
}
.hidden{
	display: none;
}
.transform{
	transform: var(--tw-transform);
}
.cursor-pointer{
	cursor: pointer;
}
.border{
	border-width: 1px;
}
.blur{
	--tw-blur: blur(8px);
	filter: var(--tw-filter);
}
.filter{
	filter: var(--tw-filter);
}
html{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	font-family: Quicksand, sans-serif;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

*:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.container, .container-wide, .container-narrow{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1240px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
@media (min-width: 1024px) {
  .container, .container-wide, .container-narrow{
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (min-width: 1520px) {
  .container-wide{
		max-width: 1640px;
	}
  .container-wide{
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body{
	padding-top: 0px;
	font-family: Quicksand, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

h1, .h1{
	font-size: 36px;
	line-height: 1.16;
}

h2, .h2{
	font-size: 24px;
	line-height: 1.25;
}

h3, .h3{
	font-size: 22px;
	line-height: 1.18;
}

h4, .h4{
	font-size: 16px;
	line-height: 1.18;
}

h5, .h5{
	font-size: 14px;
	line-height: 1.18;
}

h6, .h6{
	font-size: 14px;
	line-height: 1.18;
}

p{
	margin-bottom: 1rem;
	line-height: 1.2;
}

a{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}

.link, a:not(.btn){
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.link:hover, a:not(.btn):hover{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}

.typography > *{
	margin-bottom: 1.25rem;
}
.typography > *:last-child{
	margin-bottom: 0px;
}
.typography ul, .typography ol, .typography p{
	margin-bottom: 1rem;
}
.typography ul li, .typography ol li, .typography dl li{
	margin-bottom: 1rem;
}
.typography ul li:last-child, .typography ol li:last-child, .typography dl li:last-child{
	margin-bottom: 0px;
}

.btn{
	display: inline-flex;
	min-height: 42px;
	min-width: 130px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(159, 45, 83, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.btn:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.btn svg{
	margin-right: 0.75rem;
	height: auto;
	width: 1rem;
}
.btn--outline{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.btn--outline:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn--outline-gray{
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(200, 200, 204, var(--tw-text-opacity));
}
.btn--outline-gray:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn--sm{
	min-height: 24px;
	min-width: 70px;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 12px;
}
.btn--full{
	width: 100%;
}

.element{
	position: relative;
	overflow: hidden;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

form input[type=text], form input[type=date], form input[type=number], form input[type=email], form input[type=password], form textarea, form select, .form input[type=text], .form input[type=date], .form input[type=number], .form input[type=email], .form input[type=password], .form textarea, .form select, .virtual-form input[type=text], .virtual-form input[type=date], .virtual-form input[type=number], .virtual-form input[type=email], .virtual-form input[type=password], .virtual-form textarea, .virtual-form select{
	min-height: 38px;
	width: 100%;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	background-color: transparent;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
form select, .form select, .virtual-form select{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23757575'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
}
form [type=checkbox]:checked + label:after, form [type=radio]:checked + label:after, .form [type=checkbox]:checked + label:after, .form [type=radio]:checked + label:after, .virtual-form [type=checkbox]:checked + label:after, .virtual-form [type=radio]:checked + label:after{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	opacity: 1;
}
form [type=checkbox]:not(:checked) + label:after, form [type=radio]:not(:checked) + label:after, .form [type=checkbox]:not(:checked) + label:after, .form [type=radio]:not(:checked) + label:after, .virtual-form [type=checkbox]:not(:checked) + label:after, .virtual-form [type=radio]:not(:checked) + label:after{
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	opacity: 0;
}
form [type=checkbox]:checked + label:before, form [type=radio]:checked + label:before, .form [type=checkbox]:checked + label:before, .form [type=radio]:checked + label:before, .virtual-form [type=checkbox]:checked + label:before, .virtual-form [type=radio]:checked + label:before{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
form [type=checkbox] + label, form [type=radio] + label, .form [type=checkbox] + label, .form [type=radio] + label, .virtual-form [type=checkbox] + label, .virtual-form [type=radio] + label{
	margin-left: 0px;
}
form [type=checkbox]:checked, form [type=checkbox]:not(:checked), form [type=radio]:checked, form [type=radio]:not(:checked), .form [type=checkbox]:checked, .form [type=checkbox]:not(:checked), .form [type=radio]:checked, .form [type=radio]:not(:checked), .virtual-form [type=checkbox]:checked, .virtual-form [type=checkbox]:not(:checked), .virtual-form [type=radio]:checked, .virtual-form [type=radio]:not(:checked){
	visibility: hidden;
	position: absolute;
	opacity: 0;
}
form [type=checkbox]:checked + label, form [type=checkbox]:not(:checked) + label, form [type=radio]:checked + label, form [type=radio]:not(:checked) + label, .form [type=checkbox]:checked + label, .form [type=checkbox]:not(:checked) + label, .form [type=radio]:checked + label, .form [type=radio]:not(:checked) + label, .virtual-form [type=checkbox]:checked + label, .virtual-form [type=checkbox]:not(:checked) + label, .virtual-form [type=radio]:checked + label, .virtual-form [type=radio]:not(:checked) + label{
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding-left: 2.25rem;
	line-height: 24px;
}
form [type=checkbox]:focus + label:before, form [type=radio]:focus + label:before, .form [type=checkbox]:focus + label:before, .form [type=radio]:focus + label:before, .virtual-form [type=checkbox]:focus + label:before, .virtual-form [type=radio]:focus + label:before{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
form [type=checkbox]:checked + label:before,
form [type=checkbox]:not(:checked) + label:before,
form [type=radio]:checked + label:before,
form [type=radio]:not(:checked) + label:before,
form [type=checkbox]:checked + label:after,
form [type=checkbox]:not(:checked) + label:after,
form [type=radio]:checked + label:after,
form [type=radio]:not(:checked) + label:after,
.form [type=checkbox]:checked + label:before,
.form [type=checkbox]:not(:checked) + label:before,
.form [type=radio]:checked + label:before,
.form [type=radio]:not(:checked) + label:before,
.form [type=checkbox]:checked + label:after,
.form [type=checkbox]:not(:checked) + label:after,
.form [type=radio]:checked + label:after,
.form [type=radio]:not(:checked) + label:after,
.virtual-form [type=checkbox]:checked + label:before,
.virtual-form [type=checkbox]:not(:checked) + label:before,
.virtual-form [type=radio]:checked + label:before,
.virtual-form [type=radio]:not(:checked) + label:before,
.virtual-form [type=checkbox]:checked + label:after,
.virtual-form [type=checkbox]:not(:checked) + label:after,
.virtual-form [type=radio]:checked + label:after,
.virtual-form [type=radio]:not(:checked) + label:after {
  content: "";
  background-size: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 1.5rem;
  width: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(200, 200, 204, var(--tw-border-opacity));
  background-position: center;
}
form [type=checkbox]:checked + label:after, form [type=checkbox]:not(:checked) + label:after, form [type=radio]:checked + label:after, form [type=radio]:not(:checked) + label:after, .form [type=checkbox]:checked + label:after, .form [type=checkbox]:not(:checked) + label:after, .form [type=radio]:checked + label:after, .form [type=radio]:not(:checked) + label:after, .virtual-form [type=checkbox]:checked + label:after, .virtual-form [type=checkbox]:not(:checked) + label:after, .virtual-form [type=radio]:checked + label:after, .virtual-form [type=radio]:not(:checked) + label:after{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(159, 45, 83, var(--tw-border-opacity));
	background-position: center;
	background-repeat: no-repeat;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
  background-size: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%239F2D53'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}
form .input-field .error-label, form .input-field .error-message, form .note-input .error-label, form .note-input .error-message, .form .input-field .error-label, .form .input-field .error-message, .form .note-input .error-label, .form .note-input .error-message, .virtual-form .input-field .error-label, .virtual-form .input-field .error-message, .virtual-form .note-input .error-label, .virtual-form .note-input .error-message{
	--tw-text-opacity: 1;
	color: rgba(151, 57, 55, var(--tw-text-opacity));
}
form .input-field .error-message, form .note-input .error-message, .form .input-field .error-message, .form .note-input .error-message, .virtual-form .input-field .error-message, .virtual-form .note-input .error-message{
	margin-top: 0.5rem;
	margin-bottom: 0px;
}
form .input-field .error-input, form .note-input .error-input, .form .input-field .error-input, .form .note-input .error-input, .virtual-form .input-field .error-input, .virtual-form .note-input .error-input{
	--tw-border-opacity: 1;
	border-color: rgba(151, 57, 55, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 246, 246, var(--tw-bg-opacity));
}
form .input-field:not(select), form .note-input:not(select), .form .input-field:not(select), .form .note-input:not(select), .virtual-form .input-field:not(select), .virtual-form .note-input:not(select){
	margin-bottom: 0.75rem;
}
form .input-field:not(select) label, form .note-input:not(select) label, .form .input-field:not(select) label, .form .note-input:not(select) label, .virtual-form .input-field:not(select) label, .virtual-form .note-input:not(select) label{
	margin-bottom: 0.25rem;
	display: block;
}
form .input-field:not(select) input, form .note-input:not(select) input, .form .input-field:not(select) input, .form .note-input:not(select) input, .virtual-form .input-field:not(select) input, .virtual-form .note-input:not(select) input{
	margin-bottom: 0px;
}
form .input-field--time .time-input, form .note-input--time .time-input, .form .input-field--time .time-input, .form .note-input--time .time-input, .virtual-form .input-field--time .time-input, .virtual-form .note-input--time .time-input{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
form .input-field--time .time-input__time, form .note-input--time .time-input__time, .form .input-field--time .time-input__time, .form .note-input--time .time-input__time, .virtual-form .input-field--time .time-input__time, .virtual-form .note-input--time .time-input__time{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
form .input-field--time .time-input input, form .note-input--time .time-input input, .form .input-field--time .time-input input, .form .note-input--time .time-input input, .virtual-form .input-field--time .time-input input, .virtual-form .note-input--time .time-input input{
	max-width: 76px;
}
form .input-field--time .time-input select, form .note-input--time .time-input select, .form .input-field--time .time-input select, .form .note-input--time .time-input select, .virtual-form .input-field--time .time-input select, .virtual-form .note-input--time .time-input select{
	max-width: 100px;
}
form .input-field--date .MuiInputBase-root, form .note-input--date .MuiInputBase-root, .form .input-field--date .MuiInputBase-root, .form .note-input--date .MuiInputBase-root, .virtual-form .input-field--date .MuiInputBase-root, .virtual-form .note-input--date .MuiInputBase-root{
	height: 38px;
	padding-left: 22px;
	font-size: 14px;
}
form .input-field--date .MuiFormControl-root, form .note-input--date .MuiFormControl-root, .form .input-field--date .MuiFormControl-root, .form .note-input--date .MuiFormControl-root, .virtual-form .input-field--date .MuiFormControl-root, .virtual-form .note-input--date .MuiFormControl-root{
	width: 100%;
}
form .input-field--date .MuiButtonBase-root, form .note-input--date .MuiButtonBase-root, .form .input-field--date .MuiButtonBase-root, .form .note-input--date .MuiButtonBase-root, .virtual-form .input-field--date .MuiButtonBase-root, .virtual-form .note-input--date .MuiButtonBase-root{
	position: absolute;
	left: 16px;
	padding: 0px;
}
form .input-field--date .MuiButtonBase-root svg, form .note-input--date .MuiButtonBase-root svg, .form .input-field--date .MuiButtonBase-root svg, .form .note-input--date .MuiButtonBase-root svg, .virtual-form .input-field--date .MuiButtonBase-root svg, .virtual-form .note-input--date .MuiButtonBase-root svg{
	height: 1rem;
	width: 1rem;
}

.header{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.header__inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.header__logo{
	width: 5rem;
}
.header__logo a{
	display: inline-block;
	width: 100%;
}
.header__logo svg{
	height: auto;
	width: 100%;
}
.header__member-mobile{
	display: inline-flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
	padding: 0.25rem;
	text-transform: uppercase;
}
.header__member{
	margin-bottom: 0px;
}
.header--modal{
	position: relative;
	margin-bottom: 1rem;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
}
.header--modal .container-wide{
	padding-left: 0px;
	padding-right: 0px;
}
.header--modal .header__back{
	margin-bottom: 1rem;
	display: inline-flex;
	align-items: center;
}
.header--modal .header__back svg{
	margin-right: 0.5rem;
	height: 0.75rem;
	width: auto;
}
.header--bg-logo{
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
}
.header--bg-logo .header__bg-logo{
	height: 26px;
	width: 5rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113.323' height='36.762' viewBox='0 0 113.323 36.762'%3E%3Cg id='Layer_1' data-name='Layer 1' transform='translate(0 0.011)'%3E%3Cg id='Group_4393' data-name='Group 4393' transform='translate(0 -0.011)'%3E%3Cpath id='Path_1031' data-name='Path 1031' d='M28.384,6.795c-1.626.82-5.057,2.477-5.057,2.477a5.288,5.288,0,0,1-.457-.412c-2.718-2.881-6.11-3.689-9.877-3.116a11.948,11.948,0,0,0-3.406,1.2,3.486,3.486,0,0,0-1.855,3.474,3.269,3.269,0,0,0,2.454,3.046,35.52,35.52,0,0,0,5.125,1.187c3.392.54,6.8.942,9.836,2.765A8.5,8.5,0,0,1,29.4,24.161a10.219,10.219,0,0,1-1.535,7.2,11.466,11.466,0,0,1-6.842,4.544A22.738,22.738,0,0,1,6.289,35.1,11.492,11.492,0,0,1,0,28.259c1.515-.8,5.065-2.627,5.065-2.627a5.143,5.143,0,0,1,.433.536c2.763,4.363,6.932,5.179,11.631,4.669A7.479,7.479,0,0,0,21.891,28.8a4.155,4.155,0,0,0-.688-6.5,14,14,0,0,0-6.042-1.77c-3.635-.48-7.28-.96-10.367-3.194a8.245,8.245,0,0,1-3.379-6.633,8.718,8.718,0,0,1,2.99-7.334A12.3,12.3,0,0,1,9.976.623C14.645-.411,19.237-.306,23.6,1.885a11.037,11.037,0,0,1,4.783,4.907Z' transform='translate(0 0.011)' fill='%23767676'/%3E%3Crect id='Rectangle_904' data-name='Rectangle 904' width='5.803' height='24.603' transform='translate(34.455 11.016)' fill='%23767676'/%3E%3Crect id='Rectangle_905' data-name='Rectangle 905' width='5.803' height='24.603' transform='translate(45.962 11.016)' fill='%23767676'/%3E%3Cpath id='Path_1032' data-name='Path 1032' d='M465.655,55.32v3.3a12.263,12.263,0,0,0-8.7-3.633,12.8,12.8,0,0,0,0,25.594,12.258,12.258,0,0,0,8.7-3.633v2.971h5.8V55.32Zm-7.528,19.956a7.492,7.492,0,1,1,7.3-7.489A7.394,7.394,0,0,1,458.126,75.277Z' transform='translate(-358.135 -44.304)' fill='%23767676'/%3E%3Cpath id='Path_1033' data-name='Path 1033' d='M307.257,5.89V19.346a12.273,12.273,0,0,0-8.97-3.915,12.635,12.635,0,0,0-12.467,12.8,12.635,12.635,0,0,0,12.467,12.8,12.273,12.273,0,0,0,8.97-3.915v3.254h5.8V5.89Zm-7.8,29.828a7.492,7.492,0,1,1,7.3-7.489A7.394,7.394,0,0,1,299.456,35.718Z' transform='translate(-230.291 -4.744)' fill='%23767676'/%3E%3Ccircle id='Ellipse_3' data-name='Ellipse 3' cx='3.588' cy='3.588' r='3.588' transform='translate(33.77 0.667)' fill='%23e4e647'/%3E%3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='3.588' cy='3.588' r='3.588' transform='translate(45.277 0.667)' fill='%232ab88a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.login-screen{
	position: fixed;
	left: 0px;
	top: 0px;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.login-screen__bg{
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	opacity: 0.2;
}
.login-screen__inner{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	height: 100vh;
	width: 100%;
	max-width: 530px;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.5rem;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.login-screen__inner > *{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 260px;
}
.login-screen__inner--start{
	justify-content: flex-start;
}
.login-screen__logo img{
	margin-left: auto;
	margin-right: auto;
	width: 128px;
}
.login-screen__bottom{
	text-align: center;
}
.login-screen .login-form__forgot-password{
	margin-top: 0.75rem;
	display: block;
	text-align: center;
}
.login-screen .login-form__actions{
	margin-top: 1.5rem;
}
.login-screen .login-form__actions .checkbox-field{
	margin-bottom: 1.5rem;
}
.login-screen .confirmation-message__title{
	margin-bottom: 1rem;
}
.login-screen .confirmation-message__email, .login-screen .confirmation-message__content{
	margin-bottom: 1.5rem;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.login-screen .confirmation-message__link{
	margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .login-screen{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
  .login-screen{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
  .login-screen__bg{
		display: block;
	}
  .login-screen__inner{
		height: auto;
	}
  .login-screen__inner{
		min-height: 600px;
	}
  .login-screen__inner{
		gap: 5rem;
	}
}

.create-account{
	padding-top: 70px;
	padding-bottom: 2.5rem;
}
.create-account__title, .create-account__subtitle{
	font-weight: 500;
	text-transform: uppercase;
}
.create-account__title{
	margin-bottom: 2.5rem;
	font-size: 24px;
}
.create-account__subtitle{
	margin-bottom: 1rem;
}
.create-account__holder{
	max-width: 360px;
}
.create-account__holder--wide{
	max-width: 550px;
}
.create-account__back{
	margin-bottom: 1.25rem;
	display: inline-flex;
	align-items: center;
}
.create-account__back svg{
	margin-right: 0.5rem;
	height: 0.75rem;
	width: auto;
}
.create-account .input-group > .input-field{
	margin-bottom: 2rem;
}
.create-account .terms-and-conditions{
	margin-bottom: 2.5rem;
}
.create-account .terms-and-conditions p{
	font-family: Sanchez, sans-serif;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.create-account .form--terms .form__action .btn{
	max-width: 330px;
}
@media (max-width: 767px) {
  .create-account{
		padding-top: 100px;
	}
  .create-account .header{
		border-bottom-width: 1px;
	}
  .create-account .header{
		--tw-border-opacity: 1;
		border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	}
  .create-account .header__inner{
		padding-bottom: 2.5rem;
	}
  .create-account .create-account__inner{
		padding-top: 1.5rem;
	}
  .create-account .create-account__back{
		position: fixed;
	}
  .create-account .create-account__back{
		top: 70px;
	}
  .create-account .create-account__back{
		z-index: 99;
	}
}
@media (min-width: 768px) {
  .create-account__title{
		font-size: 16px;
	}
}

.account-summary li{
	margin-bottom: 1.25rem;
}
.account-summary li h4{
	margin-bottom: 0.25rem;
	display: block;
}
.account-summary li p{
	margin-bottom: 0px;
	font-family: Sanchez, sans-serif;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.account-summary--info{
	margin-bottom: 2.5rem;
}
.account-summary--info li{
	margin-bottom: 0.5rem;
}

.success-screen{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	display: flex;
	height: 100%;
	width: 100%;
	max-width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding: 1.5rem;
}
.success-screen > *{
	margin-bottom: 3rem;
}
.success-screen__title{
	margin-bottom: 0.5rem;
}
.success-screen__content{
	font-family: Sanchez, sans-serif;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}

.main-layout{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
	height: 100%;
	width: 100%;
	padding-top: 50px;
}
.main-layout .container-narrow{
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
.main-layout__inner{
	display: flex;
	flex: 1 1 0%;
  height: calc(100vh - 50px);
}
.main-layout__sidebar{
	position: relative;
	display: none;
	width: 275px;
	--tw-bg-opacity: 1;
	background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	padding-right: 1.25rem;
}
.main-layout__sidebar:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 50vw;
  --tw-bg-opacity: 1;
  background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
}
.main-layout__sidebar > *{
	position: relative;
}
.main-layout__content{
	max-width: 100%;
	flex: 1 1 0%;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.main-layout__content-holder{
	width: 100%;
	padding-bottom: 2rem;
}
.main-layout__content-wrapper{
	max-width: 825px;
}
.main-layout__bottom-btn{
	padding-top: 1.25rem;
}
.main-layout--comments{
	position: relative;
}
.main-layout--comments .container-narrow{
	max-width: 600px;
}
.main-layout--comments .comments{
	width: 100%;
}
.main-layout--comments .comments__top-title{
	margin-bottom: 1.25rem;
}
.main-layout--comments .comments-screen{
	position: relative;
	margin-top: 3rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	padding-top: 0px;
	height: auto !important;
}
.main-layout--comments .comments__header{
	border-bottom-width: 0px;
	margin-bottom: 0px !important;
}
.main-layout--comments .comments__header .note-input{
	margin-bottom: 1.25rem;
}
.main-layout--camera-booking .main-layout__content-wrapper{
	display: flex;
	max-width: 100%;
	flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .main-layout{
		--tw-bg-opacity: 1;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	}
  .main-layout__content{
		overflow-y: auto;
	}
  .main-layout__content{
		overflow-x: hidden;
	}
  .main-layout:not(.dashboard) .main-layout__inner {
    height: calc(100vh - 100px);
  }
  .main-layout.patient-profile .main-layout__content-holder{
		padding-bottom: 0px;
	}
}
@media (min-width: 768px) {
  .main-layout__sidebar{
		position: fixed;
	}
  .main-layout__sidebar{
		display: flex;
	}
  .main-layout__sidebar{
		flex-direction: column;
	}
  .main-layout__sidebar{
		justify-content: space-between;
	}
  .main-layout__sidebar {
    height: calc(100vh - 50px);
  }
  .main-layout__content{
		padding: 1.25rem;
	}
  .main-layout__content{
		padding-right: 0px;
	}
  .main-layout__content{
		padding-left: 300px;
	}
  .main-layout__content-holder{
		height: 100%;
	}
  .main-layout__content-holder{
		width: 100%;
	}
  .main-layout__content-holder{
		overflow-y: auto;
	}
  .main-layout__content-holder{
		overflow-x: hidden;
	}
  .main-layout__content-holder{
		padding-bottom: 0px;
	}
  .main-layout__content-holder{
		padding-right: 1.25rem;
	}
  .main-layout__content-holder::-webkit-scrollbar{
		width: 0.5rem;
	}
  .main-layout__content-holder::-webkit-scrollbar{
		border-radius: 4px;
	}
  .main-layout__content-holder::-webkit-scrollbar-track{
		border-radius: 4px;
	}
  .main-layout__content-holder::-webkit-scrollbar-track{
		--tw-bg-opacity: 1;
		background-color: rgba(200, 200, 204, var(--tw-bg-opacity));
	}
  .main-layout__content-holder::-webkit-scrollbar-thumb{
		border-radius: 4px;
	}
  .main-layout__content-holder::-webkit-scrollbar-thumb{
		--tw-bg-opacity: 1;
		background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	}
  .main-layout__content-holder::-webkit-scrollbar-thumb:hover{
		--tw-bg-opacity: 1;
		background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	}
  .main-layout--camera-booking .main-layout__content-holder{
		padding-right: 0px;
	}
  .main-layout--camera-booking .main-layout__content-wrapper{
		flex-direction: row;
	}
  .main-layout--camera-booking .main-layout__content-wrapper{
		gap: 1rem;
	}
  .main-layout--camera-booking .main-layout__content-wrapper > *{
		flex: 1 1 0%;
	}
}
@media (min-width: 1024px) {
  .main-layout__content{
		padding: 2.5rem;
	}
  .main-layout__content{
		padding-right: 0px;
	}
  .main-layout__content{
		padding-left: 320px;
	}
  .main-layout--camera-booking .main-layout__content-holder{
		padding-right: 1.25rem;
	}
  .main-layout--camera-booking .main-layout__content-wrapper{
		gap: 2rem;
	}
  .main-layout--camera-booking .main-layout__content-wrapper .surgery-step{
		width: auto;
	}
  .main-layout--camera-booking .main-layout__content-wrapper .surgery-step{
		min-width: 300px;
	}
  .main-layout--camera-booking .main-layout__content-wrapper > * {
    flex: unset;
  }
}
@media (min-width: 1200px) {
  .main-layout--camera-booking .main-layout__content-wrapper{
		gap: 100px;
	}
  .main-layout--camera-booking .main-layout__content-wrapper .surgery-step{
		min-width: 400px;
	}
}

.surgery-step{
	width: 100%;
}
.surgery-step > *{
	width: 100%;
}
.surgery-step__back{
	margin-bottom: 1.25rem;
	display: inline-flex;
	align-items: center;
}
.surgery-step__back svg{
	margin-right: 0.5rem;
	height: 0.75rem;
	width: auto;
}
.surgery-step__btns{
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.surgery-step__btns > .btn{
	width: 100%;
}
.surgery-step__title, .surgery-step__top-title{
	margin-bottom: 0.5rem;
	display: block;
}
.surgery-step__title .required-icon, .surgery-step__top-title .required-icon{
	display: inline-block;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.surgery-step__top-title{
	margin-bottom: 1.25rem;
}
.surgery-step__profile{
	margin-bottom: 1.5rem;
}
.surgery-step__profile p{
	margin-bottom: 0.25rem;
}
.surgery-step__profile p:last-child{
	margin-bottom: 0px;
	font-family: Sanchez, sans-serif;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.surgery-step__btns{
	margin-top: 2.5rem;
	width: 100%;
}
.surgery-step__btns .btn[disabled]{
	pointer-events: none;
	opacity: 0.5;
}
.surgery-step__terms{
	margin-bottom: 1.5rem;
}
.surgery-step .input-group{
	width: 100%;
}
.surgery-step .upload-field{
	position: relative;
	margin-bottom: 1.5rem;
	display: flex;
	width: 100%;
	cursor: pointer;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	--tw-bg-opacity: 1;
	background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
	padding: 1.5rem;
	text-align: center;
}
.surgery-step .upload-field h4{
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}
.surgery-step .upload-field > *:not(.btn){
	width: 100%;
}
.surgery-step .upload-field input[type=file]{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}
.surgery-step .upload-field label{
	margin-bottom: 1.25rem;
	display: block;
	font-family: Sanchez, sans-serif;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.surgery-step .upload-field__files{
	position: relative;
	z-index: 10;
	margin-bottom: 1.25rem;
}
.surgery-step .upload-field__file{
	margin-bottom: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.surgery-step .upload-field__file:last-child{
	margin-bottom: 0px;
}
.surgery-step .upload-field__file svg{
	position: relative;
	top: 1px;
	height: auto;
	width: 0.75rem;
}
.surgery-step .upload-field:hover .btn{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.surgery-step .checkbox-group, .surgery-step .radio-group{
	margin-bottom: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.surgery-step .checkbox-group [type=radio], .surgery-step .radio-group [type=radio]{
	visibility: hidden;
	position: absolute;
	opacity: 0;
}
.surgery-step .checkbox-group .radio-field, .surgery-step .checkbox-group .checkbox-field, .surgery-step .radio-group .radio-field, .surgery-step .radio-group .checkbox-field{
	flex: 1 1 0%;
}
.surgery-step .checkbox-group .checkbox-field input[type=checkbox], .surgery-step .radio-group .checkbox-field input[type=checkbox]{
	position: absolute;
	opacity: 0;
}
.surgery-step .checkbox-group label, .surgery-step .radio-group label{
	display: inline-flex;
	min-height: 66px;
	width: 100%;
	min-width: 100px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 12px;
	font-weight: 600;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.surgery-step .checkbox-group label:hover, .surgery-step .checkbox-group label:has([type=radio]:checked), .surgery-step .checkbox-group label:has([type=checkbox]:checked), .surgery-step .radio-group label:hover, .surgery-step .radio-group label:has([type=radio]:checked), .surgery-step .radio-group label:has([type=checkbox]:checked){
	--tw-bg-opacity: 1;
	background-color: rgba(58, 126, 102, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.surgery-step .checkbox-group--vertical{
	flex-direction: column;
}
.surgery-step .note-input label{
	display: block;
	width: 100%;
}
.surgery-step .note-input textarea{
	width: 100%;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding: 0.75rem;
}
.surgery-step .summary .summary-section{
	margin-bottom: 2.5rem;
}
.surgery-step .summary .summary-section:last-child{
	margin-bottom: 0px;
}
.surgery-step .summary .summary-section .summary-files-item{
	margin-bottom: 1.5rem;
}
.surgery-step .summary .summary-section .summary-files-item:last-child{
	margin-bottom: 0px;
}
.surgery-step .summary .summary-section h5{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.surgery-step .summary .summary-section .summary-files .file-item{
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.surgery-step .summary .summary-section .summary-files .file-item span{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.surgery-step .summary .summary-section .summary-files .file-item svg{
	height: auto;
	width: 0.75rem;
}
.surgery-step .summary .summary-section .summary-files .file-item:last-child{
	margin-bottom: 0px;
}
.surgery-step__terms-form{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.surgery-step .terms-and-conditions{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .surgery-step{
		display: flex;
	}
  .surgery-step{
		height: 100%;
	}
  .surgery-step{
		flex-direction: column;
	}
  .surgery-step{
		align-items: flex-start;
	}
  .surgery-step__btns{
		display: flex;
	}
  .surgery-step__btns{
		flex-direction: row;
	}
  .surgery-step__btns{
		gap: 1.25rem;
	}
  .surgery-step__btns > .btn{
		flex: 1 1 0%;
	}
  .surgery-step .input-group, .surgery-step .form__inner{
		flex: 1 1 0%;
	}
  .surgery-step__content{
		display: flex;
	}
  .surgery-step__content{
		flex: 1 1 0%;
	}
  .surgery-step__content{
		flex-direction: column;
	}
  .surgery-step.surgery-step-1 .input-group, .surgery-step.surgery-step-2 .surgery-step__content, .surgery-step.surgery-step-3 .surgery-step__content, .surgery-step.surgery-step-3 .surgery-step__btns, .surgery-step.surgery-step-3_1 .surgery-step__btns, .surgery-step.surgery-step-5 .surgery-step__content, .surgery-step.surgery-step-4 .card-restoration--horizontal{
		max-width: 400px;
	}
  .surgery-step.surgery-step-6 .surgery-step__content, .surgery-step.surgery-step-6 .surgery-step__btns, .surgery-step.surgery-step-7 .surgery-step__content, .surgery-step.surgery-step-7 .surgery-step__btns{
		max-width: 450px;
	}
  .surgery-step.camera-surgery-step-1 .radio-group, .surgery-step.camera-surgery-step-1 .input-group, .surgery-step.camera-surgery-step-1 .surgery-step__btns, .surgery-step.camera-surgery-step-2 .surgery-step__btns{
		max-width: 400px;
	}
}
@media (min-width: 1024px) {
  .surgery-step__top-title{
		font-size: 24px;
	}
}

.step-sidebar{
	position: relative;
}
.step-sidebar__title{
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}
.step-sidebar__subtitle{
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.step-sidebar__subcontent{
	max-width: 130px;
}
.step-sidebar__jobid{
	margin-top: -0.5rem;
	margin-bottom: 1.75rem;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.step-sidebar__bookings .file-item{
	margin-bottom: 1.25rem;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(117, 117, 117, var(--tw-border-opacity));
	--tw-border-opacity: 0.5;
	padding-bottom: 0.75rem;
}
.step-sidebar__bookings .file-item:last-child{
	margin-bottom: 0px;
	border-bottom-width: 0px;
}
.step-sidebar__list li{
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	gap: 1rem;
	padding-top: 2.5rem;
}
.step-sidebar__list li:before {
  content: "";
  position: absolute;
  left: 17px;
  top: 0px;
  height: 2.5rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(200, 200, 204, var(--tw-bg-opacity));
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
}
.step-sidebar__list li:first-child{
	padding-top: 0px;
}
.step-sidebar__list li:first-child:before{
	display: none;
}
.step-sidebar__list li .step-number{
	display: flex;
	height: 34px;
	width: 34px;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgba(200, 200, 204, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.step-sidebar__list li .step-label{
	display: block;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.step-sidebar__list li.active .step-number{
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.step-sidebar__list li.active .step-label{
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.step-sidebar__list li.active:before{
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
}
.step-sidebar--modal{
	position: relative;
	z-index: 99;
	display: none;
}
.step-sidebar--modal .step-sidebar__header{
	position: relative;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
  top: -7px;
}
.step-sidebar--modal .step-sidebar__list--header li{
	display: none;
	padding-top: 0px;
}
.step-sidebar--modal .step-sidebar__list--header li:before{
	display: none;
}
.step-sidebar--modal .step-sidebar__list--header li.active{
	display: flex;
}
.step-sidebar--modal .step-sidebar__list--header-title{
	position: relative;
	top: 2px;
	text-transform: uppercase;
}
.step-sidebar--modal .step-sidebar__header-right svg{
	width: 0.75rem;
	--tw-rotate: 90deg;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.step-sidebar--modal .step-sidebar__inner{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
  height: calc(100vh - 101px);
  background-color: rgba(0, 0, 0, 0.6);
}
.step-sidebar--modal .step-sidebar__list:not(.step-sidebar__list--header){
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding: 1.25rem;
}
@media (max-width: 767px) {
  .step-sidebar--modal{
		display: block;
	}
}

.card-restoration{
	width: 50%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.card-restoration__inner{
	position: relative;
	cursor: pointer;
	overflow: hidden;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.card-restoration:not(.card-restoration--horizontal) .card-restoration__inner:hover, .card-restoration:not(.card-restoration--horizontal) .card-restoration__inner.is-selected{
	--tw-border-opacity: 1;
	border-color: rgba(58, 126, 102, var(--tw-border-opacity));
}
.card-restoration:not(.card-restoration--horizontal) .card-restoration__inner:hover .card-restoration__content, .card-restoration:not(.card-restoration--horizontal) .card-restoration__inner.is-selected .card-restoration__content{
	--tw-bg-opacity: 1;
	background-color: rgba(58, 126, 102, var(--tw-bg-opacity));
}
.card-restoration:not(.card-restoration--horizontal) .card-restoration__inner:hover .card-restoration__content p, .card-restoration:not(.card-restoration--horizontal) .card-restoration__inner.is-selected .card-restoration__content p{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.card-restoration__image-holder{
	position: relative;
	display: block;
	width: 100%;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-top: 100%;
}
.card-restoration__image{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.card-restoration__content{
	display: block;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.card-restoration__content p{
	margin-bottom: 0px;
	font-family: Sanchez, sans-serif;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.card-restoration--horizontal{
	width: 100% !important;
	padding: 0px !important;
	margin-bottom: 1rem;
}
.card-restoration--horizontal .card-restoration__inner{
	display: flex;
	align-items: center;
}
.card-restoration--horizontal .card-restoration__image-holder{
	position: relative;
	width: 3.75rem;
	border-bottom-width: 0px;
	border-right-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-top: 0px;
}
.card-restoration--horizontal .card-restoration__image-holder:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.card-restoration--horizontal .card-restoration__content{
	flex: 1 1 0%;
}
.card-restoration--short .card-restoration__image-holder{
	max-height: 120px;
	padding-top: 34.375%;
}
.card-restoration--title .card-restoration__placeholder-text{
	position: relative;
	display: flex;
	min-height: 157px;
	width: 100%;
	align-items: center;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
}
.card-restoration--title .card-restoration__placeholder-inner{
	width: 100%;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	text-align: center;
}
.card-restoration--title .card-restoration__placeholder-inner h2{
	margin-bottom: 0.5rem;
	font-size: 28px;
}
.card-restoration--title .card-restoration__placeholder-inner p{
	margin-bottom: 0px;
}
.card-restoration--title .card-restoration__placeholder-bg{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.2;
}
@media (min-width: 768px) {
  .card-restoration--short{
		width: 50% !important;
	}
}
@media (min-width: 1024px) {
  .card-restoration{
		width: 25%;
	}
}
@media (min-width: 1200px) {
  .card-restoration--title .card-restoration__placeholder-inner h2{
		font-size: 28px;
	}
}

.restoration-grid{
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
}

.restoration-halfbox__inner{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 1.25rem;
}
.restoration-halfbox__image-holder{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
}
.restoration-halfbox__image-holder:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.restoration-halfbox__image{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.restoration-halfbox__content{
	display: block;
	font-family: Sanchez, sans-serif;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.restoration-halfbox__content h1, .restoration-halfbox__content .h1, .restoration-halfbox__content h2, .restoration-halfbox__content .h2, .restoration-halfbox__content h3, .restoration-halfbox__content .h3, .restoration-halfbox__content h3, .restoration-halfbox__content .h3, .restoration-halfbox__content h4, .restoration-halfbox__content .h4, .restoration-halfbox__content h5, .restoration-halfbox__content .h5, .restoration-halfbox__content h6, .restoration-halfbox__content .h6{
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .restoration-halfbox__inner{
		flex-direction: row;
	}
  .restoration-halfbox__inner > *{
		flex: 1 1 0%;
	}
}

.profile{
	display: none;
	height: 100%;
}
.profile__cols{
	display: flex;
	height: 100%;
	gap: 1rem;
}
.profile__col{
	flex: 1 1 0%;
}
.profile__col-1{
	max-width: 300px;
}
.profile__col-2{
	max-width: 410px;
	border-left-width: 1px;
	border-color: transparent;
	padding-left: 1.25rem;
}
.profile__col-2.is-open{
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
}
.profile .form__action{
	margin-top: 2rem;
}
.profile .basic-profile__title{
	margin-bottom: 1.5rem;
}
.profile .basic-profile__list li{
	position: relative;
	margin-bottom: 22px;
	cursor: pointer;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-bottom: 1.25rem;
	padding-right: 2rem;
}
.profile .basic-profile__list li h4{
	margin-bottom: 0.25rem;
	display: block;
}
.profile .basic-profile__list li p{
	margin-bottom: 0px;
	font-family: Sanchez, sans-serif;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.profile .basic-profile__list li:last-child{
	margin-bottom: 0px;
	display: flex;
	min-height: 40px;
	align-items: center;
	border-width: 0px;
	padding-bottom: 0px;
}
.profile .basic-profile__list li svg{
	position: absolute;
	top: 50%;
	right: 0.75rem;
	--tw-translate-y: -50%;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
}
@media (min-width: 768px) {
  .profile{
		display: block;
	}
}
@media (min-width: 1024px) {
  .profile__col-2{
		padding-left: 2rem;
	}
}

.confirmation-modal{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
  background-color: rgba(0, 0, 0, 0.6);
}
.confirmation-modal__inner{
	width: 340px;
	max-width: 100%;
	border-radius: 4px;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.confirmation-modal__title{
	margin-bottom: 0.75rem;
}
.confirmation-modal__content{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.confirmation-modal__btns{
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}

.profile-modal{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99;
	height: 100%;
	width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.profile-modal__inner{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.profile-modal__name{
	font-size: 24px;
	text-transform: uppercase;
}
.profile-modal__header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.profile-modal__header svg{
	height: auto;
	width: 0.75rem;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.profile-modal__list li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 2.5rem;
}
.profile-modal__list li:has(> a){
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
.profile-modal__list li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 2.5rem;
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.profile-modal__list li svg{
	height: 10px;
	width: auto;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.profile-modal__list li:last-child{
	border-bottom-width: 0px;
}
@media (min-width: 768px) {
  .profile-modal{
		display: none;
	}
}

.profile-info-modal{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
	height: 100%;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.profile-info-modal__title{
	margin-bottom: 1rem;
}

.error-message-box{
	margin-bottom: 1.5rem;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(151, 57, 55, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 246, 246, var(--tw-bg-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	--tw-text-opacity: 1;
	color: rgba(151, 57, 55, var(--tw-text-opacity));
}
.error-message-box__title{
	margin-bottom: 0.25rem;
	font-weight: 600;
	text-transform: uppercase;
}
.error-message-box__message{
	margin-bottom: 0px;
}

.success-message-box{
	margin-bottom: 1.5rem;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(55, 151, 63, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 246, 246, var(--tw-bg-opacity));
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	--tw-text-opacity: 1;
	color: rgba(55, 151, 63, var(--tw-text-opacity));
}
.success-message-box__title{
	margin-bottom: 0.25rem;
	font-weight: 600;
	text-transform: uppercase;
}
.success-message-box__message{
	margin-bottom: 0px;
}

.image-content{
	padding-top: 2.5rem;
}
.image-content__image{
	margin-bottom: 1rem;
}
.image-content__image img{
	max-width: 100%;
}
.image-content__title{
	margin-bottom: 0.5rem;
}
.image-content__content p{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}

.dashboard__sidebar{
	padding-right: 0px;
}
.dashboard__sidebar ul{
	position: relative;
	list-style-type: none;
	padding: 0px;
}
.dashboard__sidebar ul li{
	position: relative;
	margin-bottom: 1.25rem;
	cursor: pointer;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.dashboard__sidebar ul li:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  height: 100%;
  width: 5px;
  background-color: transparent;
}
.dashboard__sidebar ul li.active:before{
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
}
.dashboard__sidebar p{
	--tw-translate-y: 0px;
	transform: var(--tw-transform);
	transform: var(--tw-transform);
	text-transform: uppercase;
}
.dashboard__sidebar a{
	--tw-text-opacity: 1;
	color: rgba(27, 28, 29, var(--tw-text-opacity));
}
.dashboard__header p{
	margin-bottom: 0.25rem;
	color: rgba(27, 28, 29, 0.6);
}
.dashboard__header h2{
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}
.dashboard__cards{
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.dashboard__search{
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
}
.dashboard__search p{
	margin-bottom: 0px;
	margin-right: 0.5rem;
}
.dashboard__search input{
	min-height: 38px;
	flex: 1 1 0%;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-width: 1px;
	border-right-width: 0px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.dashboard__search button{
	display: flex;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-width: 0px;
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.dashboard__search button:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.dashboard__bookings h3{
	margin-bottom: 1.25rem;
}
.dashboard__bookings table{
	width: 100%;
}
.dashboard__bookings table th, .dashboard__bookings table td{
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	text-align: left;
}
.dashboard__bookings table td{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.dashboard__bookings table th{
	padding-top: 0px;
	padding-bottom: 0.5rem;
	font-weight: 400;
	color: rgba(27, 28, 29, 0.6);
}
.dashboard__bookings table h5{
	margin-bottom: 0px;
}
.dashboard__bookings table span{
	margin-top: 0.75rem;
	display: block;
	font-size: 12px;
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.dashboard__bookings table tr:last-child td{
	border-bottom-width: 0px;
}
.dashboard__status{
	margin-top: 0px;
	display: inline-block;
}
.dashboard__status.completed{
	margin-top: 0px;
	--tw-text-opacity: 1;
	color: rgba(58, 126, 102, var(--tw-text-opacity));
}
.dashboard__status.awaiting{
	margin-top: 0px;
}
@media (min-width: 768px) {
  .dashboard__header h2{
		font-size: 24px;
	}
}

.booking-card{
	display: flex;
	min-height: 140px;
	width: 100%;
	cursor: pointer;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	--tw-bg-opacity: 1;
	background-color: rgba(159, 45, 83, var(--tw-bg-opacity));
	padding: 1.25rem;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
}
.booking-card svg{
	margin-bottom: 0.5rem;
}
.booking-card:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(58, 126, 102, var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .booking-card{
		flex: 1 1 0%;
	}
}

@media (max-width: 767px) {
  .surgery-booking{
		padding-top: 65px;
	}
  .surgery-booking{
		padding-bottom: 2.5rem;
	}
  .surgery-booking .header:not(.header--modal){
		border-bottom-width: 1px;
	}
  .surgery-booking .header:not(.header--modal){
		--tw-border-opacity: 1;
		border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	}
  .surgery-booking .header:not(.header--modal) .header__inner{
		padding-bottom: 2.5rem;
	}
  .surgery-booking--camera .surgery-step__back{
		position: fixed;
	}
  .surgery-booking--camera .surgery-step__back{
		left: 1.25rem;
	}
  .surgery-booking--camera .surgery-step__back{
		top: 65px;
	}
  .surgery-booking--camera .surgery-step__back{
		z-index: 10;
	}
  .surgery-booking--camera .surgery-step{
		padding-top: 2.5rem;
	}
}

.patient-profile .file-item, .comments-screen .file-item{
	display: flex;
	gap: 0.75rem;
}
.patient-profile .file-item__file svg, .comments-screen .file-item__file svg{
	width: 1rem;
	--tw-text-opacity: 1;
	color: rgba(159, 45, 83, var(--tw-text-opacity));
}
.patient-profile .file-item__content h5, .comments-screen .file-item__content h5{
	margin-bottom: 0.25rem;
}
.patient-profile .file-item__content p, .comments-screen .file-item__content p{
	margin-bottom: 0.25rem;
	font-size: 12px;
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.patient-profile .summary, .comments-screen .summary{
	max-width: 325px;
}
.patient-profile .photos-carousel, .comments-screen .photos-carousel{
	margin-bottom: 2.5rem;
	max-width: 100%;
	overflow: hidden;
}
.patient-profile .photos-carousel__title, .comments-screen .photos-carousel__title{
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.patient-profile .photos-carousel__carousel, .comments-screen .photos-carousel__carousel{
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
@media only screen and (min-width: 480px) {
  .patient-profile .photos-carousel__carousel, .comments-screen .photos-carousel__carousel{
		pointer-events: none;
	}
}
.patient-profile .photos-carousel__image, .comments-screen .photos-carousel__image{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.patient-profile .photos-carousel__image-inner, .comments-screen .photos-carousel__image-inner{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 100%;
}
.patient-profile .photos-carousel__image-inner img, .comments-screen .photos-carousel__image-inner img{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.patient-profile .comments__title, .comments-screen .comments__title{
	margin-bottom: 0.5rem;
}
.patient-profile .comments__profile, .comments-screen .comments__profile{
	margin-bottom: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.5rem;
	text-align: right;
}
.patient-profile .comments__header, .comments-screen .comments__header{
	margin-bottom: 1.25rem;
}
.patient-profile .comments__header textarea, .comments-screen .comments__header textarea{
	min-height: 38px;
	width: 100%;
	border-radius: 4px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	background-color: transparent;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.patient-profile .comments__comment, .comments-screen .comments__comment{
	margin-top: 1.25rem;
	margin-bottom: 0px;
}
.patient-profile .comments__comment .btn, .comments-screen .comments__comment .btn{
	margin-top: 1.25rem;
}
.patient-profile .comments .comment, .comments-screen .comments .comment{
	margin-bottom: 1.25rem;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	padding-bottom: 1.25rem;
}
.patient-profile .comments .comment:last-child, .comments-screen .comments .comment:last-child{
	margin-bottom: 0px;
}
.patient-profile .comments .comment__title, .comments-screen .comments .comment__title{
	margin-bottom: 0.5rem;
}
.patient-profile .comments .comment__date, .patient-profile .comments .comment__content, .comments-screen .comments .comment__date, .comments-screen .comments .comment__content{
	--tw-text-opacity: 1;
	color: rgba(117, 117, 117, var(--tw-text-opacity));
}
.patient-profile .comments .comment__date, .comments-screen .comments .comment__date{
	margin-bottom: 0.25rem;
}
.patient-profile .comments .comment__content, .comments-screen .comments .comment__content{
	margin-bottom: 0px;
}
.patient-profile .main-layout__inner,
.comments-screen .main-layout__inner {
  min-height: calc(100vh - 54px);
  height: 100%;
}
.patient-profile .main-layout__inner:has(.main-layout__bottom-btn), .comments-screen .main-layout__inner:has(.main-layout__bottom-btn){
	padding-bottom: 83px;
}
.patient-profile .main-layout__bottom-btn, .comments-screen .main-layout__bottom-btn{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.patient-profile .container-wide, .comments-screen .container-wide{
	height: 100%;
}
@media (max-width: 767px) {
  .patient-profile, .comments-screen{
		padding-top: 100px;
	}
  .patient-profile .header, .comments-screen .header{
		border-bottom-width: 1px;
	}
  .patient-profile .header, .comments-screen .header{
		--tw-border-opacity: 1;
		border-color: rgba(200, 200, 204, var(--tw-border-opacity));
	}
  .patient-profile .header__inner, .comments-screen .header__inner{
		padding-bottom: 2.5rem;
	}
  .patient-profile .surgery-step__back, .comments-screen .surgery-step__back{
		position: fixed;
	}
  .patient-profile .surgery-step__back, .comments-screen .surgery-step__back{
		top: 70px;
	}
  .patient-profile .surgery-step__back, .comments-screen .surgery-step__back{
		z-index: 99;
	}
  .patient-profile .main-layout__inner,
  .comments-screen .main-layout__inner {
    height: calc(100vh - 100px);
  }
  .patient-profile .main-layout__bottom-btn, .comments-screen .main-layout__bottom-btn{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

.details-section{
	margin-bottom: 1.25rem;
}
.details-section__patient-details{
	border-bottom-width: 0px !important;
}
@media (min-width: 768px){
	.md\:inline-block{
		display: inline-block;
	}
	.md\:hidden{
		display: none;
	}
}