/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
	font-family: 'Inter';
	font-weight: 400;
	font-size: 15px;
	background: #f5f5f5;
}

h1{
	
}

h2{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: .3em;
}

h3{
	font-weight: 700;
	font-size: 16px;
	margin-bottom: .3em;
}

a{
	color: black;
}

.step h3{
	color: #949494;
}

.step p{
	margin: 0;
}

main{
	min-height: calc(100vh - 270px);
}

.logo{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159.33 95.23'%3E%3Cpath fill='%23154496' d='M0 95.23h47.62V0H0v95.23Zm27.17-18.18c-.38-.48-.81-.87-1.3-1.11-.48-.24-1.2-.62-2.21-1.1l-3.41-1.54c-2.45-1.11-4.33-2.4-5.67-3.85-1.35-1.44-2.02-3.22-2.02-5.29 0-2.69 1.01-4.86 2.98-6.49s4.47-2.45 7.5-2.45l-.1-.05c2.45 0 4.56.53 6.34 1.63 1.78 1.11 3.17 2.55 4.18 4.37l-4.42 3.41c-1.63-2.45-3.65-3.65-6.06-3.65-1.1 0-2.02.24-2.79.77s-1.15 1.3-1.15 2.31c0 .82.29 1.49.86 1.97s1.54 1.06 2.88 1.63l3.6 1.59c2.64 1.15 4.62 2.5 5.91 3.94 1.3 1.44 1.92 3.22 1.92 5.38 0 2.88-1.06 5.19-3.12 6.92-2.07 1.73-4.71 2.59-7.93 2.59-2.69 0-5.1-.62-7.21-1.87-2.12-1.25-3.8-2.98-5-5.14l4.47-3.37c2.21 3.08 4.8 4.62 7.78 4.62 1.39 0 2.5-.34 3.32-.96.82-.62 1.2-1.49 1.2-2.59 0-.63-.19-1.2-.58-1.68Zm28.69 18.18h47.62V0H55.86v95.23Zm8.2-40h2.12l13.41 17.21L93 55.23h2.11v32.3h-6.49V70.56L80.64 80.6h-2.11l-7.98-10.04v16.97h-6.49v-32.3ZM111.71 0v95.23h47.62V0h-47.62Zm27.78 87.52H133V55.8h6.49v31.72Z'/%3E%3C/svg%3E");
	width: 120px;
	height: 70px;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.wrap{
	width: calc(100% - 20px);
	margin: 0 auto;
	padding-top: 50px;
	max-width: 500px;
}

.step + .step{
	margin-top: 20px;
}

section video,
section img{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

section.foldout{
	border: 1px solid #a19797;
	padding: 15px;
	border-radius: 6px;
}

section.foldout + section.foldout{
	margin-top: 10px;
}

.foldouttitle h2{
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	max-width: calc(100% - 20px);
}

.foldouttitle{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.foldouttitle .arrow{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.157 7.71 1.5 13.369.086 11.954l4.95-4.95-4.95-4.95L1.5.64l5.657 5.657a1 1 0 0 1 0 1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	transform: rotate(90deg);
	position: relative;
	transition: transform .3s;
}

.foldout.active .foldouttitle .arrow{
	transform: rotate(270deg);
}


.foldoutcontent{
	display: none;
	overflow: hidden;
	padding-top: 20px;
}

footer{
	border-top: 1px solid #cbcbcb;
	margin-top: 50px;
}

footer .wrap{
	padding-top: 10px;
	font-size: 13px;
	text-align: center;
	color: #a7a7a7;
}

footer .wrap a{
	color: inherit;
	text-decoration: none;
}