@font-face {
			font-family: "Galano";
			font-style: normal;
			font-weight: normal;
			src: url("../../fonts/UNIQA_Galano/UNIQAGalano-Regular.woff2") format("woff2"), url("../../fonts/UNIQA_Galano/UNIQAGalano-Regular.woff") format("woff");
			font-display: swap
		}

		@font-face {
			font-family: "Galano";
			font-style: normal;
			font-weight: normal;
			src: url("../../fonts/UNIQA_Galano/UNIQAGalano-Bold.woff2") format("woff2"), url("../../fonts/UNIQA_Galano/UNIQAGalano-Bold.woff") format("woff");
			font-display: swap
		}

		@font-face {
			font-family: "Galano";
			font-style: normal;
			font-weight: normal;
			src: url("../../fonts/UNIQA_Galano/UNIQAGalano-SemiBold.woff2") format("woff2"), url("../../fonts/UNIQA_Galano/UNIQAGalano-SemiBold.woff2") format("woff");
			font-display: swap
		}

		html {
			font-size: 16px;
			font-weight: 400;
			height: 100vh;
			width: 100vw;
			-webkit-text-size-adjust: 100%;
		}

		html.font-small {
			font-size: 16px;
		}

		html.font-medium {
			font-size: 18px;
			line-height: 1.5;
		}

		html.font-big {
			font-size: 125%;
			font-size: 20px;
			line-height: 1.5;
		}

		html.font-medium .contrastIcon {
			height: 20px;
			width: 20px;
		}

		html.font-big .contrastIcon {
			height: 22px;
			width: 22px;
		}

		html.font-medium .main-container,
		html.font-big .main-container {
			height: fit-content;
			min-height: 470px;
		}

		html.font-medium .main-container:not(:has(.inactiveContent.hide)),
		html.font-big .main-container:not(:has(.inactiveContent.hide)) {
			height: 470px;
			min-height: 470px;
		}

		/* 12px */
		.font-medium .subtitle-element,
		.font-medium .saveContent {
			font-size: 13.5px;
			line-height: 1.5;
		}

		/* 12px */
		.font-big .subtitle-element,
		.font-big .saveContent {
			font-size: 15px;
			line-height: 1.5;
		}

		/* 13px */
		.font-medium .error-message,
		.font-medium .topic-error-message {
			font-size: 15px;
			line-height: 1.5;
		}

		/* 13px */
		.font-big .error-message,
		.font-big .topic-error-message {
			font-size: 16px;
			line-height: 1.5;
		}

		/* 14px/17px */
		.font-medium .left-footer,
		.font-medium .additional-container,
		.font-medium .footer {
			font-size: 16px;
			line-height: 1.5;
		}

		/* 14px/17px */
		.font-big .left-footer,
		.font-big .additional-container ,
		.font-big .footer {
			font-size: 18px;
			line-height: 1.5;
		}

		/* 18px/22px */
		.font-medium .radioLabel,
		.font-medium #inNumber,
		.font-medium #btnSubmit,
		.font-medium .back-link {
			font-size: 20px;
			line-height: 1.5;
		}

		/* 18px/22px */
		.font-big .radioLabel,
		.font-big #inNumber,
		.font-big #btnSubmit,
		.font-big .back-link {
			font-size: 22.5px;
			line-height: 1.5;
		}

		.font-medium #btnSubmit,
		.font-big #btnSubmit {
			height: fit-content;
			min-height: 52px;
		}

		/* 24px/28px */
		.font-medium .topic-label,
		.font-medium .phone-label,
		.font-medium .errorMessage,
		.font-medium .message {
			font-size: 27px;
			line-height: 1.5;
		}

		/* 24px/28px */
		.font-big .topic-label,
		.font-big .phone-label,
		.font-big .errorMessage,
		.font-big .message {
			font-size: 30px;
			line-height: 1.5;
		}

		/* 48px */
		.font-medium .title-element {
			font-size: 52px;
			line-height: 1.5;
		}

		/* 48px */
		.font-big .title-element {
			font-size: 58px;
			line-height: 1.5;
		}

		html.highcontrast,
		.highcontrast body,
		.highcontrast .header,
		.highcontrast .header .accessibility a,
		.highcontrast .footer,
		.highcontrast .left-footer,
		.highcontrast .right-footer,
		.highcontrast .title-element,
		.highcontrast .topic-label,
		.highcontrast .radioLabel,
		.highcontrast .radioEl.disabled .radioLabel,
		.highcontrast .addInfoOff,
		.highcontrast .radio-group-container input[type="radio"],
		.highcontrast .phone-label,
		.highcontrast .subtitle-element,
		.highcontrast #inNumber,
		/* .highcontrast .error-message,
		.highcontrast .topic-error-message */
		.highcontrast .additional-container,
		.highcontrast .errorMessage,
		.highcontrast .message,
		.highcontrast .back-link,
		.highcontrast .dots-container svg.smaller-dot path,
		.highcontrast .dots-container svg.bigger-dot path,
		.highcontrast .title-call-element {
			accent-color: #ff0;
			background: #000;
			background-color: #000;
			color: #ff0;
			fill: #ff0;
		}

		.highcontrast .header,
		.highcontrast .main-container,
		.highcontrast #inNumber,
		.highcontrast .imageBg,
		.highcontrast #btnSubmit:hover {
			background: #000;
			color: #ff0;
			border: 1px solid #ff0;
		}

		.highcontrast #btnSubmit {
			background: #ff0;
			color: #000;
		}

		.highcontrast input::-webkit-input-placeholder,
		.highcontrast header .accessibility .font-sizes a {
			color: #ff0;
		}

		.highcontrast img {
			filter: contrast(1.5);
		}

		.highcontrast #logo {
			filter: brightness(0) saturate(100%) invert(86%) sepia(94%) saturate(1850%) hue-rotate(1deg) brightness(100%) contrast(105%);
		}

		.highcontrast #inNumber:focus-visible,
		.highcontrast #btnSubmit:hover {
			outline: .3rem dotted #ff0;
		}

		.highcontrast footer {
			border-top: 1px solid #ff0;
		}

		body {
			position: relative;
			background: #ffffff;
			font-family: Galano, Arial, sans-serif;
			margin: 0px;
			padding: 0px;
			height: 100vh;
			height: calc(100vh - 60px);
			width: 100vw;
			overflow: auto;
		}

		.header {
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			margin: 0px;
			padding: 0px;
			height: 70px;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			background-color: #ffffff;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			justify-content: space-between;
		}

		.left-header {
			padding-left: 20vw;
			width: 140px;
			height: 25px;
		}

		.footer {
			position: fixed;
			left: 0px;
			right: 0px;
			bottom: 0px;
			height: 51px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			align-items: center;
			background: #ecf1fa 0% 0% no-repeat padding-box;
			opacity: 1;
			font-size: 14px;
			color: black;
		}

		.left-footer {
			color: #617384;
			color: #0E2849;
			text-align: left;
			font: normal normal normal 14px/17px Galano;
			letter-spacing: 0px;
			opacity: 1;
			padding-left: 20vw;
		}

		.right-footer {
			color: #0E2849;
			padding-right: 10px;
		}

		.background-container {
			position: fixed;
			top: 70px;
			left: 0;
			right: 0;
			height: 665px;
			width: 100%;
			opacity: 1;
			overflow: hidden;
		}

		.imageBg {
			margin-top: -120px;
			width: 100%;
		}

		.main-container {
			position: relative;
			top: 29vh;
			left: 20vw;
			width: 624px;
			height: 470px;
			transition: all 0.2s;
			background: #ECF1FA 0% 0% no-repeat padding-box;
			opacity: 1;
			padding: 52px 64px;
			display: flex;
			flex-flow: column nowrap;
			justify-content: space-between;
		}

		.makeSmaller {
			height: 250px;
			transition: all 0.2s;
		}

		.title-container {
			display: flex;
			flex-flow: row nowrap;
			justify-content: left;
			margin-bottom: 30px;
		}

		.call-content .title-container {
			justify-content: center;
			margin-bottom: 0;
		}

		.inactiveContent .title-container {
			justify-content: center;
			margin-bottom: 0;
		}

		.title-element {
			font-weight: 700;
			text-align: left;
			font: normal normal 600 48px/58px Galano;
			letter-spacing: 0px;
			color: #005CA9;
			opacity: 1;
			margin: 0;
		}

		.inactiveContent .title-element {
			text-align: center;
		}

		.content {
			display: flex;
			flex-flow: column nowrap;
			justify-content: space-between;
			height: 100%;
			height: -webkit-fill-available;
		}

		.topic-label {
			margin: 0;
			text-align: left;
			font: normal normal 600 24px/28px Galano;
			letter-spacing: 0px;
			color: #0E2849;
			opacity: 1;
		}

		.radio-container {
			display: flex;
			flex-flow: column;
		}

		.topic-error-message {
			padding-top: 5px;
		}

		.radioLabel {
			display: block;
			text-align: left;
			font: normal normal normal 18px/22px Galano;
			letter-spacing: 0px;
			color: #0E2849;
			opacity: 1;
			cursor: pointer;
		}

		.fieldSetEl {
			border: none;
			margin: 0;
			padding: 0;
		}

		.radio-group-container {
			margin: 0;
			margin-bottom: 50px;
			text-align: left;
			display: flex;
			flex-flow: column;
			border: none;
			padding: 0;
			gap:30px;
		}

		.radioEl {
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			gap: 10px;
			/* margin-top: 30px; */
		}

		.radioEl.disabled .radioLabel {
			color: rgb(111, 103, 106);
			cursor: default;
		}

		.addInfoOff {
			color: rgb(111, 103, 106);
			font-style: italic;
			font-size: 13px;
			padding-top: 2px;
		}

		.radio-group-container input[type="radio"] {
			margin: 0;
			height: 24px;
			width: 24px;
			padding-inline: 8px;
			accent-color: #005CA9;
			color: #D0D4DA;
			border: 1px solid #D0D4DA;
			flex: 0 0 24px;
			cursor: pointer;
		}

		.radio-group-container .radioEl.disabled input[type="radio"] {
			cursor: default;
		}

		.phone-label {
			text-align: left;
			font: normal normal 600 24px/28px Galano;
			letter-spacing: 0px;
			color: #0E2849;
			opacity: 1;
			margin: 0;
		}

		.inactiveContent {
			padding-top: 20px;
			padding-bottom: 15px;
		}

		.subtitle-element {
			text-align: center;
			font-weight: 600;
			font-size: 12px;
			letter-spacing: 0;
			line-height: 22px;
			color: rgba(10, 7, 36, 0.70);
			visibility: visible;
			white-space: pre-wrap;
		}

		.active-content .main-content-container {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			padding-left: 0;
			gap: 5px;
		}

		.phone-container {
			flex: 1;
			display: flex;
			flex-flow: row wrap;
			gap: 32px;
			margin-top: 30px;
		}

		.input-container {
			flex: auto;
			display: flex;
			flex-flow: column nowrap;
			gap: 10px;
		}

		#inNumber {
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border: 1px solid #D8E4F6;
			border-radius: 10px;
			opacity: 1;
			height: 22px;
			font: normal normal normal 18px/22px Galano;
			padding: 21px 30px;
		}

		#inNumber.wrongNumber {
			color: #cc0000 !important;
		}

		#inNumber:focus-visible {
			outline: 1px solid #005CA9;
		}

		.error-message,
		.topic-error-message {
			font-size: 13px;
			line-height: 1.5;
			color: #cc0000;
			visibility: hidden;
			padding-left: 4px;
		}

		.showErr {
			visibility: visible;
		}

		#btnSubmit {
			flex: 0 0 196px;
			height: 64px;
			border: none;
			cursor: pointer;
			align-self: baseline;
			background: #25AFB8 0% 0% no-repeat padding-box;
			border-radius: 10px;
			opacity: 1;
			text-align: center;
			font: normal normal normal 18px/22px Galano;
			letter-spacing: 0px;
			/* color: #FFFFFF; */
			color: #040F1B;
		}

		#btnSubmit:hover {
			background-color: #FFFFFF;
			color: #005CA9;
		}

		.saveContent {
			font-size: 12px;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			gap: 5px;
		}

		.additional-container {
			padding-top: 20px;
			display: block;
			text-align: left;
			font: normal normal normal 14px/17px Galano;
			letter-spacing: 0px;
			/* color: #617384; */
			color: #0E2849;
			opacity: 1;
		}

		#chbSave {
			cursor: pointer;
		}

		.hide {
			display: none !important;
		}

		.errorMessage {
			text-align: center;
			font: normal normal 600 24px/28px Galano;
			letter-spacing: 0px;
			color: #0E2849;
			opacity: 1;
		}

		.message {
			font-size: 13px;
			color: #005ca9;
			min-height: 20px;
			text-align: center;
			font: normal normal 600 24px/28px Galano;
			letter-spacing: 0px;
			color: #0E2849;
			opacity: 1;

		}

		.inactiveContent .main-content-container {
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: flex-start;
			padding-top: 30px;
			flex: auto;
		}

		.call-content .main-content-container {
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: space-evenly;
			gap: 40px;
			flex: auto;
			padding-bottom: 40px;
		}

		.back-link {
			/* color: #25AFB8; */
			color: #005ca9;
			text-align: center;
			text-decoration: underline;
			font: normal normal normal 18px/22px Galano;
			letter-spacing: 0px;
		}

        .content.hide .back-link {
            display: none;
        }

		.dots-container {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-around;
			align-items: center;
			width: 200px;
		}

		.dots-container svg.smaller-dot {
			width: 28px;
			height: 28px;
			transform-origin: 50% 50%;
			animation: dotsTransform 1s 1s ease-in-out infinite alternate;
		}

		.dots-container svg.bigger-dot {
			width: 52px;
			height: 52px;
			transform-origin: 50% 50%;
			animation: dotsTransform 1s ease-in-out infinite alternate;
		}

		.invisibleCloak {
			visibility: hidden;
		}

		@keyframes dotsTransform {
			0% {
				transform: scale(1.0);
			}

			100% {
				transform: scale(0.7);
			}
		}

		@media only screen and (max-height : 655px) and (max-width: 1440px) {

			#content {
				height: 120vh;
			}

			.main-container {
				top: 10vh;
				height: calc(100vh - 25vh);
				padding: 15px 20px;
			}

			.title-container {
				margin-bottom: 15px;
			}

			.radioEl {
				margin-top: 17px;
			}

			.radio-group-container {
				margin-bottom: 40px;
			}
		}

		@media only screen and (max-height : 655px) and (max-width: 1000px) {

			#content {
				height: 120vh;
			}

			.main-container {
				top: 11vh;
				height: calc(100vh - 25vh);
				padding: 15px 20px;
				left: 10vw;
			}

			.title-container {
				margin-bottom: 15px;
			}

			.radioEl {
				margin-top: 17px;
			}

			.radio-group-container {
				margin-bottom: 40px;
			}
		}

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

			.header {
				height: 50px;
			}

			.background-container {
				height: 350px;
				top: 50px;
			}

			.imageBg {
				margin-top: 0;
			}

			.main-container {
				top: 15vh;
				left: 10vw;
				height: 446px;
				width: calc(100% - 240px);
				padding: 30px 10px;
			}

			.font-big .main-container {
				top: 15vh;
			}

			#btnSubmit {
				flex: 0 0 192px;
				font: normal normal normal 18px/22px Galano;
			}

			.title-container {
				margin-bottom: 30px;
			}

			.title-element {
				font: normal normal 600 40px/48px Galano;
			}

			.title-call-element {
				text-align: center;
				font: normal normal 600 32px/38px Galano;
				letter-spacing: 0px;
				color: #005CA9;
				opacity: 1;
				margin-bottom: 0;
			}

			.message {
				font: normal normal 600 20px/24px Galano;
			}

			.topic-label {
				font: normal normal 600 20px/24px Galano;
			}

			.radioEl {
				margin-top: 22px;
			}

			.radioLabel {
				font: normal normal normal 16px/19px Galano;

			}

			.phone-label {
				font: normal normal 600 20px/24px Galano;
			}

			#inNumber {
				font: normal normal normal 16px/19px Galano;
			}

			.additional-container {
				font: normal normal normal 12px/14px Galano;
			}

			.left-header {
				padding-left: 64px;
				width: 110px;
				height: 20px;
			}

			.left-footer {
				padding-left: 10px;
			}
		}

		@media only screen and (max-height : 655px) and (max-width: 768px) {

			#content {
				height: 120vh;
			}

			.main-container {
				top: 10vh;
				height: calc(100vh - 30vh);
				padding: 15px 20px;
				width: calc(100vw - 20vw);
				left: 7vw;
			}

			.title-container {
				margin-bottom: 15px;
			}

			.phone-container {
				margin-top: 5px;
				gap: 5px;
			}

			.additional-container {
				padding-top: 5px;
			}

			.radioEl {
				margin-top: 17px;
			}

			.radio-group-container {
				margin-bottom: 30px;
			}

			.content:has(.radio-container.hide) {
				gap: 20px;
			}
		}

		@media only screen and (min-height : 656px) and (max-width: 1440px) {

			.main-container {
				top: 15vh;
			}

			.font-medium .main-container {
				top: 13vh;
			}
			.font-big .main-container {
				top: 10vh;
			}
		}

		@media only screen and (min-height : 656px) and (max-width: 1200px) {

			.main-container {
				padding: 30px 64px;
				top: 12vh;
			}

			.radio-group-container {
				margin-bottom: 30px;
			}

			.title-container {
				margin-bottom: 5px;
			}

			.additional-container {
				padding-top: 10px;
			}

		}

		@media only screen and (min-height : 656px) and (max-width: 1000px) {

			.main-container {
				top: 15vh;
				padding: 15px 20px;
			}

			.font-medium .main-container,
			.font-big .main-container {
				top: 10vh;
			}

			.radio-group-container {
				margin-bottom: 30px;
			}
		}

		@media only screen and (min-height : 656px) and (max-width: 800px) {

            .main-container {
				left: 64px;
			}

			.radio-group-container {
				margin-bottom: 30px;
			}
		}

		@media only screen and (min-height : 656px) and (max-width: 768px) {

            .main-container {
				width: calc(100vw - 20vw);
			}

			.radio-group-container {
				margin-bottom: 30px;
			}

			.phone-container {
				margin-top: 5px;
				gap: 5px;
			}
		}

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

            .header {
				height: 50px;
			}

			.background-container {
				height: 350px;
				top: 50px;
			}

			.imageBg {
				margin-top: 0;
			}

			.main-container {
				top: 29vh;
				left: 64px;
				height: 446px;
				width: calc(100% - 240px);
				padding: 64px 56px;
			}

			#btnSubmit {
				flex: 0 0 192px;

				font: normal normal normal 18px/22px Galano;
			}

			.title-container {
				margin-bottom: 30px;
			}

			.title-element {
				font: normal normal 600 40px/48px Galano;
			}

			.title-call-element {
				text-align: center;
				font: normal normal 600 32px/38px Galano;
				letter-spacing: 0px;
				color: #005CA9;
				opacity: 1;
				margin-bottom: 0;
			}

			.message {
				font: normal normal 600 20px/24px Galano;
			}

			.topic-label {
				font: normal normal 600 20px/24px Galano;
			}

			.radioEl {
				margin-top: 22px;
			}

			.radioLabel {
				font: normal normal normal 16px/19px Galano;

			}

			.phone-label {
				font: normal normal 600 20px/24px Galano;
			}

			#inNumber {
				font: normal normal normal 16px/19px Galano;
			}

			.additional-container {

				font: normal normal normal 12px/14px Galano;
			}

			.left-header {
				padding-left: 64px;
				width: 110px;
				height: 20px;
			}

			.left-footer {
				padding-left: 10px;
			}
		}

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

			html {
				overflow-y: auto;
			}

			.header {
				height: 50px;
			}

			.background-container {
				height: 168px;
				top: 50px;
			}

			.imageBg {
				margin-top: 0;
			}

			.main-container {
				top: 20vh;
				left: 20px;
				min-height: 342px;
				height: max-content;
				padding: 5vh 3vw;

				width: calc(100% - 40px - 6vw);
			}

			.call-content .main-content-container {
				gap: unset;
			}

			.dots-container svg.smaller-dot {
				width: 24px;
				height: 24px;
			}

			.dots-container svg.bigger-dot {
				width: 43px;
				height: 43px;
			}

			.title-container {
				margin-bottom: 0;
			}

			.title-element {
				font: normal normal 600 32px/38px Galano;
				margin-bottom: 22px;
			}

			.topic-label {
				font: normal normal 600 18px/22px Galano;
			}

			.radioGroupDiv {
				margin-bottom: 19px;
			}

			.radioLabel {
				font: normal normal normal 16px/19px Galano;
			}

			.phone-container {
				flex-flow: column nowrap;
				gap: 10px;
				margin-top: 18px;
			}

			.input-container {
				flex: 0 0 70px;
				gap: 3px;
			}

			.phone-label {
				font: normal normal 600 18px/22px Galano;
			}

			#inNumber {
				font: normal normal normal 16px/19px Galano;
				height: 18px;
				padding: 19px 13px;
			}

			#btnSubmit {
				flex: auto;
				width: 100%;
				height: 52px;
				font: normal normal normal 16px/19px Galano;
			}

			.additional-container {

				font: normal normal normal 12px/14px Galano;
			}

			.left-header {
				padding-left: 20px;
				width: 110px;
				height: 20px;
			}

			.left-footer {
				padding-left: 10px;
				font: normal normal normal 10px/12px Galano;
			}

			.right-footer {
				font: normal normal normal 10px/12px Galano;
			}
		}

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

            .main-container {
				top: 20vh;
				left: 20px;
				min-height: 342px;
				height: max-content;
				padding: 5vh 3vw;
				width: calc(100% - 40px - 6vw);
			}
		}

		.sr-only {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}

		header .access-nav {
			position: absolute;
			z-index: 1000;
			top: 0;
			left: 0;
			width: 20rem;
		}

		header .access-nav ul li {
			list-style: none;
		}

		header .access-nav ul li a {
			display: block;
			text-decoration: none;
			border: .1rem solid #000;
			background: #ff0;
			color: #000;
			padding: .5rem 0;
			text-align: center;
			font-family: "SourceSansPro-Bold", "Helvetica Neue", "Trebuchet MS", "Arial", sans-serif;
			font-size: 1.6rem;
			width: 100%;
			position: absolute;
			top: -99.9rem;
			left: 0;
		}

		header .access-nav ul li a:active,
		header .access-nav ul li a:focus {
			top: 0;
		}

		header .accessibility {
			white-space: nowrap;
			margin-left: 1.5rem;
			display: flex;
			flex-flow: row nowrap;
			gap: 10px;
			padding: 0 10px;

		}

		header .accessibility .contrastLink {
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			justify-content: center;
		}

		header .contrastIcon {
			height: 18px;
			width: 18px;
		}

		header .accessibility .font-sizes {
			display: flex;
			flex-flow: row nowrap;
			align-items: baseline;
			gap: 10px;
			font-family: Arial, sans-serif;
		}
		header .accessibility .font-sizes a {
			text-decoration: none;
			color: black;
		}

		header .accessibility .font-sizes a:hover {
			text-decoration: underline;
		}

		header .accessibility .font-sizes a[data-size-switcher=small] {
			font-weight: lighter;
			font-size: 17px;
		}

		header .accessibility .font-sizes a[data-size-switcher=medium] {
			font-weight: lighter;
			font-size: 21px;
		}

		header .accessibility .font-sizes a[data-size-switcher=big] {
			font-weight: lighter;
			font-size: 25px;
		}

		header .accessibility .font-sizes a.active {
			font-weight: bold;
			text-decoration: underline;
		}