@charset "utf-8";

/*!
* --------------------------------------------------------------------------
* MedBrief stylesheet  v3.0.0
* Copyright 2022 MedBrief Services Limited
* Build on Bootstrap  v5.2.2 (https://getbootstrap.com/)
* --------------------------------------------------------------------------
*/

@import url("screentest.css");/*Delete before publish*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css");
@import url("https://use.typekit.net/ahc8nvc.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
@import url("variables.css");
@import url("typography.css");
@import url("main-nav.css");
@import url("footer.css");

html:not(.has-scroll-init){
	cursor:wait;
	overflow:hidden
}

html.has-scroll-smooth{
	overflow:hidden
}

html.has-scroll-dragging{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.has-scroll-smooth body{
	overflow:hidden
}

.has-scroll-smooth [data-scroll-container]{
	min-height:100vh
}

[data-scroll-direction=horizontal] [data-scroll-container]{
	display:inline-block;
	height:100vh;
	white-space:nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section]{
	display:inline-block;
	height:100%;
	vertical-align:top;
	white-space:nowrap;
	min-width: 80vw;
}

.c-scrollbar{
	height:100%;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	transform-origin:center right;
	transition:transform .3s,opacity .3s;
	width:11px;
	z-index: 9999
}

.c-scrollbar:hover{
	transform:scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar{
	opacity:1
}

[data-scroll-direction=horizontal] .c-scrollbar{
	bottom:0;
	height:10px;
	top:auto;
	transform:scaleY(1);
	width:100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover{
	transform:scaleY(1.3)
}

.c-scrollbar_thumb{
	background-color:var(--mb-surface-variant);
	border-radius:10px;
	cursor:-webkit-grab;
	cursor:grab;
	margin:2px;
	opacity:.5;
	position:absolute;
	right:0;
	top:0;
	width:7px
}

.has-scroll-dragging .c-scrollbar_thumb{
	cursor:-webkit-grabbing;
	cursor:grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb{
	bottom:0;
	right:auto
}

.c-direction-block_wrapper{margin-bottom:31.25rem}@media (min-width:1200px){.c-direction-block_wrapper{min-height:180vh}}@media (min-width:1000px) and (max-width:1199px){.c-direction-block_wrapper{min-height:130vh}}@media (min-width:700px) and (max-width:999px){.c-direction-block_wrapper{min-height:100vh}}@media (max-width:699px){.c-direction-block_wrapper{min-height:70vh}}@media (min-width:1000px){.c-direction-block_wrapper{margin-top:-35vh}}.c-direction-block{left:0;position:absolute;right:0;z-index:1}@media (min-width:1200px){.c-direction-block{bottom:-50vh;top:-50vh}}@media (min-width:700px) and (max-width:1199px){.c-direction-block{bottom:-50vh;top:-30vh}}@media (max-width:699px){.c-direction-block{bottom:0;top:-15vh}}@media (min-width:1000px) and (max-width:1199px){.c-direction-block{margin-top:6.25rem}}@media (min-width:1200px){.c-direction-block{margin-top:18.75rem}}.c-direction-block_item{font-size:10vw;font-weight:600;line-height:1;position:absolute;text-transform:uppercase;white-space:nowrap}.c-direction-block_item span{background-color:#fff;display:block;padding:0 20px;white-space:nowrap}.c-direction-block_item.-one{top:33%;transform:translateX(-50vw) rotate(26deg)}.c-direction-block_item.-two{top:45%}.c-direction-block_item.-three{top:55%;transform:rotate(9deg)}.c-direction-block_item.-four{top:68%;transform:translateX(-50vw) rotate(-19deg)}.c-direction-block_item.-five{top:63%;transform:translateX(-10vw) rotate(3deg)}

body{
	background-color: var(--mb-background);
}

/*Material symbols config*/
.material-symbols-sharp {
  font-variation-settings:
	'FILL' 0,
	'wght' 100,
	'GRAD' 0,
	'opsz' 48
}

::-moz-selection { 
  color: var(--mb-on-tertiary-container);
  background: var(--mb-primary-container);
}

::selection {
  color:var(--mb-on-tertiary-container);
  background: var(--mb-primary-container);
}

/*--- COOKIEYES ---*/
.cky-consent-container .cky-consent-bar {
	display:flex;
	flex-direction: column;
	row-gap: 0.5rem;
	padding: 2rem!important;
	border-top-left-radius: var(--mb-border-radius-lg);
	border-top-right-radius: var(--mb-border-radius-lg);
	border-width: 0px;
}

.cky-consent-container > .cky-consent-bar .cky-notice {
	display:flex;
	flex-direction: column;
	row-gap: 0.5rem;
}

.cky-consent-container > .cky-consent-bar .cky-notice p.cky-title{
	font-family: var(--mb-font-headings);
	letter-spacing: var(--mb-letter-spacing-headings);
	font-size: clamp(1.27rem, 1.2vw + 1.03rem, 2.4rem);
	font-weight: 400 !important;
}

.cky-consent-container > .cky-consent-bar .cky-notice-des p,
.cky-consent-container > .cky-consent-bar .cky-notice-des p a {
	font-family: var(--bs-font-sans-serif);
	font-size: 0.875rem;
}

.cky-consent-container > .cky-consent-bar .cky-notice-des p a {
	color:var(--mb-on-surface)!important;
}

.cky-consent-container .cky-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	column-gap:1rem;
	padding: 0.4em 1.1em 0.45em 1.15em!important;
	font-family: var(--mb-font-headings);
	font-size: var(--mb-font-size-title-sm);
	font-weight: var(--mb-font-weight-title-sm);
	letter-spacing: var(--mb-letter-spacing-headings);
	line-height: 1.2;
	border-color: transparent!important;
	border-radius: var(--bs-border-radius-pill);
	background-size: 101%;
	background-repeat: no-repeat;
	transition: all 0.2s ease-in-out;
}

.cky-consent-container .cky-btn:not(.cky-btn-accept) {
	background-color: transparent;
	background-image:
	linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), 
	linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)), 
	linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)) !important;
	padding: 0.4em 1.1em 0.45em 1.15em!important;
	border: 1px solid;
	background-origin: border-box !important;
	background-clip: padding-box, border-box, padding-box !important;
}

.cky-consent-container .cky-btn:not(.cky-btn-accept):hover {
	opacity:1;
	background-image:
	linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), 
	linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)), 
	linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)) !important;
	padding: 0.4em 1.1em 0.45em 1.15em;
	border: 1px solid;
}

.cky-consent-container .cky-btn.cky-btn-accept{
	border-width:0px!important;
	background-image:linear-gradient(to right, rgba(11, 178, 159, 1), rgba(103, 184, 73, 1)) !important;
	background-clip:padding-box!important;
	box-shadow: var(--mb-elevation-0-shadow);
}

.cky-consent-container .cky-btn.cky-btn-accept:hover{
	box-shadow: var(--mb-elevation-1-shadow)!important;
	opacity:1
}

.cky-category-direct-preview-section {
	align-items:center
}

.cky-category-direct-item	{
	align-items:center;
	align-self:center;
	margin:0 1rem 0 0!important
}
/*---END COOKIEYES---*/

.section-light{
	background-image:linear-gradient(to bottom, var(--mb-background), var(--mb-surface-variant))
}

.section-light-reverse{
	background-image:linear-gradient(to top, var(--mb-background), var(--mb-surface-variant))
}

.lava-mask-container {
	position:absolute;
	display: flex;
	justify-content: center;
	top:0;
	left:0;
	width: 100vw;
	height: 120vh;
	padding:calc(var(--navbar-height) + var(--grid-xs)) var(--grid-xs) 0;
	overflow: hidden;
}

.lava-mask{
	position:relative;
	display:block;
	width:100%;
	height:106vh;
	border-radius: var(--mb-border-radius-xxl);
	-webkit-border-radius: var(--mb-border-radius-xxl);
	-moz-border-radius: var(--mb-border-radius-xxl);
	-ms-border-radius: var(--mb-border-radius-xxl);
	-o-border-radius: var(--mb-border-radius-xxl);
	outline:100vh solid var(--mb-background);
}

.text-gradient{
	position: relative;
	display: inline-block;
	margin: 0;
	color: transparent;
	background-image: linear-gradient(to right, var(--mb-primary), var(--mb-secondary));
	-webkit-background-clip: text;
	background-clip: text;
	width: auto;
	white-space: pre-wrap;
}

.link-gradient{
	position: relative;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-start;
	width: max-content;
	margin: 0;
	font-weight:inherit;
	text-decoration: none;
	color: var(--mb-on-surface-variant);
	transition: background-position 0.2s ease-in-out, color 0.1s ease;
	-webkit-background-clip: text;
	background-clip: text;
}

.link-gradient::after{
	position: absolute;
	display: block;
	content: '';
	bottom:0;
	left:0;
	right:0;
	height: 1px;
	transition: background-position 0.2s ease-in-out;
}

.link-gradient, .link-gradient::after {
	background-image: linear-gradient(to right, rgba(11, 178, 159, 1) 0%, rgba(103, 184, 73, 1) 50%, var(--mb-on-surface-variant) 50%, var(--mb-on-surface-variant) 100%);
	background-size: 200%;
	background-position: center right;
}

.link-gradient:hover {
	color: transparent;
	background-position: center left;
}

.link-gradient:hover::after {
	background-position: center left;
}

.heading-mobile {
	position:absolute;
	display: block;
	width:100%;
	height: 7rem;
	top:50vh;
	left:0;
	background-color: var(--mb-background);
	z-index:100;
	transform:translateZ(200px);
	-webkit-transform:translateZ(200px);
	-moz-transform:translateZ(200px);
	-ms-transform:translateZ(200px);
	-o-transform:translateZ(200px);
	overflow:hidden;
}

.heading-inner {
	position:absolute;
	display:flex;
	flex-direction:column;
	align-items:center;
	row-gap:4rem;
	top:1.2rem;
	width:100%;
	height:21rem;
}

.heading-mobile h1{
	display: block;
	width:100%;
	height:100%;
	line-height:1.1;
	text-align:center;
	font-size: var(--mb-font-size-title-lg);
	font-weight:var(--mb-font-weight-title);
	margin:0;
	color: transparent;
	background-image: linear-gradient(to right, var(--mb-primary), var(--mb-secondary) 50%, var(--mb-on-surface-variant) 50.1%);
	-webkit-background-clip: text;
	background-clip: text;
	background-size: 200%;
}

@media(min-width:992px){
	.heading-mobile {
		display:none;
	}
}

.btn {
	--bs-btn-line-height: 1.2;
	--bs-btn-color: var(--mb-on-surface-variant);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-radius: var(--bs-border-radius-pill);
	--bs-btn-box-shadow: var(--mb-elevation-0-shadow);
	--bs-btn-disabled-opacity: 1;
	--bs-btn-focus-box-shadow: var(--mb-elevation-0-shadow);
	--bs-btn-hover-box-shadow: var(--mb-elevation-0-shadow);
	--bs-btn-bg-img: linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1));
	--bs-btn-hover-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0), rgba(103, 184, 73, 0));
	--bs-btn-focus-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0), rgba(103, 184, 73, 0));
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	min-width:8rem;
	padding: 0.4em 1.1em 0.45em 1.15em;
	font-family: var(--mb-font-headings);
	font-size: var(--mb-font-size-title-sm);
	font-weight: var(--mb-font-weight-title-sm);
	letter-spacing: var(--mb-letter-spacing-headings);
	background-image: var(--bs-btn-bg-img);
	background-size: 101%;
	box-shadow: var(--bs-btn-box-shadow);
}

.btn i {
	font-variation-settings:
  	'opsz' 48;	
	padding: 0;
	font-size: var(--mb-font-size-title-md);
	transform: scale(1);
	transition: transform 0.2s ease-in-out
}

.btn:focus-visible i, .btn-check:checked + .btn i, :not(.btn-check) + .btn:active i, .btn:first-child:active i, .btn.active i, .btn.show i {
	font-variation-settings:
  	'FILL' 1;
	transform: scale(0.7);
	transition: transform 0.2s ease-in-out
}

.btn:hover {
	background-image: var(--bs-btn-hover-bg-img);
	box-shadow: var(--bs-btn-hover-box-shadow);
}

.btn-check + .btn:hover {
	background-image: var(--mb-btn-bg-img);
	box-shadow: var(--bs-btn-box-shadow);
}

.btn:focus-visible {
	background-image: var(--mb-btn-focus-bg-img);
	box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
	box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
	background-image: var(--bs-btn-focus-bg-img);
	box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
	background-image: none;
	box-shadow: none;
}

/*Filled button*/
.btn-filled {
  --bs-btn-color: var(--mb-surface);
  --bs-btn-bg: var(--mb-primary-container); 
  --bs-btn-border-color: transparent;
  --bs-btn-bg-img: linear-gradient(to right, rgba(11, 178, 159, 1), rgba(103, 184, 73, 1));
  --bs-btn-box-shadow: var(--mb-elevation-0-shadow);
 
  --bs-btn-hover-color: var(--mb-surface);
  --bs-btn-hover-bg: var(--mb-primary-container); 
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg-img: linear-gradient(to right, rgba(11, 178, 159, 0.89), rgba(103, 184, 73, 0.89));
  --bs-btn-hover-box-shadow: var(--mb-elevation-1-shadow);
  
  --bs-btn-active-color: var(--mb-surface);
  --bs-btn-active-bg: var(--mb-on-primary-container);
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-bg-img: linear-gradient(to right, rgba(11, 178, 159, 0.89), rgba(103, 184, 73, 0.89));
	
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: var(--mb-elevation-0-shadow);
	
  --bs-btn-disabled-color: var(--mb-disabled);
  --bs-btn-disabled-bg: var(--mb-disabled-bg);
  --bs-btn-disabled-border-color: transparent;
	color: var(--bs-btn-color)!important;
}

/*Elevated button*/
.btn-elevated {
  --bs-btn-color: var(--mb-primary);
  --bs-btn-bg: var(--mb-surface); 
  --bs-btn-border-color: transparent;
  --bs-btn-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0), rgba(103, 184, 73, 0));
  --bs-btn-box-shadow: var(--mb-elevation-1-shadow);
 
  --bs-btn-hover-color: var(--mb-primary);
  --bs-btn-hover-bg: var(--mb-surface); 
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.05), rgba(103, 184, 73, 0.05));
  --bs-btn-hover-box-shadow: var(--mb-elevation-2-shadow);
  
  --bs-btn-active-color: var(--mb-primary);
  --bs-btn-active-bg: var(--mb-surface);
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.11), rgba(103, 184, 73, 0.11));
	
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: var(--mb-elevation-1-shadow);
	
  --bs-btn-disabled-color: var(--mb-disabled);
  --bs-btn-disabled-bg: var(--mb-disabled-bg);
  --bs-btn-disabled-border-color: transparent;
}

/*Tonal button*/
.btn-tonal {
  --bs-btn-color: var(--mb-on-primary-container);
  --bs-btn-bg: var(--mb-primary-container); 
  --bs-btn-border-color: transparent;
  --bs-btn-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0), rgba(103, 184, 73, 0));
  --bs-btn-box-shadow: var(--mb-elevation-0-shadow);
 
  --bs-btn-hover-color: var(--mb-on-primary-container);
  --bs-btn-hover-bg: var(--mb-primary-container); 
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.05), rgba(103, 184, 73, 0.05));
  --bs-btn-hover-box-shadow: var(--mb-elevation-1-shadow);
  
  --bs-btn-active-color: var(--mb-on-primary-container);
  --bs-btn-active-bg: var(--mb-primary-container);
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.11), rgba(103, 184, 73, 0.11));
	
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: var(--mb-elevation-0-shadow);
	
  --bs-btn-disabled-color: var(--mb-disabled);
  --bs-btn-disabled-bg: var(--mb-disabled-bg);
  --bs-btn-disabled-border-color: transparent;
}

.btn-outlined {
  --bs-btn-color: var(--mb-on-surface-variant);
  --bs-btn-bg: var(--mb-surface);
  --bs-btn-border-color: transparent;
  --bs-btn-bg-img: 
	  linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1));
  --bs-btn-box-shadow: var(--mb-elevation-0-shadow);
 
  --bs-btn-hover-color: var(--mb-on-surface);
  --bs-btn-hover-bg: var(--mb-surface);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg-img: 
	  linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1));
  --bs-btn-hover-box-shadow: var(--mb-elevation-0-shadow);
  
  --bs-btn-active-color: var(--mb-on-primary-container);
  --bs-btn-active-bg: var(--mb-surface);
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-bg-img: 
	  linear-gradient(rgba(255, 255, 255, 0.89), rgba(255, 255, 255, 0.89)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1)), 
	  linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1));
	
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: var(--mb-elevation-0-shadow);
	
  --bs-btn-disabled-color: var(--mb-disabled);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--mb-disabled-border);
}

.btn-outlined, .btn-outlined:hover, .btn-outlined:focus-visible, :not(.btn-check) + .btn-outlined:active, .btn-outlined:first-child:active, .btn-outlined.active, :not(.btn-check) + .btn-outlined:active:focus-visible, .btn-outlined:first-child:active:focus-visible, .btn-outlined.active:focus-visible {
  	background-origin: border-box;
  	background-clip: padding-box, border-box, padding-box;
}

.btn-link {
  --bs-btn-font-weight: var(--bs-btn-font-weight);

  --bs-btn-color: var(--mb-primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0), rgba(103, 184, 73, 0));
  --bs-btn-box-shadow: var(--mb-elevation-0-shadow);
 
  --bs-btn-hover-color: var(--mb-primary);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.05), rgba(103, 184, 73, 0.05));
  --bs-btn-hover-box-shadow: var(--mb-elevation-0-shadow);
  
  --bs-btn-active-color: var(--mb-primary);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-bg-img: linear-gradient(to right, rgba(0, 153, 153, 0.11), rgba(103, 184, 73, 0.11));
  --bs-btn-active-shadow: none;
  --bs-btn-focus-box-shadow: var(--mb-elevation-0-shadow);
	
  --bs-btn-disabled-color: var(--mb-disabled);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
	padding: 0.35em 0.5em 0.4em 0.5em;
	text-decoration: none;
	margin-left: -0.5em!important;
}

.btn-icon {
  width: 2.5rem;
} 

.btn-cta{
	width: 100%;
	max-width:30rem;
	padding: 0.8em 1.1em 0.85em 1.15em;
	align-self:center;
	box-shadow:var(--mb-elevation-2-shadow);
	transition:all 0.8s ease-out !important;
	-webkit-transition:all 0.8s ease-out !important;
	-moz-transition:all 0.8s ease-out !important;
	-ms-transition:all 0.8s ease-out !important;
	-o-transition:all 0.8s ease-out !important;
}

.btn-cta:hover{
	box-shadow:var(--mb-elevation-3-shadow);
	transition:all 0.8s ease-out !important;
	-webkit-transition:all 0.8s ease-out !important;
	-moz-transition:all 0.8s ease-out !important;
	-ms-transition:all 0.8s ease-out !important;
	-o-transition:all 0.8s ease-out !important;
}

.scroll{
	display:flex;
	flex-direction:column;
	align-items:center;
	row-gap:0.4rem;
}

.scroll .heartbeat span{
	color:var(--mb-secondary);
}

.scroll p{
	margin:0;
	color:var(--mb-surface);
	font-size: var(--mb-font-size-body-md);
	font-weight:400
}

.list-primary, .list-secondary {
	display: flex;
	flex-direction: column;
	row-gap: var(--grid-md);
	padding:0;
	width:100%;
	max-width:40rem;
}

.list-primary > li, .list-secondary > li{
	width:100%;
	list-style: none;
	display:flex;
	align-items:center;
	column-gap:var(--grid-md);
	padding:var(--grid-md);
	border-radius: var(--mb-border-radius-md);
	-webkit-border-radius: var(--mb-border-radius-md);
	-moz-border-radius: var(--mb-border-radius-md);
	-ms-border-radius: var(--mb-border-radius-md);
	-o-border-radius: var(--mb-border-radius-md);
}

.list-primary > li {
	background-color:var(--mb-surface);
	box-shadow:var(--mb-elevation-3-shadow);
}

.list-secondary > li {
	border:1px solid var(--mb-outline-variant)
}

.list-primary > li .list-icon, .list-secondary > li .list-icon{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-shrink:0;
	width:3.2rem;
	height:3.2rem;
	border-radius:var(--mb-border-radius-sm);
	-webkit-border-radius:var(--mb-border-radius-sm);
	-moz-border-radius:var(--mb-border-radius-sm);
	-ms-border-radius:var(--mb-border-radius-sm);
	-o-border-radius:var(--mb-border-radius-sm);
}

.list-primary > li .list-icon{
	border:1px solid transparent;
	background-image:	linear-gradient(var(--mb-surface), var(--mb-surface)), 	linear-gradient(to right, rgba(0, 153, 153, 1), rgba(103, 184, 73, 1));
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.list-primary > li .list-icon span, .list-secondary > li .list-icon span{
	font-size:1.6rem;
}

.list-primary > li .list-icon span{
	color:var(--mb-on-surface-variant)
}

.list-primary > li p, .list-secondary > li p{
	margin:0;
	font-size:var(--mb-font-size-body-md);
	color:var(--mb-on-surface-variant)
}

.list-light{
	display:flex;
	flex-direction: column;
	row-gap: 1em;
	padding:0;
}

.list-light li{
	position: relative;
	list-style:none;
	padding:1em 0;
	width:100%;
}

.list-light li:first-child{
	padding-top:0;
}

.list-light li:last-child{
	padding-bottom:0;
}

.list-light li:not(:last-child)::after{
	position: absolute;
	display: block;
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	background-color: var(--mb-surface);
}

.list-light li p{
	margin: 0;
	font-size: var(--mb-font-size-body-md);
	font-weight: var(--mb-font-weight-body-md);
}

.form-control {
	padding: 0.75rem;
	font-family: var(--mb-font-headings);
	font-size: var(--mb-font-size-title-sm);
	font-weight: var(--mb-font-weight-title);
	letter-spacing: var(--mb-letter-spacing-headings);
	line-height:1.25em !important;
	color: var(--mb-on-surface);
	background-color: rgba(var(--mb-surface-rgb), 0.8);
	background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255 0.8));
	background-origin: border-box;
	background-clip: padding-box, border-box;
	box-shadow:none;
	border: 1px solid rgba(var(--mb-on-surface-variant-rgb), 0.5);
	border-radius: var(--mb-border-radius-sm);
	-webkit-border-radius: var(--mb-border-radius-sm);
	-moz-border-radius: var(--mb-border-radius-sm);
	-ms-border-radius: var(--mb-border-radius-sm);
	-o-border-radius: var(--mb-border-radius-sm);
	transition: all 0.1s ease-in-out;
}

.form-control:hover {
	border: 1px solid rgba(var(--mb-on-surface-variant-rgb), 0.94);
	background-color: rgba(var(--mb-surface-rgb), 0.85);
  transition: all 0.1s ease-in-out;
}

.form-control:focus {
	cursor:text;
	caret-color: var(--mb-primary);
	background-color: rgba(var(--mb-surface-rgb), 1);
	background-image: linear-gradient(var(--mb-surface), var(--mb-surface)), var(--mb-gradient);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	border: 1px solid transparent;
	transition: all 0.1s ease-in-out;
	outline: 0;
	box-shadow:none;
}

.form-control::-moz-placeholder {
	color: var(--mb-on-surface-variant);
}

.form-control::placeholder {
	color: var(--mb-on-surface-variant);
}

.form-control:focus::-moz-placeholder {
	opacity: 0;
}

.form-control:focus::placeholder {
	opacity: 0;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(4rem + 2px);
  line-height: 1;
}

.form-floating > label {
	font-size:var(--mb-font-size-body-md);
	padding: 1.2rem 0.75rem;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 0.75rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown), 
.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
	padding: 0.75rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
	color:var(--mb-surface);
	opacity: 1;
  transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -webkit-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -moz-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -ms-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -o-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
	color:var(--mb-surface);
	opacity: 1;
  transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -webkit-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -moz-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -ms-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -o-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
	color:var(--mb-surface);
	opacity: 1;
  transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -webkit-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -moz-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -ms-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
  -o-transform: scale(0.9) translateY(-2.8rem) translateX(-0.7rem);
}

.form-floating > .form-control:focus, 
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
	padding: 0.75rem;
}

@media(min-width:992px){
	.form-control {
		padding: 1rem var(--grid-sm)!important;
	}

	.form-floating > label {
		padding: 1.2rem var(--grid-sm);
	}

	.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
		transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-webkit-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-moz-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-ms-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-o-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
	}

	.form-floating > .form-control:focus ~ label,
	.form-floating > .form-control:not(:placeholder-shown) ~ label,
	.form-floating > .form-control-plaintext ~ label,
	.form-floating > .form-select ~ label {
		transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-webkit-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-moz-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-ms-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-o-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
}

	.form-floating > .form-control:-webkit-autofill ~ label {
		transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-webkit-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-moz-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-ms-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
		-o-transform: scale(0.8) translateY(-3.5rem) translateX(-1rem);
	}
}

/*---ANIMATION---*/
.fade-in-up{
	opacity:0;
	transform:translateY(1rem);
	-webkit-transform:translateY(2rem);
	-moz-transform:translateY(1rem);
	-ms-transform:translateY(1rem);
	-o-transform:translateY(1rem);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

.fade-in-up.is-inview{
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

.fade-in-left{
	opacity:0;
	transform:translateX(8vw);
	-webkit-transform:translateX(8vw);
	-moz-transform:translateX(8vw);
	-ms-transform:translateX(8vw);
	-o-transform:translateX(8vw);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

.fade-in-left.is-inview{
	opacity:1;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

.fade-in-left-lg, .fade-in-right-lg{
	opacity:0;
	transform:translateY(5vh);
	-webkit-transform:translateY(5vh);
	-moz-transform:translateY(5vh);
	-ms-transform:translateY(5vh);
	-o-transform:translateY(5vh);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

.fade-in-left-lg.is-inview, .fade-in-right-lg.is-inview{
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-webkit-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-moz-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-ms-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
	-o-transition:transform 0.8s ease-out, opacity 0.8s ease-out;
}

@media(min-width:992px){
	.fade-in-left-lg{
		transform:translateY(0) translateX(5vw);
		-webkit-transform:translateY(0) translateX(5vw);
		-moz-transform:translateY(0) translateX(5vw);
		-ms-transform:translateY(0) translateX(5vw);
		-o-transform:translateY(0) translateX(5vw);
	}
	
	.fade-in-right-lg{
		transform:translateY(0) translateX(-5vw);
		-webkit-transform:translateY(0) translateX(-5vw);
		-moz-transform:translateY(0) translateX(-5vw);
		-ms-transform:translateY(0) translateX(-5vw);
		-o-transform:translateY(0) translateX(-5vw);
	}
	
	.fade-in-left-lg.is-inview, .fade-in-right-lg.is-inview{
		transform:translate(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
	}
}

/*---GRAPHICS---*/
.background{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	background-color:var(--mb-on-tertiary-container);
	z-index: -1;
}

.lava-background {
	width: 100%;
	height: 100%;
	margin: 0;
	background-image: linear-gradient(217deg, rgba(var(--mb-primary-rgb), 1), rgba(var(--mb-on-primary-container-rgb), 0) 80%),
		linear-gradient(10deg, rgba(var(--mb-on-tertiary-container-rgb), 1), rgba(var(--mb-tertiary-rgb), 0) 80%),
		linear-gradient(97deg, rgba(var(--mb-tertiary-rgb), 0.8), rgba(var(--mb-primary-rgb), 0) 60.71%);
	z-index: 0;
}

#bubble{
	height: 100%;
	width: 100%;
	transform: scale(1.5);
	filter: blur(2.5rem);
	transition: none;
	opacity:0.9;
	mix-blend-mode: multiply;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.ziggy-container{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items:flex-end;
	width: 100%;
	height: 100%;
	left:0;
	opacity:0.4;
}

.ziggy-container .ziggy{
	width:100%;
	height:200%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 260'%3e%3cpolygon points='338.7 2.2 520 182.5 444.1 257.9 338.9 153.3 260.4 231.3 181.5 153.3 76.1 258 0 182.4 181.5 2 260.2 80.3 338.7 2.2' fill='white'/%3e%3c/svg%3e");;
	background-repeat: no-repeat space;
	background-size:50vw;
	background-position:top center;
	opacity:0.8
}

.heartbeat{
	position: relative;
	display:flex;
	align-items: center;
}

.hearbeat span{
	position:relative;
	display: block;
	width:6rem;
	height:6rem;
}

.heartbeat span:last-of-type{
	position: absolute;
	left: auto;
	font-variation-settings:
	'FILL' 1,
	'opsz' 48;
	color: var(--mb-surface);
	-webkit-animation: heartbeat 1s ease-in-out infinite;
	-moz-animation: heartbeat 1s ease-in-out infinite;
	-o-animation: heartbeat 1s ease-in-out infinite;
	animation: heartbeat 1s ease-in-out infinite;
}

@-webkit-keyframes heartbeat {
	0% { transform: scale(0.2) }
	100% { transform: scale(2); opacity: 0 }
}

@-moz-keyframes heartbeat {
	0% { transform: scale(0.2) }
	100% { transform: scale(2); opacity: 0 }
}

@-o-keyframes heartbeat {
	0% { transform: scale(0.2) }
	100% { transform: scale(2); opacity: 0 }
}

@keyframes heartbeat {
	0% { transform: scale(0.2) }
	100% { transform: scale(2); opacity: 0 }
}

@media(max-width:359px){
	.heartbeat{
		display:none;
	}
}

.vitals-monitor {
	display:block;
	width:200%;
	height:15vh;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156 152'%3e%3cpolyline points='.32 124.82 14.55 112.95 21.2 118.88 34.96 112.95 44.45 124.82 55.83 106.79 72.44 124.82 80.03 .03 85.72 147.59 91.89 115.8 97.11 120.55 106.6 108.21 110.87 111.06 130.8 71.2 156.01 124.82' fill='none' stroke='rgba%28188, 255, 102,1%29'/%3e%3c/svg%3e");
	background-repeat:repeat-x;
	mask-image: linear-gradient(to right, black 49%, transparent 49%, transparent 51%, black 51%);
	mask-position: 0%;
	mask-size:200%;
	-webkit-animation: vitalsmonitor 8s linear infinite;
	-moz-animation: vitalsmonitor 8s linear infinite;
	-ms-animation: vitalsmonitor 8s linear infinite;
	-o-animation: vitalsmonitor 8s linear infinite;
	animation: vitalsmonitor 8s linear infinite;
}

@-webkit-keyframes vitalsmonitor {
  0% {mask-position: right;}
  100% { mask-position: left;}
}

@-moz-keyframes vitalsmonitor {
  0% {mask-position: right;}
  100% { mask-position: left;}
}

@-ms-keyframes vitalsmonitor {
  0% {mask-position: right;}
  100% { mask-position: left;}
}

@-o-keyframes vitalsmonitor {
  0% {mask-position: right;}
  100% { mask-position: left;}
}

@keyframes vitalsmonitor {
  0% {mask-position: right;}
  100% { mask-position: left;}
}

.hero-anim {
	position:absolute;
	display: flex;
	justify-content: center;
	width:calc(100% - var(--grid-sm) * 2);
	height:calc(100vh - var(--grid-sm) * 2);
	opacity: 0.1
}

.hero-anim .ha-container{
	position:relative;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	content:'';
	width:50vw;
}

.hero-anim .ha-container .center-box {
	display:block;
	content:'';
	width: 15%;
	aspect-ratio: 1 / 1;
	background-color:var(--mb-background);
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform-origin:center;
}

.hero-anim .ha-container span{
	position:relative;
	display: block;
	content:'';
	width:100%;
	aspect-ratio: 2 / 1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 260'%3e%3cpolygon points='338.7 2.2 520 182.5 444.1 257.9 338.9 153.3 260.4 231.3 181.5 153.3 76.1 258 0 182.4 181.5 2 260.2 80.3 338.7 2.2' fill='white'/%3e%3c/svg%3e");;
	background-repeat: no-repeat;
	background-size: cover;

}

.hero-anim .ha-container span:first-child{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform-origin:center;
}

.hero-anim .ha-container .l_1,
.hero-anim .ha-container .l_2{
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	width:100%;
	aspect-ratio: 1 / 1.4;
	justify-content:space-between;
	transform-origin: center;
}

.hero-anim .ha-container .l_2 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

@media (min-width:992px){
	.hero-anim {
		justify-content: flex-end;
	}

	.hero-anim .ha-container{
		width:60vw; 
	}

	.hero-anim .ha-container .center-box {
		width: 10%;
	}

	.hero-anim .ha-container span{
		width:40%;
	}

	.hero-anim .ha-container .l_1,
	.hero-anim .ha-container .l_2{
		aspect-ratio: initial;
		height:66vh;
	}
}

.printer{
	position:absolute;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	width:30%;
	height:100%;
	min-height:10rem;
	top:0;
}

@media(min-width:480px){
	.printer{
		display:flex
	}
}

.printer .printer-body {
	position: relative;
	display:block;
	height:70%;
	aspect-ratio: 3.333 / 2;
	margin-top:40%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128.57 77.14'%3e%3cpath fill='rgba%28191, 186, 237, 1%29' d='m103.21,72.5H17.79c-9.51,0-17.29-7.78-17.29-17.29V17.79C.5,8.28,8.28.5,17.79.5h85.42c9.51,0,17.29,7.78,17.29,17.29v37.42c0,9.51-7.78,17.29-17.29,17.29Zm-1.06-58.72c-3.26,0-5.91,2.63-5.91,5.87s2.64,5.87,5.91,5.87,5.91-2.63,5.91-5.87-2.64-5.87-5.91-5.87Z'/%3e%3c/svg%3e");
 	background-repeat: no-repeat;
	background-size: 105%;
	z-index:5;	
}

.printer .page1{
	position:absolute;
	display: flex;
	flex-direction:column;
	align-items: center;
	width:100%;
	height:50%;
	top:0;
	left:0;
	transform-origin:bottom center;
}

.printer .page1 .leaf{
	position:absolute;
	display:block;
	width:1.2rem;
	aspect-ratio: 1 / 2;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3e%3cpath fill='rgba%2899, 204, 61, 0.6%29' d='m.1,9.74c-.46,4.1.74,7.8,3.5,10.26,3.42-2.06,5.97-6.25,6.35-10.35S8.5,2.46,5.74,0C2.97,2.46.61,5.22.1,9.74Z'/%3e%3c/svg%3e");
 	background-repeat: no-repeat;
	background-size: contain;
}

.printer .page2{
	width:36%;
	height:60%;
	bottom:-25%;
	left:42%;
	background-color:var(--mb-surface);
	transform-origin:top center;
	border-bottom-left-radius:0.4rem;
	border-bottom-right-radius:0.4rem;
	z-index:10;
}

.matters{
	position:absolute;
	display: none;
	top:0;
	width:30%;
	height:100%;
}

@media(min-width:480px){
	.matters{
		display:block
	}
}

.matters .mat_list{
	position:relative;
	display:block;
	content:'';
	width:100%;
	height:150%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128.57 42.33'%3e%3cpath fill='rgba%280, 153, 153, 0.4%29' d='m13.72,0h101.13c7.55,0,13.72,6.17,13.72,13.72v14.89c0,7.55-6.17,13.72-13.72,13.72H13.72c-7.55,0-13.72-6.17-13.72-13.72v-14.89C0,6.17,6.17,0,13.72,0Zm-.39,20.51c0,3.47,2.83,6.29,6.33,6.29s6.33-2.82,6.33-6.29-2.83-6.29-6.33-6.29-6.33,2.82-6.33,6.29Z'/%3e%3c/svg%3e");
	background-size: 80%;
	background-repeat: no-repeat space;
	background-position:top center;
}

.matters .mat_list li{
	position:relative;
	display:block;
	width:80%;
	margin-bottom:0.6rem;
}

.matters .mat_list li svg{
	position:relative;
	width:80%;
	fill: none;
	stroke: #cbf2f2;
	stroke-miterlimit: 10;
	stroke-width: 1;
}