/* Containers */





/* Colors */




















/* Typography */














/* Links */



/* Buttons */


























/* Forms */






:root {
	--gutter: 16px;
	--top-page-spacing: 68px;
	--container-width: 1200px;
  --link-subtle-hover: opacity 0.2s cubic-bezier(0.22,0.61,0.36,1);
  --link-subtle-hover-opacity: 0.76;
	--body-font-size: 16px;
	--body-line-height: 1.42;
	--border-color: rgba(20, 18, 33, 0.06);
	--color-body: #03070a;
	--color-primary: #141221;
	--color-secondary: #EFF5FA;
	--color-alternative-one: #E3F7F7;	
	--color-alternative-two: #FEF9F3;
	--color-accent: #bccf00;
	--color-accent-light: #d4e718;
	--color-accent-lighter: #f4ff38;
	--color-accent-dark: #a4b700;
	--color-accent-darker: #849700;	
	--color-gray-one: #F7F8FA;
	--color-gray-two: #eff0f2;
	--color-gray-three: #c7c8ca;
	--color-gray-four: #9fa0a2;
	--color-gray-five: #77787a;		
	--font-primary: 'Poppins', sans-serif;;
	--font-primary-regular: 400;	
	--font-primary-bold: 600;		
	--font-primary-bolder: 700;
	--font-secondary: 'Josefin Sans', sans-serif;;	
	--font-secondary-bold: ;		
	--font-secondary-bolder: 700;	
	--content-gap: clamp(24px, 3.2vw, 32px);
	--content-max-width-small: 640px;
	--content-max-width: calc(var(--gutter) * 60);
	--row-spacing-small: clamp(32px, 4.8vw, 48px);	
	--row-spacing: clamp(32px, 9.6vw, 96px);
	--row-spacing-large: clamp(64px, 12vw, 120px);
	--spacing-smaller: clamp(32px, 4.8vw, 48px);	
	--spacing: clamp(32px, 9.6vw, 96px);
	--spacing-bigger: clamp(64px, 12vw, 120px);	
}





.theme-white {
	--background-color: #FFF;
	--copy-color: var(--color-body);
	--eyebrow-color: var(--color-gray-five);
	--headline-color: var(--color-body);
	background-color: var(--background-color);
}

.theme-dark {
	--background-color: var(--color-primary);
	--copy-color: #b7c5d4;
	--eyebrow-color: var(--color-body);
	--headline-color: #FFF;
	background-color: var(--background-color);
}

.theme-gray {
	--background-color: var(--color-gray-one);
	--copy-color: var(--color-body);
	--eyebrow-color: var(--color-body);
	--headline-color: var(--color-body);
	background-color: var(--background-color);	
}

.theme-brand {
	--background-color: rgb(60 130 130);
	--copy-color: #FFF;
	--eyebrow-color: var(--color-body);
	--headline-color: #FFF;
	background-color: var(--background-color);		
}

.theme-brand .list-icon li svg .done {
  fill: var(--copy-color);
}



.container {
	margin: 0 auto;
	max-width: calc(var(--container-width) + var(--gutter) * 2);
	padding: 0 var(--gutter);
}



body {
	color: var(--color-body);
  font-family: var(--font-primary);
  font-size: var(--body-font-size);
  font-weight: var(--font-primary-regular);
  line-height: var(--body-line-height);
}





.t-link {
	color: var(--link-color);
}

.t-link:hover {
	color: var(--link-color-hover);
}

.t-link-underline {
	color: var(--link-color);
	text-decoration: underline;		
	text-decoration-color: var(--link-color);
}

.t-link-underline:hover {
	color: currentColor;
	text-decoration-color: currentColor;	
  -webkit-transition: color .15s cubic-bezier(0.33,0.66,0.66,1);
	transition: color .15s cubic-bezier(0.33,0.66,0.66,1);	
}


ol.t-list {
  counter-reset: li;
}

.t-list li {
  margin: 8px 0;
  padding: 0 0 0 24px;
  position: relative;
}

ol.t-list li:before {
  content: counter(li) ".";
  counter-increment: li;
  color: inherit;
  display: inline-block;
	font-family: inherit;
	font-weight: 700;
  width: 24px;
  text-align: right;
  position: absolute;
  left: -8px;
}

ul.t-list li:before {
  content: "●";
  color: inherit;
	font-size: 10px;
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
	width: 24px;
	height: 24px;
}

ul.t-list-checkmark li:before {
  content: "";
	background-color: var(--color-body);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28' fill='transparent'%3E%3Ccircle cx='14' cy='14' r='14'%3E%3C/circle%3E%3Cpath d='M8 14.5l4.73 3.66 7.76-9.87' stroke='%23fff' stroke-width='3'%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
	border-radius: 50%;
	color: inherit;
  display: block;
	height: 18px;
	width: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}


.t-button {
	border-radius: 24px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.4px;
  padding: 8px 16px;
	text-align: center;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

.t-button:hover {
	text-decoration: none;	
}

/* Primary */

.t-button-primary {
	background: #bccf00;
  border: 1px solid #bccf00;
  color: #03070a;
}

.t-button-primary:hover {
	background: #d4e718;
}

.t-button-primary:active {
	background: #a4b700;
}

/* Secondary */

.t-button-secondary {
	background: #111222;
	border: 1px solid #111222;
	color: #FFF;
}

.t-button-secondary:hover {
	background: #292a3a;
}

.t-button-secondary:active {
	background: #010212;
}

/* Ghost */

.t-button-ghost {
	background: transparent;
	border: 1px solid #f4ff38;
  color: #d4e718;
}

.t-button-ghost:hover {
	background: rgba(244, 255, 56, 0.08);
}

.t-button-ghost:active {
	background: rgba(244, 255, 56, 0.16);
}

/* Size variants */

.t-button-large {
	padding: 12px 16px;
}

.t-button-small {
	padding: 6px 12px 4px 12px;
}


.t-form {
	background: #fff;
	border: 1px solid #f2f2fd;
	color: var(--color-body);
	padding: 40px 24px;
	text-align: left;
	width: 100%;
}

.t-form h3 {
	margin: 0 0 var(--content-gap);
	text-align: center;
}

.t-form form {
	font-size: 14px;	
}

.t-form .hs-form-field {
	color: inherit;
	line-height: 1.25;
	margin: 0 0 16px;
}

.t-form label {
  font-family: inherit;
	font-size: 14px;
  font-weight: inherit;	
}

/* Target field labels only */

.t-form .hs-form-field > label {
	font-size: 14px;
}

/* Help text below the label */

.t-form legend {
	font-size: 13px; 
  padding: 0 0 0 8px;    
}

/* Form inputs */

.t-form input[type=date],
.t-form input[type=email],
.t-form input[type=file],
.t-form input[type=number],
.t-form input[type=tel],
.t-form input[type=text],
.t-form select,
.t-form textarea {
	background: #FFF;
  border: 1px solid rgb(48 64 96 / 25%);	
	border-radius: 4px;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 8px;
	margin: 2px 0;
	width: 100%;
}

.t-form input[type=date],
.t-form input[type=email],
.t-form input[type=file],
.t-form input[type=number],
.t-form input[type=tel],
.t-form input[type=text],
.t-form select {
	height: 38px;
}

.t-form textarea {
	min-height: 64px;
	resize: none;
  overflow: auto;
}

.t-form select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}

.t-form select option {
	background: #81D4FA;
	color: #000;
}

.t-form select option:disabled {
	background: transparent;
  color: rgb(0 0 0 / 30%);    
}

.t-form input[type=date]:focus,
.t-form input[type=email]:focus,
.t-form input[type=file]:focus,
.t-form input[type=number]:focus,
.t-form input[type=tel]:focus,
.t-form input[type=text]:focus,
.t-form select:focus,
.t-form textarea:focus {
	background: #FBFDFF;
	border: 1px solid #00A0EB;	
	outline: 0;
	-webkit-transition: background 0.25s ease-out;
	transition: background 0.25s ease-out;		
}

.t-form input[type=date].invalid.error,
.t-form input[type=email].invalid.error,
.t-form input[type=file].invalid.error,
.t-form input[type=number].invalid.error,
.t-form input[type=tel].invalid.error,
.t-form input[type=text].invalid.error,
.t-form select.invalid.error,
.t-form textarea.invalid.error {
  background: rgb(255 72 71 / 4%);
  border: 1px solid rgb(255 72 71 / 32%);	
	-webkit-transition: background 0.25s ease-out;
	transition: background 0.25s ease-out;	
}

/* Checkbox & Radio */

.t-form input[type=checkbox],
.t-form input[type=radio] {
	color: inherit;
  font-family: inherit;
	font-size: inherit;
  font-weight: inherit;
  height: 18px;
	margin: 0 8px 0 4px;	
  width: 18px;	
}

.t-form input[type=checkbox]:checked,
.t-form input[type=radio]:checked {
	color: blue;
}

/* Submit button */

.t-form input[type=submit] {
	background-color: #bccf00;
	border: none;
	border-radius: 4px;
	color: #03070a;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	font-weight: inherit;
  padding: 12px 16px;
	text-align: center;
	width: 100%;
}

.t-form input[type=submit]:hover {
  background: #d4e718;
	border: none;
}

.t-form input[type=submit]:active {
	background: #a4b700;
	border: none;
}

.t-form input[type=submit]:focus {
	background: #a4b700;	
  outline: none;
}

/* Legal */

.t-form .legal-consent-container a,
.t-form .legal-consent-container .hs-richtext a {
  color: var(--color-accent);
}