/* Prelude */

/* Begin aanpassingen Achbari Mei 2025 */
 

@media only screen and (min-width: 960px) {

	#rekentool { 
		transform: scale(0.75);
		position: relative;
		top: -70px;
	}

}


/* einde aanpassingen Achbari Mei 2025 */

:root {
  --kleur1: #ff7777;
  --kleur2: #caddc8;
  --kleur3: #2c2828;
}

@font-face         {font-family: 'Huysman'; src: url('Montserrat-VariableFont_wght.ttf')  format('truetype');  }


body {
	padding:0;
	margin:0;
	font-family: Huysman;
	font-weight:500;
}

a[href^="mailto"] {
	word-break: break-word;
}

p:empty { display: none !important; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

select {
	appearance:none;
 
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
}

select:hover {
	cursor:pointer;
}

:root {
  scrollbar-color: var(--kleur1) #fff;
  scrollbar-width: thin;
}

#volmenu {  position:fixed; right:-900px; transition:right 1s ease; }
#uitgebreid:target #volmenu { display:block; right:0; box-shadow:0 0 10px #0003; }

#menu-open { display: block; }
#menu-open:hover { background-color:var(--kleur1) !important; }


#uitgebreid:target #menu-open { display:none; }

#menu-sluit { display: none; }
#uitgebreid:target #menu-sluit { display:block; }

video {
	width:100%;
	margin-top:-150px;
}

#missie {
	
	background-size: cover;
	background-position: center;
}

#adviesgesprek {
	background-color: var(--kleur2);
	color: var(--kleur3);
}

#adviesgesprek:hover {
	background-color: var(--kleur1);
	color: var(--kleur3);
	transition: background-color 0.5s ease;
}

#berekenen {
	background-color: var(--kleur1);
	color: white;
}

.opmaak1 img {
	float:right;
	max-height:300px;
	margin:40px;
}

@media only screen and (max-width: 600px) {
	video {
		min-height:400px;
		margin-top:0;
		width:auto !important;
		max-width:unset !important;
	}
}

.voorpagina main>h1+div {
	min-height:38rem !important;
}


@media only screen and (max-width: 960px) {

	main>h1+div {
	min-height:30rem !important;
	}


	#volmenu {
		display:none;
		top:80px;
	}
	
	
	
	#topnav {
		display:none;
	}
	
	.unit { display: none; }
	
	h1+div {
		padding-top: 4rem !important;
	}
	
	#flogo {
		display:none;
	}

	
}

body .markdown ul li:before {
background-color: var(--kleur1) !important;
}

body .markdown h1, body .markdown h2, body .text-black, body .text-purple-500 {
	color: var(--kleur3);
}

body p a {
	text-decoration:underline;
}

.introtekst {
	font-weight:500;
}

#header-banner {
	position:absolute;
	height:464px;
	width:100%;
	overflow:hidden;
	margin-top:-65px;
}

.banner-bg {
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}

#rekentool h3 {
	font-size: 1.8rem;
	margin-bottom:20px;
}

#rekentool br {
	display:none;
}

.voorpaginabrood br {
display:none;
}




*,:before,:after{
	box-sizing:border-box;
	border-width:0;
	border-style:solid;
	border-color:#e5e7eb
}
:before,:after{
	--tw-content: ""
}
html,:host{
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-feature-settings:normal;
	font-variation-settings:normal;
	-webkit-tap-highlight-color:transparent
}
body{
	margin:0;
	line-height:inherit
}
hr{
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]){
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}

/*h1,h2,h3,h4,h5,h6{
	font-size:inherit;
	font-weight:inherit
}*/

a{
	color:inherit;
	text-decoration:inherit
}
b,strong{
	font-weight:bolder
}
code,kbd,samp,pre{
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
	font-feature-settings:normal;
	font-variation-settings:normal;
	font-size:1em
}
small{
	font-size:80%
}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub{
	bottom:-.25em
}
sup{
	top:-.5em
}
table{
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button,input,optgroup,select,textarea{
	font-family:inherit;
	font-feature-settings:inherit;
	font-variation-settings:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button,select{
	text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
	-webkit-appearance:button;
	background-color:transparent;
	background-image:none
}
:-moz-focusring{
	outline:auto
}
:-moz-ui-invalid{
	box-shadow:none
}
progress{
	vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
	height:auto
}
[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
::-webkit-search-decoration{
	-webkit-appearance:none
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}
summary{
	display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
	margin:0
}
fieldset{
	margin:0;
	padding:0
}
legend{
	padding:0
}
ol,ul,menu{
	list-style:none;
	margin:0;
	padding:0
}
dialog{
	padding:0
}
textarea{
	resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
	opacity:1;
	color:#9ca3af
}
input::placeholder,textarea::placeholder{
	opacity:1;
	color:#9ca3af
}
button,[role=button]{
	cursor:pointer
}
:disabled{
	cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
	display:block;
	vertical-align:middle
}
img,video{
	max-width:100%;
	height:auto
}
[hidden]{
	display:none
}
* *::-moz-selection{
	background-color:#d2445099
}
* *::selection{
	background-color:#d2445099
}
*::-moz-selection{
	background-color:#d2445099
}
*::selection{
	background-color:#d2445099
}
*:focus{
	outline:2px solid transparent;
	outline-offset:2px
}
html{
	scroll-behavior:smooth
}
body{
	font-family:Huysman,sans-serif;
	--tw-text-opacity: 1;
	color:rgb(79 80 91 / var(--tw-text-opacity));
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
[x-cloak],.grecaptcha-badge{
	display:none!important
}
*,:before,:after{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--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-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: 
}
::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--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-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: 
}
@font-face{
	font-family:Montserrat;
	src:url(/build/assets/Montserrat-700-a60b1ba9.woff2) format("woff2");
	font-weight:700;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Montserrat;
	src:url(/build/assets/Montserrat-600-9f5f68f2.woff2) format("woff2");
	font-weight:600;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:Montserrat;
	src:url(/build/assets/Montserrat-500-b52de708.woff2) format("woff2");
	font-weight:500;
	font-style:normal;
	font-display:swap
}
.\!container{
	width:100%!important
}
.container{
	width:100%
}
@media (min-width: 640px){
	.\!container{
		max-width:640px!important
	}
	.container{
		max-width:640px
	}
}
@media (min-width: 768px){
	.\!container{
		max-width:768px!important
	}
	.container{
		max-width:768px
	}
}
@media (min-width: 1024px){
	.\!container{
		max-width:1024px!important
	}
	.container{
		max-width:1024px
	}
}
@media (min-width: 1280px){
	.\!container{
		max-width:1280px!important
	}
	.container{
		max-width:1280px
	}
}
@media (min-width: 1536px){
	.\!container{
		max-width:1536px!important
	}
	.container{
		max-width:1536px
	}
}
.markdown h1,.markdown h2,.markdown h3{
	margin-bottom:.75rem;
	font-size:1.75rem;
	line-height:2.25rem;
	font-weight:700;
	--tw-text-opacity: 1;
	color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
	.markdown h1,.markdown h2,.markdown h3{
		margin-bottom:1.5rem;
		font-size:2.5rem;
		line-height:3rem
	}
}
/*
.markdown h3{
	margin-bottom:.5rem;
	font-size:1.25rem;
	line-height:2.25rem;
	font-weight:700;
	--tw-text-opacity: 1;
	color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
	.markdown h3{
		margin-bottom:1rem;
		font-size:1.75rem;
		line-height:2.25rem
	}
}*/
.markdown h4{
	margin-bottom:.25rem;
	font-size:1.125rem;
	line-height:1.75rem;
	font-weight:700;
	--tw-text-opacity: 1;
	color:rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 1024px){
	.markdown h4{
		margin-bottom:.5rem;
		font-size:1.25rem;
		line-height:2.25rem
	}
}
.markdown ol>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.markdown ol{
	padding-left:1rem
}
.markdown ol li{
	list-style-type:decimal;
	padding-left:.75rem
}
.markdown ol li *::marker{
	font-weight:700;
	color:#d24450
}
.markdown ol li::marker{
	font-weight:700;
	color:#d24450
}
.markdown ul>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.markdown ul li{
	display:flex;
	gap:1rem
}
.markdown ul li:before{
	margin-top:.375rem;
	display:block;
	width:.75rem;
	height:.75rem;
	flex:none;
	border-radius:9999px;
	content:var(--tw-content);
	--tw-bg-opacity: 1;
	background-color:rgb(210 68 80 / var(--tw-bg-opacity))
}
.markdown p:not(:last-child),.markdown ol:not(:last-child),.markdown ul:not(:last-child){
	margin-bottom:1.25rem
}
@media (min-width: 1024px){
	.markdown p:not(:last-child),.markdown ol:not(:last-child),.markdown ul:not(:last-child){
		margin-bottom:1.5rem
	}
}
.markdown p:not(:last-child):has(+h2),.markdown ol:not(:last-child):has(+h2),.markdown ul:not(:last-child):has(+h2),.markdown p:not(:last-child):has(+h3),.markdown ol:not(:last-child):has(+h3),.markdown ul:not(:last-child):has(+h3),.markdown p:not(:last-child):has(+h4),.markdown ol:not(:last-child):has(+h4),.markdown ul:not(:last-child):has(+h4){
	margin-bottom:2rem
}
@media (min-width: 1024px){
	.markdown p:not(:last-child):has(+h2),.markdown ol:not(:last-child):has(+h2),.markdown ul:not(:last-child):has(+h2),.markdown p:not(:last-child):has(+h3),.markdown ol:not(:last-child):has(+h3),.markdown ul:not(:last-child):has(+h3),.markdown p:not(:last-child):has(+h4),.markdown ol:not(:last-child):has(+h4),.markdown ul:not(:last-child):has(+h4){
		margin-bottom:2.5rem
	}
}
.markdown a{
	font-weight:700;
	--tw-text-opacity: 1;
	color:rgb(210 68 80 / var(--tw-text-opacity));
	text-decoration-line:underline
}
.horizontal-scroll-container{
	overflow-x:scroll;
	background:linear-gradient(to left,white 0%,white 30%),linear-gradient(to right,white 0%,white 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 100% 0;
	background-repeat:no-repeat;
	background-size:40px 100%,40px 100%,18px 100%,18px 100%;
	background-attachment:local,local,scroll,scroll;
	-ms-overflow-style:none;
	scrollbar-width:none
}
.horizontal-scroll-container::-webkit-scrollbar{
	display:none
}
[data-type]{
	position:relative;
	scroll-margin-top:9rem
}
@font-face{
	font-family:swiper-icons;
	src:url(data:application/font-woff;
	charset=utf-8;
	base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
	font-weight:400;
	font-style:normal
}
:root{
	--swiper-theme-color: #007aff
}
:host{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:1
}
.swiper{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	display:block
}
.swiper-vertical>.swiper-wrapper{
	flex-direction:column
}
.swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
	transform:translateZ(0)
}
.swiper-horizontal{
	touch-action:pan-y
}
.swiper-vertical{
	touch-action:pan-x
}
.swiper-slide{
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform;
	display:block
}
.swiper-slide-invisible-blank{
	visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
	height:auto
}
.swiper-autoheight .swiper-wrapper{
	align-items:flex-start;
	transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
	transform:translateZ(0);
	backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper{
	perspective:1200px
}
.swiper-3d .swiper-wrapper{
	transform-style:preserve-3d
}
.swiper-3d{
	perspective:1200px
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{
	transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper{
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
	display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
	scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{
	scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{
	scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
	scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
	scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before{
	content:"";
	flex-shrink:0;
	order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
	scroll-snap-align:center center;
	scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
	margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{
	height:100%;
	min-height:1px;
	width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
	margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{
	width:100%;
	min-width:1px;
	height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-3d .swiper-slide-shadow{
	background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
	background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
	background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
	background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
	background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-lazy-preloader{
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	box-sizing:border-box;
	border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius:50%;
	border-top-color:transparent
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{
	animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white{
	--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black{
	--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin{
	0%{
		transform:rotate(0)
	}
	to{
		transform:rotate(360deg)
	}
}
.swiper-virtual .swiper-slide{
	-webkit-backface-visibility:hidden;
	transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{
	height:1px;
	width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{
	width:1px;
	height:var(--swiper-virtual-size)
}
:root{
	--swiper-navigation-size: 44px
}
.swiper-button-prev,.swiper-button-next{
	position:absolute;
	top:var(--swiper-navigation-top-offset, 50%);
	width:calc(var(--swiper-navigation-size) / 44 * 27);
	height:var(--swiper-navigation-size);
	margin-top:calc(0px - (var(--swiper-navigation-size) / 2));
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{
	opacity:0;
	cursor:auto;
	pointer-events:none
}
.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{
	display:none!important
}
.swiper-button-prev svg,.swiper-button-next svg{
	width:100%;
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	transform-origin:center
}
.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{
	transform:rotate(180deg)
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
	left:var(--swiper-navigation-sides-offset, 10px);
	right:auto
}
.swiper-button-lock{
	display:none
}
.swiper-button-prev:after,.swiper-button-next:after{
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	font-variant:initial;
	line-height:1
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
	content:"prev"
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
	right:var(--swiper-navigation-sides-offset, 10px);
	left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
	content:"next"
}
.swiper-pagination{
	position:absolute;
	text-align:center;
	transition:.3s opacity;
	transform:translateZ(0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
	opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
	display:none!important
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom:var(--swiper-pagination-bottom, 8px);
	top:var(--swiper-pagination-top, auto);
	left:0;
	width:100%
}
.swiper-pagination-bullets-dynamic{
	overflow:hidden;
	font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transform:scale(.33);
	position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
	transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
	transform:scale(.33)
}
.swiper-pagination-bullet{
	width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display:inline-block;
	border-radius:var(--swiper-pagination-bullet-border-radius, 50%);
	background:var(--swiper-pagination-bullet-inactive-color, #000);
	opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
	cursor:pointer
}
.swiper-pagination-bullet:only-child{
	display:none!important
}
.swiper-pagination-bullet-active{
	opacity:var(--swiper-pagination-bullet-opacity, 1);
	background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{
	right:var(--swiper-pagination-right, 8px);
	left:var(--swiper-pagination-left, auto);
	top:50%;
	transform:translate3d(0,-50%,0)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display:block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	top:50%;
	transform:translateY(-50%);
	width:8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	display:inline-block;
	transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	left:50%;
	transform:translate(-50%);
	white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition:.2s transform,.2s right
}
.swiper-pagination-fraction{
	color:var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar{
	background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:var(--swiper-pagination-color, var(--swiper-theme-color));
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:scale(0);
	transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{
	width:100%;
	height:var(--swiper-pagination-progressbar-size, 4px);
	left:0;
	top:0
}
.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{
	width:var(--swiper-pagination-progressbar-size, 4px);
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-lock{
	display:none
}
.swiper-scrollbar{
	border-radius:var(--swiper-scrollbar-border-radius, 10px);
	position:relative;
	touch-action:none;
	background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
	display:none!important
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
	position:absolute;
	left:var(--swiper-scrollbar-sides-offset, 1%);
	bottom:var(--swiper-scrollbar-bottom, 4px);
	top:var(--swiper-scrollbar-top, auto);
	z-index:50;
	height:var(--swiper-scrollbar-size, 4px);
	width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{
	position:absolute;
	left:var(--swiper-scrollbar-left, auto);
	right:var(--swiper-scrollbar-right, 4px);
	top:var(--swiper-scrollbar-sides-offset, 1%);
	z-index:50;
	width:var(--swiper-scrollbar-size, 4px);
	height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag{
	height:100%;
	width:100%;
	position:relative;
	background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius:var(--swiper-scrollbar-border-radius, 10px);
	left:0;
	top:0
}
.swiper-scrollbar-cursor-drag{
	cursor:move
}
.swiper-scrollbar-lock{
	display:none
}
.swiper-zoom-container{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{
	max-width:100%;
	max-height:100%;
	-o-object-fit:contain;
	object-fit:contain
}
.swiper-slide-zoomed{
	cursor:move;
	touch-action:none
}
.swiper .swiper-notification{
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-grid>.swiper-wrapper{
	flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
	flex-wrap:wrap;
	flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
	transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
	pointer-events:none;
	transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-cube{
	overflow:visible
}
.swiper-cube .swiper-slide{
	pointer-events:none;
	backface-visibility:hidden;
	z-index:1;
	visibility:hidden;
	transform-origin:0 0;
	width:100%;
	height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
	transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
	pointer-events:auto;
	visibility:visible
}
.swiper-cube .swiper-cube-shadow{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:.6;
	z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
	content:"";
	background:#000;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	filter:blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide{
	pointer-events:auto;
	visibility:visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{
	z-index:0;
	backface-visibility:hidden
}
.swiper-flip{
	overflow:visible
}
.swiper-flip .swiper-slide{
	pointer-events:none;
	backface-visibility:hidden;
	z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
	pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{
	z-index:0;
	backface-visibility:hidden
}
.swiper-creative .swiper-slide{
	backface-visibility:hidden;
	overflow:hidden;
	transition-property:transform,opacity,height
}
.swiper-cards{
	overflow:visible
}
.swiper-cards .swiper-slide{
	transform-origin:center bottom;
	backface-visibility:hidden;
	overflow:hidden
}
.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border-width:0
}
.fixed{
	position:fixed
}
.absolute{
	position:absolute
}
.relative{
	position:relative
}
.inset-0{
	top:0;
	right:0;
	bottom:0;
	left:0
}
.inset-x-0{
	left:0;
	right:0
}
.inset-y-0{
	top:0;
	bottom:0
}
.-left-6{
	left:-1.5rem
}
.bottom-0{
	bottom:0
}
.bottom-16{
	bottom:4rem
}
.bottom-\[calc\(100\%\+1rem\)\]{
	bottom:calc(100% + 1rem)
}
.left-0{
	left:0
}
.left-1\/2{
	left:50%
}
.left-\[\.2rem\]{
	left:.2rem
}
.right-0{
	right:0
}
.right-4{
	right:1rem
}
.right-6{
	right:1.5rem
}
.top-0{
	top:0
}
.top-1\/2{
	top:50%
}
.top-36{
	top:9rem
}
.top-4{
	top:1rem
}
.top-6{
	top:1.5rem
}
.top-\[\.325rem\]{
	top:.325rem
}
.top-\[\.625rem\]{
	top:.625rem
}
.top-\[calc\(100\%-1\.25rem\)\]{
	top:calc(100% - 1.25rem)
}
.top-full{
	top:100%
}
.-z-1{
	z-index:-1
}
.z-1{
	z-index:1
}
.z-10{
	z-index:10
}
.z-20{
	z-index:20
}
.z-30{
	z-index:30
}
.z-40{
	z-index:40
}
.col-span-12{
	grid-column:span 12 / span 12
}
.col-span-2{
	grid-column:span 2 / span 2
}
.col-span-4{
	grid-column:span 4 / span 4
}
.col-span-5{
	grid-column:span 5 / span 5
}
.col-span-full{
	grid-column:1 / -1
}
.mx-auto{
	margin-left:auto;
	margin-right:auto
}
.mb-1{
	margin-bottom:.25rem
}
.mb-10{
	margin-bottom:2.5rem
}
.mb-12{
	margin-bottom:3rem
}
.mb-2{
	margin-bottom:.5rem
}
.mb-3{
	margin-bottom:.75rem
}
.mb-4{
	margin-bottom:1rem
}
.mb-5{
	margin-bottom:1.25rem
}
.mb-6{
	margin-bottom:1.5rem
}
.mb-8{
	margin-bottom:2rem
}
.mb-\[4\.5rem\]{
	margin-bottom:4.5rem
}
.ml-1{
	margin-left:.25rem
}
.mr-1{
	margin-right:.25rem
}
.mr-2{
	margin-right:.5rem
}
.mt-1{
	margin-top:.25rem
}
.mt-10{
	margin-top:2.5rem
}
.mt-16{
	margin-top:4rem
}
.mt-2{
	margin-top:.5rem
}
.mt-4{
	margin-top:1rem
}
.mt-6{
	margin-top:1.5rem
}
.mt-\[15rem\]{
	margin-top:15rem
}
.mt-\[30rem\]{
	margin-top:30rem
}
.line-clamp-1{
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.line-clamp-3{
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.block{
	display:block
}
.inline{
	display:inline
}
.flex{
	display:flex
}
.inline-flex{
	display:inline-flex
}
.table{
	display:table
}
.grid{
	display:grid
}
.hidden{
	display:none
}
.aspect-square{
	aspect-ratio:1 / 1
}
.aspect-video{
	aspect-ratio:16 / 9
}
.size-10{
	width:2.5rem;
	height:2.5rem
}
.size-11{
	width:2.75rem;
	height:2.75rem
}
.size-12{
	width:3rem;
	height:3rem
}
.size-16{
	width:4rem;
	height:4rem
}
.size-4{
	width:1rem;
	height:1rem
}
.size-5{
	width:1.25rem;
	height:1.25rem
}
.size-6{
	width:1.5rem;
	height:1.5rem
}
.size-8{
	width:2rem;
	height:2rem
}
.size-\[2\.75rem\]{
	width:2.75rem;
	height:2.75rem
}
.h-0{
	height:0px
}
.h-0\.5{
	height:.125rem
}
.h-10{
	height:2.5rem
}
.h-12{
	height:3rem
}
.h-16{
	height:4rem
}
.h-20{
	height:5rem
}
.h-24{
	height:6rem
}
.h-3{
	height:.75rem
}
.h-40{
	height:10rem
}
.h-5\/6{
	height:83.333333%
}
.h-56{
	height:14rem
}
.h-6{
	height:1.5rem
}
.h-64{
	height:16rem
}
.h-8{
	height:2rem
}
.h-9{
	height:2.25rem
}
.h-96{
	height:24rem
}
.h-\[32rem\]{
	height:32rem
}
.h-\[4rem\]{
	height:4rem
}
.h-\[5\.5rem\]{
	height:5.5rem
}
.h-\[8\.5rem\]{
	height:8.5rem
}
.h-\[calc\(100\%-14rem\)\]{
	height:calc(100% - 14rem)
}
.h-\[calc\(100\%-16rem\)\]{
	height:calc(100% - 16rem)
}
.h-\[calc\(100\%-24rem\)\]{
	height:calc(100% - 24rem)
}
.h-full{
	height:100%
}
.h-screen{
	height:100vh
}
.max-h-\[calc\(100vh-2rem\)\]{
	max-height:calc(100vh - 2rem)
}
.min-h-\[22rem\]{
	min-height:22rem
}
.min-h-\[30rem\]{
	min-height:30rem
}
.min-h-\[38rem\]{
	min-height:38rem
}
.w-0{
	width:0px
}
.w-1\/2{
	width:50%
}
.w-12{
	width:3rem
}
.w-20{
	width:5rem
}
.w-4{
	width:1rem
}
.w-6{
	width:1.5rem
}
.w-8{
	width:2rem
}
.w-\[28rem\]{
	width:28rem
}
.w-\[840px\]{
	width:840px
}
.w-fit{
	width:-moz-fit-content;
	width:fit-content
}
.w-full{
	width:100%
}
.w-screen{
	width:100vw
}
.\!max-w-\[72rem\]{
	max-width:72rem!important
}
.max-w-2xl{
	max-width:42rem
}
.max-w-4xl{
	max-width:56rem
}
.max-w-\[52rem\]{
	max-width:52rem
}
.max-w-\[86rem\]{
	max-width:86rem
}
.max-w-screen-xl{
	max-width:1280px
}
.max-w-xl{
	max-width:36rem
}
.flex-1{
	flex:1 1 0%
}
.flex-none{
	flex:none
}
.origin-bottom-left{
	transform-origin:bottom left
}
.origin-left{
	transform-origin:left
}
.origin-top-left{
	transform-origin:top left
}
.\!translate-x-0{
	--tw-translate-x: 0px !important;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}
.-translate-x-1\/2{
	--tw-translate-x: -50%;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2{
	--tw-translate-y: -50%;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0{
	--tw-translate-x: 0px;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[28rem\]{
	--tw-translate-x: 28rem;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-full{
	--tw-translate-x: 100%;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0{
	--tw-translate-y: 0px;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-2{
	--tw-translate-y: .5rem;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[\.05rem\]{
	--tw-translate-y: .05rem;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-45{
	--tw-rotate: -45deg;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180{
	--tw-rotate: 180deg;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-45{
	--tw-rotate: 45deg;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-150{
	--tw-scale-x: 1.5;
	--tw-scale-y: 1.5;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes spin{
	to{
		transform:rotate(360deg)
	}
}
.animate-spin{
	animation:spin 1s linear infinite
}
.cursor-pointer{
	cursor:pointer
}
.resize-none{
	resize:none
}
.scroll-mt-28{
	scroll-margin-top:7rem
}
.appearance-none{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.grid-cols-1{
	grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-12{
	grid-template-columns:repeat(12,minmax(0,1fr))
}
.grid-cols-2{
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3{
	grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4{
	grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-5{
	grid-template-columns:repeat(5,minmax(0,1fr))
}
.grid-cols-8{
	grid-template-columns:repeat(8,minmax(0,1fr))
}
.grid-cols-\[2fr_2fr\]{
	grid-template-columns:2fr 2fr
}
.grid-cols-\[3fr_2fr_2fr\]{
	grid-template-columns:3fr 2fr 2fr
}
.grid-rows-\[0fr\]{
	grid-template-rows:0fr
}
.grid-rows-\[1fr\]{
	grid-template-rows:1fr
}
.flex-row{
	flex-direction:row
}
.flex-col{
	flex-direction:column
}
.flex-wrap{
	flex-wrap:wrap
}
.items-start{
	align-items:flex-start
}
.items-end{
	align-items:flex-end
}
.items-center{
	align-items:center
}
.justify-end{
	justify-content:flex-end
}
.justify-center{
	justify-content:center
}
.justify-between{
	justify-content:space-between
}
.gap-1{
	gap:.25rem
}
.gap-10{
	gap:2.5rem
}
.gap-2{
	gap:.5rem
}
.gap-3{
	gap:.75rem
}
.gap-4{
	gap:1rem
}
.gap-5{
	gap:1.25rem
}
.gap-6{
	gap:1.5rem
}
.gap-8{
	gap:2rem
}
.gap-x-3{
	-moz-column-gap:.75rem;
	column-gap:.75rem
}
.gap-x-4{
	-moz-column-gap:1rem;
	column-gap:1rem
}
.gap-y-12{
	row-gap:3rem
}
.space-y-10>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}
.space-y-12>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(3rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]){
	--tw-divide-y-reverse: 0;
	border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-purple-200>:not([hidden])~:not([hidden]){
	--tw-divide-opacity: 1;
	border-color:rgb(219 220 231 / var(--tw-divide-opacity))
}
.self-start{
	align-self:flex-start
}
.overflow-hidden{
	overflow:hidden
}
.overflow-visible{
	overflow:visible
}
.overflow-x-hidden{
	overflow-x:hidden
}
.overflow-y-scroll{
	overflow-y:scroll
}
.text-ellipsis{
	text-overflow:ellipsis
}
.whitespace-nowrap{
	white-space:nowrap
}
.text-balance{
	text-wrap:balance
}
.rounded{
	border-radius:.25rem
}
.rounded-2xl{
	border-radius:1rem
}
.rounded-full{
	border-radius:9999px
}
.rounded-lg{
	border-radius:.5rem
}
.rounded-xl{
	border-radius:.75rem
}
.rounded-l-xl{
	border-top-left-radius:.75rem;
	border-bottom-left-radius:.75rem
}
.rounded-t-2xl{
	border-top-left-radius:1rem;
	border-top-right-radius:1rem
}
.rounded-tl-2xl{
	border-top-left-radius:1rem
}
.border{
	border-width:1px
}
.border-y{
	border-top-width:1px;
	border-bottom-width:1px
}
.border-b{
	border-bottom-width:1px
}
.border-purple-100{
	--tw-border-opacity: 1;
	border-color:rgb(248 248 249 / var(--tw-border-opacity))
}
.border-purple-200{
	--tw-border-opacity: 1;
	border-color:rgb(219 220 231 / var(--tw-border-opacity))
}
.border-purple-500\/15{
	border-color:#03051526
}
.border-red-500{
	--tw-border-opacity: 1;
	border-color:rgb(191 47 60 / var(--tw-border-opacity))
}
.border-white\/15{
	border-color:#ffffff26
}
.bg-black{
	--tw-bg-opacity: 1;
	background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-green,.bg-green-500{
	--tw-bg-opacity: 1;
	background-color:var(--kleur2);
}
.bg-purple-100{
	--tw-bg-opacity: 1;
	background-color:rgb(248 248 249 / var(--tw-bg-opacity))
}
.bg-purple-200{
	--tw-bg-opacity: 1;
	background-color:rgb(219 220 231 / var(--tw-bg-opacity))
}
.bg-purple-300{
	--tw-bg-opacity: 1;
	background-color:rgb(166 169 196 / var(--tw-bg-opacity))
}
.bg-purple-400{
	--tw-bg-opacity: 1;
	background-color:rgb(79 80 91 / var(--tw-bg-opacity))
}
.bg-purple-500{
	--tw-bg-opacity: 1;
	background-color:rgb(3 5 21 / var(--tw-bg-opacity))
}
.bg-purple-500\/10{
	background-color:#0305151a
}
.bg-purple-500\/40{
	background-color:#03051566
}
.bg-purple-500\/70{
	background-color:#030515b3
}
.bg-red,.bg-red-400{
	--tw-bg-opacity: 1;
	background-color:rgb(210 68 80 / var(--tw-bg-opacity))
}
.bg-red-500{
	--tw-bg-opacity: 1;
	background-color:rgb(191 47 60 / var(--tw-bg-opacity))
}
.bg-transparent{
	background-color:transparent
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-white\/10{
	background-color:#ffffff1a
}
.bg-white\/25{
	background-color:#ffffff40
}
.bg-white\/60{
	background-color:#fff9
}


.bg-gradient-to-b{
	background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.from-purple-500\/60{
	--tw-gradient-from: rgb(3 5 21 / .6) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(3 5 21 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.bg-\[length\:120\%\]{
	background-size:120%
}
.bg-\[length\:140\%\]{
	background-size:140%
}
.bg-\[length\:200\%\]{
	background-size:200%
}
.bg-\[size\:0\.6rem\]{
	background-size:.6rem
}
.bg-\[size\:1rem\]{
	background-size:1rem
}
.bg-\[center_right_150\%\]{
	background-position:center right 150%
}
.bg-\[center_right_1rem\]{
	background-position:center right 1rem
}
.bg-\[center_right_50\%\]{
	background-position:center right 50%
}
.bg-\[top_-50\%_right_140\%\]{
	background-position:top -50% right 140%
}
.bg-center{
	background-position:center
}
.bg-no-repeat{
	background-repeat:no-repeat
}
.fill-black{
	fill:#000
}
.fill-black\/40{
	fill:#0006
}
.fill-red{
	fill:#d24450
}
.fill-white{
	fill:#fff
}
.fill-white\/40{
	fill:#fff6
}
.object-contain{
	-o-object-fit:contain;
	object-fit:contain
}
.object-cover{
	-o-object-fit:cover;
	object-fit:cover
}
.p-10{
	padding:2.5rem
}
.p-4{
	padding:1rem
}
.p-5{
	padding:1.25rem
}
.p-6{
	padding:1.5rem
}
.px-2{
	padding-left:.5rem;
	padding-right:.5rem
}
.px-4{
	padding-left:1rem;
	padding-right:1rem
}
.px-5{
	padding-left:1.25rem;
	padding-right:1.25rem
}
.px-6{
	padding-left:1.5rem;
	padding-right:1.5rem
}
.px-8{
	padding-left:2rem;
	padding-right:2rem
}
.py-1{
	padding-top:.25rem;
	padding-bottom:.25rem
}
.py-10{
	padding-top:2.5rem;
	padding-bottom:2.5rem
}
.py-14{
	padding-top:3.5rem;
	padding-bottom:3.5rem
}
.py-16{
	padding-top:4rem;
	padding-bottom:4rem
}
.py-2{
	padding-top:.5rem;
	padding-bottom:.5rem
}
.py-24{
	padding-top:6rem;
	padding-bottom:6rem
}
.py-3{
	padding-top:.75rem;
	padding-bottom:.75rem
}
.py-40{
	padding-top:10rem;
	padding-bottom:10rem
}
.py-5{
	padding-top:1.25rem;
	padding-bottom:1.25rem
}
.py-6{
	padding-top:1.5rem;
	padding-bottom:1.5rem
}
.py-7{
	padding-top:1.75rem;
	padding-bottom:1.75rem
}
.py-8{
	padding-top:2rem;
	padding-bottom:2rem
}
.pb-10{
	padding-bottom:2.5rem
}
.pb-14{
	padding-bottom:3.5rem
}
.pb-2{
	padding-bottom:.5rem
}
.pb-3{
	padding-bottom:.75rem
}
.pb-3\.5{
	padding-bottom:.875rem
}
.pb-4{
	padding-bottom:1rem
}
.pb-5{
	padding-bottom:1.25rem
}
.pb-6{
	padding-bottom:1.5rem
}
.pb-7{
	padding-bottom:1.75rem
}
.pl-4{
	padding-left:1rem
}
.pl-6{
	padding-left:1.5rem
}
.pl-8{
	padding-left:2rem
}
.pr-10{
	padding-right:2.5rem
}
.pt-10{
	padding-top:2.5rem
}
.pt-14{
	padding-top:3.5rem
}
.pt-16{
	padding-top:4rem
}
.pt-36{
	padding-top:9rem
}
.pt-4{
	padding-top:1rem
}
.pt-6{
	padding-top:1.5rem
}
.pt-\[3\.5rem\]{
	padding-top:3.5rem
}
.pt-\[6\.25rem\]{
	padding-top:6.25rem
}
.text-left{
	text-align:left
}
.text-center{
	text-align:center
}
.align-top{
	vertical-align:top
}
.text-2xl{
	font-size:1.5rem;
	line-height:2rem
}
.text-3xl{
	font-size:1.75rem;
	line-height:2.25rem
}
.text-5xl{
	font-size:2.5rem;
	line-height:3rem
}
.text-\[1\.75rem\]\/\[2\.25rem\]{
	font-size:1.75rem;
	line-height:2.25rem
}
.text-base{
	font-size:20px;
	line-height:1.625rem
}
.text-lg{
	font-size:1.125rem;
	line-height:1.75rem
}
.text-sm{
	font-size:.875rem;
	line-height:1.25rem
}
.text-xl{
	font-size:1.25rem;
	line-height:2.25rem
}
.text-xs{
	font-size:.75rem;
	line-height:1rem
}
.font-bold{
	font-weight:700
}
.font-medium{
	font-weight:500
}
.font-semibold{
	font-weight:600
}
.leading-6{
	line-height:1.5rem
}
.leading-7{
	line-height:1.75rem
}
.leading-8{
	line-height:2rem
}
.leading-\[1\.625rem\]{
	line-height:1.625rem
}
.text-\[\#81828A\]{
	--tw-text-opacity: 1;
	color:rgb(129 130 138 / var(--tw-text-opacity))
}
.text-black{
	--tw-text-opacity: 1;
	color:rgb(0 0 0 / var(--tw-text-opacity))
}
.text-gray-800{
	--tw-text-opacity: 1;
	color:rgb(31 41 55 / var(--tw-text-opacity))
}
.text-gray-950{
	--tw-text-opacity: 1;
	color:rgb(3 7 18 / var(--tw-text-opacity))
}
.text-green{
	--tw-text-opacity: 1;
	color:rgb(41 190 119 / var(--tw-text-opacity))
}
.text-pink-500{
	--tw-text-opacity: 1;
	color:rgb(236 72 153 / var(--tw-text-opacity))
}
.text-purple-400{
	--tw-text-opacity: 1;
	color:rgb(79 80 91 / var(--tw-text-opacity))
}
.text-purple-500{
	--tw-text-opacity: 1;
	color:rgb(3 5 21 / var(--tw-text-opacity))
}
.text-purple-500\/50{
	color:#03051580
}
.text-red,.text-red-400{
	--tw-text-opacity: 1;
	color:rgb(210 68 80 / var(--tw-text-opacity))
}
.text-red-500{
	--tw-text-opacity: 1;
	color:rgb(191 47 60 / var(--tw-text-opacity))
}
.text-transparent{
	color:transparent
}
.text-white{
	--tw-text-opacity: 1;
	color:rgb(255 255 255 / var(--tw-text-opacity))
}
.text-white\/70{
	color:#ffffffb3
}
.text-white\/80{
	color:#fffc
}
.underline{
	text-decoration-line:underline
}
.decoration-red{
	text-decoration-color:#d24450
}
.underline-offset-\[3px\]{
	text-underline-offset:3px
}
.opacity-0{
	opacity:0
}
.opacity-100{
	opacity:1
}
.opacity-50{
	opacity:.5
}
.opacity-80{
	opacity:.8
}
.shadow-\[0px_2px_4px_0px_rgba\(3\,5\,21\,0\.08\)\]{
	--tw-shadow: 0px 2px 4px 0px rgba(3,5,21,.08);
	--tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_4px_20px_0px_rgba\(3\,5\,21\,0\.12\)\]{
	--tw-shadow: 0px 4px 20px 0px rgba(3,5,21,.12);
	--tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_4px_24px_0px_rgba\(3\,5\,21\,0\.12\)\]{
	--tw-shadow: 0px 4px 24px 0px rgba(3,5,21,.12);
	--tw-shadow-colored: 0px 4px 24px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-inner-1{
	--tw-shadow: inset 0px -1px 0px 0px;
	--tw-shadow-colored: inset 0px -1px 0px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-inner-2{
	--tw-shadow: inset 0px -2px 0px 0px;
	--tw-shadow-colored: inset 0px -2px 0px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-purple-200{
	--tw-shadow-color: #DBDCE7;
	--tw-shadow: var(--tw-shadow-colored)
}
.shadow-red{
	--tw-shadow-color: #D24450;
	--tw-shadow: var(--tw-shadow-colored)
}
.outline{
	outline-style:solid
}
.outline-2{
	outline-width:2px
}
.outline-offset-0{
	outline-offset:0px
}
.outline-red-500{
	outline-color:#bf2f3c
}
.filter{
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition{
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-\[grid-template-rows\]{
	transition-property:grid-template-rows;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-\[padding-left\,padding-right\]{
	transition-property:padding-left,padding-right;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-all{
	transition-property:all;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-colors{
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-opacity{
	transition-property:opacity;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-transform{
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.duration-100{
	transition-duration:.1s
}
.duration-200{
	transition-duration:.2s
}
.duration-300{
	transition-duration:.3s
}
.ease-in{
	transition-timing-function:cubic-bezier(.4,0,1,1)
}
.ease-out{
	transition-timing-function:cubic-bezier(0,0,.2,1)
}
.placeholder\:text-purple-300::-moz-placeholder{
	--tw-text-opacity: 1;
	color:rgb(166 169 196 / var(--tw-text-opacity))
}
.placeholder\:text-purple-300::placeholder{
	--tw-text-opacity: 1;
	color:rgb(166 169 196 / var(--tw-text-opacity))
}
.after\:absolute:after{
	content:var(--tw-content);
	position:absolute
}
.after\:inset-0:after{
	content:var(--tw-content);
	top:0;
	right:0;
	bottom:0;
	left:0
}
.after\:inset-x-0:after{
	content:var(--tw-content);
	left:0;
	right:0
}
.after\:-bottom-px:after{
	content:var(--tw-content);
	bottom:-1px
}
.after\:top-0:after{
	content:var(--tw-content);
	top:0
}
.after\:-z-1:after{
	content:var(--tw-content);
	z-index:-1
}
.after\:h-0:after{
	content:var(--tw-content);
	height:0px
}
.after\:h-0\.5:after{
	content:var(--tw-content);
	height:.125rem
}
.after\:h-1\/2:after{
	content:var(--tw-content);
	height:50%
}
.after\:h-3\/4:after{
	content:var(--tw-content);
	height:75%
}
.after\:bg-red:after{
	content:var(--tw-content);
	--tw-bg-opacity: 1;
	background-color:var(--kleur1);
}
.after\:bg-gradient-to-b:after{
	content:var(--tw-content);
	background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.after\:from-purple-500\/80:after{
	content:var(--tw-content);
	--tw-gradient-from: rgb(3 5 21 / .8) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(3 5 21 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.after\:opacity-0:after{
	content:var(--tw-content);
	opacity:0
}
.after\:opacity-100:after{
	content:var(--tw-content);
	opacity:1
}
.after\:transition-all:after{
	content:var(--tw-content);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.after\:duration-200:after{
	content:var(--tw-content);
	transition-duration:.2s
}
.checked\:border-\[5px\]:checked{
	border-width:5px
}
.checked\:border-red:checked{
	--tw-border-opacity: 1;
	border-color:rgb(210 68 80 / var(--tw-border-opacity))
}
.checked\:bg-red:checked{
	--tw-bg-opacity: 1;
	background-color:rgb(210 68 80 / var(--tw-bg-opacity))
}
.checked\:bg-check:checked{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M4.117 7.223a1 1 0 0 1-1.416 0L.857 5.375a.872.872 0 1 1 1.235-1.23l.963.966a.5.5 0 0 0 .708 0l3.904-3.917a.872.872 0 1 1 1.235 1.23l-4.785 4.8Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.invalid\:text-purple-300:invalid{
	--tw-text-opacity: 1;
	color:rgb(166 169 196 / var(--tw-text-opacity))
}
.hover\:scale-110:hover{
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:bg-green-600:hover{
	--tw-bg-opacity: 1;
	background-color:rgb(32 171 105 / var(--tw-bg-opacity))
}
.hover\:bg-purple-100:hover{
	--tw-bg-opacity: 1;
	background-color:rgb(248 248 249 / var(--tw-bg-opacity))
}
.hover\:bg-purple-500\/20:hover{
	background-color:#03051533
}
.hover\:bg-red-500:hover{
	--tw-bg-opacity: 1;
	background-color:rgb(191 47 60 / var(--tw-bg-opacity))
}
.hover\:text-red:hover{
	--tw-text-opacity: 1;
	color:rgb(210 68 80 / var(--tw-text-opacity))
}
.hover\:text-red-500:hover{
	--tw-text-opacity: 1;
	color:rgb(191 47 60 / var(--tw-text-opacity))
}
.hover\:underline:hover{
	text-decoration-line:underline
}
.hover\:shadow-\[0px_2px_12px_0px_rgba\(3\,5\,21\,0\.12\)\]:hover{
	--tw-shadow: 0px 2px 12px 0px rgba(3,5,21,.12);
	--tw-shadow-colored: 0px 2px 12px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.hover\:after\:opacity-100:hover:after{
	content:var(--tw-content);
	opacity:1
}

.disabled\:text-purple-300:disabled{
	--tw-text-opacity: 1;
	color:rgb(166 169 196 / var(--tw-text-opacity))
}
.group\/card:hover .group-hover\/card\:scale-105{
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/card:hover .group-hover\/card\:scale-\[1\.02\]{
	--tw-scale-x: 1.02;
	--tw-scale-y: 1.02;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/card:hover .group-hover\/card\:scale-\[1\.03\]{
	--tw-scale-x: 1.03;
	--tw-scale-y: 1.03;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media not all and (min-width: 1280px){
	.max-xl\:hidden{
		display:none
	}
}
@media not all and (min-width: 1024px){
	.max-lg\:hidden{
		display:none
	}
	.max-lg\:size-6{
		width:1.5rem;
		height:1.5rem
	}
	.max-lg\:w-full{
		width:100%
	}
	.max-lg\:flex-col{
		flex-direction:column
	}
	.max-lg\:justify-center{
		justify-content:center
	}
	.max-lg\:border-t{
		border-top-width:1px
	}
	.max-lg\:border-purple-200{
		--tw-border-opacity: 1;
		border-color:rgb(219 220 231 / var(--tw-border-opacity))
	}
	.max-lg\:p-0{
		padding:0
	}
	.max-lg\:px-0{
		padding-left:0;
		padding-right:0
	}
	.max-lg\:px-4{
		padding-left:1rem;
		padding-right:1rem
	}
	.max-lg\:px-5{
		padding-left:1.25rem;
		padding-right:1.25rem
	}
	.max-lg\:pb-4{
		padding-bottom:1rem
	}
	.max-lg\:opacity-60{
		opacity:.6
	}
}
@media not all and (min-width: 768px){
	.max-md\:hidden{
		display:none
	}
}
@media (min-width: 640px){
	.sm\:mt-0{
		margin-top:0
	}
	.sm\:gap-3{
		gap:.75rem
	}
}
@media (min-width: 768px){
	.md\:col-span-10{
		grid-column:span 10 / span 10
	}
	.md\:col-span-6{
		grid-column:span 6 / span 6
	}
	.md\:col-start-2{
		grid-column-start:2
	}
	.md\:h-56{
		height:14rem
	}
	.md\:h-80{
		height:20rem
	}
	.md\:w-1\/2{
		width:50%
	}
	.md\:w-fit{
		width:-moz-fit-content;
		width:fit-content
	}
	.md\:grid-cols-2{
		grid-template-columns:repeat(2,minmax(0,1fr))
	}
	.md\:grid-cols-3{
		grid-template-columns:repeat(3,minmax(0,1fr))
	}
	.md\:flex-row{
		flex-direction:row
	}
	.md\:gap-10{
		gap:2.5rem
	}
	.md\:gap-6{
		gap:1.5rem
	}
	.md\:pt-32{
		padding-top:8rem
	}
	@media not all and (min-width: 1024px){
		.md\:max-lg\:hidden{
			display:none
		}
	}
}
@media not all and (min-width: 1024px){
	@media (min-width: 768px){
		.max-lg\:md\:grid-cols-3{
			grid-template-columns:repeat(3,minmax(0,1fr))
		}
	}
}
@media (min-width: 768px){
	@media not all and (min-width: 1024px){
		.md\:max-lg\:pb-8{
			padding-bottom:2rem
		}
	}
}
@media (min-width: 1024px){
	.lg\:absolute{
		position:absolute
	}
	.lg\:inset-x-0{
		left:0;
		right:0
	}
	.lg\:inset-y-0{
		top:0;
		bottom:0
	}
	.lg\:-left-4{
		left:-1rem
	}
	.lg\:-right-4{
		right:-1rem
	}
	.lg\:left-auto{
		left:auto
	}
	.lg\:top-0{
		top:0
	}
	.lg\:top-1\/2{
		top:50%
	}
	.lg\:z-1{
		z-index:1
	}
	.lg\:order-1{
		order:1
	}
	.lg\:order-2{
		order:2
	}
	.lg\:col-span-10{
		grid-column:span 10 / span 10
	}
	.lg\:col-span-2{
		grid-column:span 2 / span 2
	}
	.lg\:col-span-3{
		grid-column:span 3 / span 3
	}
	.lg\:col-span-4{
		grid-column:span 4 / span 4
	}
	.lg\:col-span-5{
		grid-column:span 5 / span 5
	}
	.lg\:col-span-6{
		grid-column:span 6 / span 6
	}
	.lg\:col-span-7{
		grid-column:span 7 / span 7
	}
	.lg\:col-span-8{
		grid-column:span 8 / span 8
	}
	.lg\:col-span-9{
		grid-column:span 9 / span 9
	}
	.lg\:col-start-2{
		grid-column-start:2
	}
	.lg\:col-start-3{
		grid-column-start:3
	}
	.lg\:mb-10{
		margin-bottom:2.5rem
	}
	.lg\:mb-16{
		margin-bottom:4rem
	}
	.lg\:mb-2{
		margin-bottom:.5rem
	}
	.lg\:mb-20{
		margin-bottom:5rem
	}
	.lg\:mb-3{
		margin-bottom:.75rem
	}
	.lg\:mb-6{
		margin-bottom:1.5rem
	}
	.lg\:mb-64{
		margin-bottom:16rem
	}
	.lg\:mb-8{
		margin-bottom:2rem
	}
	.lg\:mb-\[4\.5rem\]{
		margin-bottom:4.5rem
	}
	.lg\:mt-16{
		margin-top:4rem
	}
	.lg\:mt-8{
		margin-top:2rem
	}
	.lg\:block{
		display:block
	}
	.lg\:flex{
		display:flex
	}
	.lg\:hidden{
		display:none
	}
	.lg\:size-10{
		width:2.5rem;
		height:2.5rem
	}
	.lg\:size-14{
		width:3.5rem;
		height:3.5rem
	}
	.lg\:size-5{
		width:1.25rem;
		height:1.25rem
	}
	.lg\:h-14{
		height:3.5rem
	}
	.lg\:h-96{
		height:24rem
	}
	.lg\:h-\[5\.5rem\]{
		height:5.5rem
	}
	.lg\:h-full{
		height:100%
	}
	.lg\:min-h-\[26rem\]{
		min-height:26rem
	}
	.lg\:w-1\/2{
		width:50%
	}
	.lg\:w-\[28rem\]{
		width:28rem
	}
	.lg\:max-w-lg{
		max-width:32rem
	}
	.lg\:-translate-y-1\/2{
		--tw-translate-y: -50%;
		transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
	.lg\:grid-cols-2{
		grid-template-columns:repeat(2,minmax(0,1fr))
	}
	.lg\:grid-cols-3{
		grid-template-columns:repeat(3,minmax(0,1fr))
	}
	.lg\:grid-cols-4{
		grid-template-columns:repeat(4,minmax(0,1fr))
	}
	.lg\:grid-rows-3{
		grid-template-rows:repeat(3,minmax(0,1fr))
	}
	.lg\:flex-row{
		flex-direction:row
	}
	.lg\:items-end{
		align-items:flex-end
	}
	.lg\:items-center{
		align-items:center
	}
	.lg\:justify-between{
		justify-content:space-between
	}
	.lg\:gap-10{
		gap:2.5rem
	}
	.lg\:gap-12{
		gap:3rem
	}
	.lg\:gap-3{
		gap:.75rem
	}
	.lg\:gap-8{
		gap:2rem
	}
	.lg\:gap-x-10{
		-moz-column-gap:2.5rem;
		column-gap:2.5rem
	}
	.lg\:space-y-6>:not([hidden])~:not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
	}
	.lg\:rounded-3xl{
		border-radius:1.5rem
	}
	.lg\:rounded-b-2xl{
		border-bottom-right-radius:1rem;
		border-bottom-left-radius:1rem
	}
	.lg\:border-t{
		border-top-width:1px
	}
	.lg\:border-purple-200{
		--tw-border-opacity: 1;
		border-color:rgb(219 220 231 / var(--tw-border-opacity))
	}
	.lg\:bg-\[length\:120\%\]{
		background-size:120%
	}
	.lg\:bg-\[center_right_150\%\]{
		background-position:center right 150%
	}
	.lg\:p-8{
		padding:2rem
	}
	.lg\:px-10{
		padding-left:2.5rem;
		padding-right:2.5rem
	}
	.lg\:px-16{
		padding-left:4rem;
		padding-right:4rem
	}
	.lg\:px-8{
		padding-left:2rem;
		padding-right:2rem
	}
	.lg\:py-10{
		padding-top:2.5rem;
		padding-bottom:2.5rem
	}
	.lg\:py-14{
		padding-top:3.5rem;
		padding-bottom:3.5rem
	}
	.lg\:py-18{
		padding-top:4.5rem;
		padding-bottom:4.5rem
	}
	.lg\:py-20{
		padding-top:5rem;
		padding-bottom:5rem
	}
	.lg\:py-24{
		padding-top:6rem;
		padding-bottom:6rem
	}
	.lg\:py-28{
		padding-top:7rem;
		padding-bottom:7rem
	}
	.lg\:py-36{
		padding-top:9rem;
		padding-bottom:9rem
	}
	.lg\:py-4{
		padding-top:1rem;
		padding-bottom:1rem
	}
	.lg\:py-64{
		padding-top:16rem;
		padding-bottom:16rem
	}
	.lg\:pb-18{
		padding-bottom:4.5rem
	}
	.lg\:pb-20{
		padding-bottom:5rem
	}
	.lg\:pb-4{
		padding-bottom:1rem
	}
	.lg\:pb-6{
		padding-bottom:1.5rem
	}
	.lg\:pl-8{
		padding-left:2rem
	}
	.lg\:pr-10{
		padding-right:2.5rem
	}
	.lg\:pr-16{
		padding-right:4rem
	}
	.lg\:pr-28{
		padding-right:7rem
	}
	.lg\:pr-4{
		padding-right:1rem
	}
	.lg\:pt-10{
		padding-top:2.5rem
	}
	.lg\:pt-18{
		padding-top:4.5rem
	}
	.lg\:text-center{
		text-align:center
	}
	.lg\:text-2xl{
		font-size:1.5rem;
		line-height:2rem
	}
	.lg\:text-3xl{
		font-size:1.75rem;
		line-height:2.25rem
	}
	.lg\:text-4xl{
		font-size:2rem;
		line-height:3rem
	}
	.lg\:text-5xl{
		font-size:2.5rem;
		line-height:3rem
	}
	.lg\:text-base{
		font-size:1rem;
		line-height:1.625rem
	}
	.lg\:text-lg{
		font-size:1.125rem;
		line-height:1.75rem
	}
	.lg\:text-sm{
		font-size:.875rem;
		line-height:1.25rem
	}
	.lg\:text-xl{
		font-size:1.25rem;
		line-height:2.25rem
	}
	.lg\:leading-10{
		line-height:2.5rem
	}
	.lg\:leading-\[2\.25rem\]{
		line-height:2.25rem
	}
	.lg\:shadow-\[0px_4px_24px_0px_rgba\(3\,5\,21\,0\.12\)\]{
		--tw-shadow: 0px 4px 24px 0px rgba(3,5,21,.12);
		--tw-shadow-colored: 0px 4px 24px 0px var(--tw-shadow-color);
		box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
	}
}
@media (min-width: 1280px){
	.xl\:grid-cols-4{
		grid-template-columns:repeat(4,minmax(0,1fr))
	}
	.xl\:pl-14{
		padding-left:3.5rem
	}
	.xl\:pr-6{
		padding-right:1.5rem
	}
}
.\[\&\:not\(\.swiper-slide-active\)\]\:opacity-50:not(.swiper-slide-active){
	opacity:.5
}

.\[\&\:not\(\:disabled\)\]\:focus\:ring-2:focus:not(:disabled){
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}
@media (min-width: 1024px){
	.lg\:\[\&\>ol\]\:columns-2>ol{
		-moz-columns:2;
		columns:2
	}
	.lg\:\[\&\>ol\]\:columns-3>ol{
		-moz-columns:3;
		columns:3
	}
	.lg\:\[\&\>ol\]\:columns-4>ol{
		-moz-columns:4;
		columns:4
	}
	.lg\:\[\&\>ul\]\:columns-2>ul{
		-moz-columns:2;
		columns:2
	}
	.lg\:\[\&\>ul\]\:columns-3>ul{
		-moz-columns:3;
		columns:3
	}
	.lg\:\[\&\>ul\]\:columns-4>ul{
		-moz-columns:4;
		columns:4
	}
}
.\[\&_a\]\:font-bold a{
	font-weight:700
}
.\[\&_a\]\:text-red a{
	--tw-text-opacity: 1;
	color:rgb(210 68 80 / var(--tw-text-opacity))
}
.\[\&_a\]\:text-white a{
	--tw-text-opacity: 1;
	color:rgb(255 255 255 / var(--tw-text-opacity))
}
.\[\&_a\]\:underline a{
	text-decoration-line:underline
}