﻿#components-reconnect-modal {
	display: none !important;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}


h1, h2, h3, h4
.heading-handwriting { font-weight: normal; }


button[disabled] {
	background: grey !important;
	color: rgba(0, 0, 0, 0) !important;
	cursor: not-allowed;
	position: relative !important;
}
	button[disabled]::after {
		content: '.';
		color: #FFF;
		font-size: 80px;
		left: 50%;
		top: 3px;
		letter-spacing: 0;
		transform: translate(-50%, -50%);
		position: absolute;
		animation-name: anim-ak-button;
		animation-iteration-count: infinite;
		animation-duration: 2s;
		animation-delay: .3s;
		width: 100%;
		letter-spacing: -10px;
	}

@keyframes anim-ak-button {
	20% {
		content: '.';
	}

	40% {
		content: '. .';
	}

	60% {
		content: '. . .';
	}

	80% {
		content: '. . . .';
	}

	100% {
		content: '. . . . .';
	}
}




.no-scroll {
	overflow: hidden !important;
}



input[disabled],
select[disabled],
textarea[disabled] {
	filter: contrast(.5);
	cursor: not-allowed;
}











@media (max-width: 360px) {
	#imgOmniChannel {
		margin-top: 60px !important;
	}
}


@media (min-width: 1024px) {
	.floaty-button {
		margin-top: -57px !important;
	}
}
.page-wrapper {
	box-shadow: 0 0 16px #00000029;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 1920px;
}

.page-wrapper--resource {
	background-color: #F2EFEC;
}

.page-content {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 100%;
	position: relative;
	width: 100%;
}

.page-bg, .page {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	position: relative;
}

.page-bg {
	overflow: hidden;
}

.page {
	position: relative;
	padding-top: 48px;
}

	.page > *:first-child {
		padding-top: 159px;
	}

.page-header {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.page-header__background,
.page-header__content {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.page-header__content {
	--padding: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1210px;
	padding: 190px var(--padding) 0 var(--padding);
	width: 100%;
}

@media (max-width: 676px) {
	.page-header__content {
		padding-top: 100px !important;
	}
}

.page-header__image {
	--image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=);
	background-image: var(--image);
	background-position: center 1px;
	background-size: cover;
	height: 1080px;
	margin-bottom: -1px;
	margin-top: -1px;
	width: 100%;
}
@media (max-width: 875px) {
	.page-header__image {
		background-position: left 1px;
		margin-bottom: -1px;
	}
}

@media (max-width: 1023px) {
	.page-header__image--trial {
		background-position: left bottom;
	}
}

.page-header__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	letter-spacing: -1.98px;
	line-height: 62px;
	margin-bottom: 22px;
	max-width: 722px;
}
@media (max-width: 722px) {
	.page-header__heading {
		font-size: 40px;
		line-height: normal;
	}
}

.page-header__sub-heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -0.78px;
	line-height: 35px;
	margin-top: 0;
	max-width: 546px;
}

/* #region X */
.page-header--responsive .page-header__heading {
	line-height: 72px;
	margin-bottom: 32px;
}

.page-header--responsive .page-header__under-image-wrapper {
	--mobile-background-color: #FFFFFF;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}
	.page-header--responsive .page-header__under-image-wrapper::after {
		background: linear-gradient(to bottom, var(--mobile-background-color), #FFFFFF00);
		content: '';
		height: 40px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.page-header--responsive .page-header__under-image-wrapper,
	.page-header--responsive .page-header__under-image {
		display: none;
	}

@media (max-width: 946px) {
	.page-header--responsive .page-header__content {
		padding: 120px 15px 0 15px;
	}

	.page-header--responsive .page-header__heading {
		font-size: 40px;
		line-height: normal;
		max-width: unset;
		text-align: center;
	}

	.page-header--responsive .page-header__sub-heading {
		line-height: normal;
		max-width: unset;
		text-align: center;
	}

	.page-header--responsive .page-header__under-image-wrapper {
		display: block !important;
	}
	.page-header--responsive .page-header__under-image {
		display: block !important;
		margin: 0 auto;
		position: relative;
	}
	.page-header--responsive .page-header__background {
		display: none;
	}
}
/* #endregion X */

/* #region Marquee  */
.marquee-item .panel {
	height: 190px;
	width: 455px;
	/*background: #F2EFEC 0% 0% no-repeat padding-box;*/
	border-radius: 20px;
	opacity: 1;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	display: flex;
	gap: 32px;
	padding: 24px;
}






/* #region WS root */
:root {
	--container-padding: 15px;
}
/* #endregion WS root */

/* #region WS page */
.page-content-start {
	padding-top: 100px !important;
}
@media (min-width: 876px) {
	.page-content-start {
		padding-top: 150px !important;
	}
}
@media (min-width: 1024px) {
	.page-content-start {
		padding-top: 180px !important;
	}
}
/* #endregion WS page */

/* #region WS Container */
.container-680,
.container-900,
.container-1180,
.container-1280 {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
	padding: 0 var(--container-padding);
	text-align: center;
}

.container-680 {
	max-width: calc(680px + (var(--container-padding) * 2));
}
.container-900 {
	max-width: calc(900px + (var(--container-padding) * 2));
}
.container-1180 {
	max-width: calc(1180px + (var(--container-padding) * 2));
}
.container-1280 {
	max-width: calc(1280px + (var(--container-padding) * 2));
}

.item-width-900 {
	max-width: 900px;
}
/* #endregion WS Container */

.handwriting {
	color: #E01F26;
	font-family: shelby, sans-serif;
	font-size: 50px;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 20px;
}

/* #region Header */
.header__h1 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 55px;
	letter-spacing: -2.31px;
	line-height: 70px;
	margin: 0 0 40px 0;
	max-width: 594px;
	text-align: left;
}

.header__h2 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 38px;
	letter-spacing: 0;
	line-height: 46px;
	margin: 0 0 30px 0;
	text-align: left;
}
@media (min-width: 867px) {
	.hero__h1 {
		font-size: 60px;
		/*margin-bottom: 60px;*/
	}
}
@media (min-width: 1024px) {
	.header__h1 {
		font-size: 66px;
		line-height: 85px;
	}
}




.header-live-chat {
	
}
.header-live-chat__content {
	display: flex;
	flex-direction: column;
	gap: 60px;
	justify-content: center;
}
.header-live-chat__left {
	max-width: 470px;
}
.header-live-chat__right {

}
@media (min-width: 1024px) {
	.header-live-chat__content {
		flex-direction: row;
		gap: 67px;
	}
}
/* #endregion Header */








.marquee-wrapper {
}

	.marquee-wrapper .container {
		overflow: hidden;
	}

.marquee-inner span {
	display: flex;
	gap: 40px;
}

.marquee-wrapper .marquee-block {
	--total-marquee-items: 5;
	height: 300px;
	width: calc(30% * (var(--total-marquee-items)));
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	margin: 20px auto;
	padding: 30px 0;
}

.marquee-inner {
	display: flex;
	width: 200%;
	position: absolute;
}

.marquee-item {
	height: auto;
	float: left;
	transition: all .2s ease-out;
}

	.marquee-item:last-child {
		margin: 0 50px 0 20px;
	}

.marquee-inner.to-left {
	animation: marqueeLeft 20s linear infinite;
}

.marquee-inner.to-right {
	animation: marqueeRight 20s linear infinite;
}

@keyframes marqueeLeft {
	0% {
		left: 0;
	}

	100% {
		left: -100%;
	}
}

@keyframes marqueeRight {
	0% {
		left: -100%;
	}

	100% {
		left: 0;
	}
}

/* #endregion Marquee */


.omni-icons-001 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(800px + (var(--content-side-padding) * 2));
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	width: 100%;
}

.omni-icons-001__item {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.omni-icons-001__image-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 70px;
	justify-content: end;
	margin-bottom: 14px;
}

.omni-icons-001__text {
	color: #1C3364;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -0.6px;
}

/* #region WhatsApp Marquee  */
.whatsapp-panel {
	width: 565px;
}

	.whatsapp-panel img {
		margin-left: auto;
		margin-right: auto;
	}

	.whatsapp-panel .container {
		background-color: #D3FFDA;
		width: 565px;
		height 218px;
		padding: 32px;
		text-align: left;
		border-radius: 20px;
	}

		.whatsapp-panel .container h2 {
			line-height: normal;
			margin-bottom: 0;
			font-size: 30px;
		}

		.whatsapp-panel .container p {
			line-height: 32px;
		}
/* #endregion WhatsApp Marquee */


/* #region marquee4  */
.marquee4-wrapper .container {
	overflow: hidden;
}

.marquee4-inner span {
	display: flex;
	gap: 40px;
}

.marquee4-wrapper .marquee4-block {
	--total-marquee4-items: 4;
	height: 710px;
	width: calc(30% * (var(--total-marquee4-items)));
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	margin: 20px auto;
	padding: 30px 0;
}

.marquee4-inner {
	display: flex;
	width: 200%;
	position: absolute;
}

.marquee4-item {
	height: auto;
	float: left;
	transition: all .2s ease-out;
}

	.marquee4-item:last-child {
		margin: 0 50px 0 20px;
	}

.marquee4-inner.to-left {
	animation: marqueeLeft 20s linear infinite;
}

.marquee4-inner.to-right {
	animation: marqueeRight 20s linear infinite;
}

.marquee4-inner.to-left:hover,
.marquee4-inner.to-right:hover {
	animation-play-state: paused;
}



/* #endregion marquee4 */




/* #region Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

body,
h1, h2, h3, h4,
p {
	margin-block-end: 0;
}

body {
	min-height: 100vh;
	line-height: 1.5;
}

h1, h2, h3, h4,
button, input, label {
	line-height: 1.1;
}

/*h1, h2, h3, h4 {
    text-wrap: balance;
}*/

a:not([class]) {
	text-decoration-skip-ink: auto;
}

img,
picture {
	display: block;
	height: auto;
	max-width: 100%;
}

ul {
	list-style: disc inside none;
	padding-left: 0;
}

input, button,
textarea, select {
	font-family: inherit;
	font-size: inherit;
}

	textarea:not([rows]) {
		min-height: 7.5em;
	}

:target {
	scroll-margin-block: 5ex;
}
/* #endregion Reset */

/* #region Core */
:root {
	/* Define visual layers for UI elements */
	--layer-page-nav: 100;
	--layer-overlay-loading: 10000;
	/* Main colours */
	--clr-brand-primary: #e01f26;
	--clr-brand-secondary: #1c3664;
	--clr-brand-third: #fff;
	--content-side-padding: 15px;
	--spacing-0: 0px;
	--spacing-1: 16px;
	--spacing-2: 24px;
	--spacing-3: 32px;
	--spacing-4: 40px;
}

body {
	color: #4e4e4e;
	font-size: 16px;
	font-family: silka-regular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	color: var(--clr-brand-secondary);
}



/* #endregion Core */

/* #region Text */
.text {
	font-size: 16px;
	line-height: 30px;
}

.text--center {
	text-align: center;
}
.text > em,
.text > b {
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
/* #endregion Text*/

/* #region Layout */
.container,
.container--sm,
.container--md,
.container--lg,
.container--xl {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}

.container--sm,
.container--md,
.container--lg,
.container--xl {
	padding-left: 15px;
	padding-right: 15px;
}

.container--sm {
	max-width: 900px;
}

.container--md {
	max-width: 1100px;
}

.container--lg {
	max-width: 1280px;
}

.container--xl {
	max-width: 1890px;
}

.w--xs {
	max-width: 620px;
}

.w--sm {
	max-width: 900px;
}


.row-responsive {
	--item-width: 200px;
	align-items: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--item-width), 1fr));
	justify-items: center;
	width: 100%;
}

@media (max-width: 1099px) {
	.row-responsive {
		gap: 30px;
	}
}

.row-3 {
	display: flex;
	gap: 32px;
	justify-content: space-between;
	width: 100%;
}

.row-3-item {
	flex: 1;
}

	.row-3-item:nth-child(odd) {
		padding-top: 60px;
	}

@media (max-width: 1200px) {
	.row-3 {
		flex-direction: column;
	}

	.row-3-item:nth-child(odd) {
		padding-top: 0;
	}
}


/* used for carousel cards */
.row-1a1 {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
}



.image-stack {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	position: relative;
}

.image-stack__item { /* NOOP */
}

.image-stack__item--top {
	grid-column: 1 / span 8;
	grid-row: 1;
}

.image-stack__item--bottom {
	grid-column: 6 / -1;
	grid-row: 1;
	padding-top: 60px;
}


/*.row {
    display: flex;
    gap: 18px;
}
@media (max-width: 1100px) {
    .row { flex-direction: column; }
}*/

.card {
	margin-left: auto;
	margin-right: auto;
}

.card-body {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 30px 15px 15px 15px;
}

	.card-body > * {
		margin-bottom: 0;
		margin-top: 0;
	}


.row-auto {
	--row-gap: 1rem;
	--col-width: 50%;
	display: grid;
	gap: var(--row-gap);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--col-width)), 1fr));
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 676px) {
	.row-auto {
		grid-template-columns: 1fr;
	}
}



.grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	width: 100%;
}

.row {
	display: flex;
}

.col,
.col-4,
.col-12,
.col-md-4
.col-md-6 {
	display: flex;
	flex-direction: column;
}

.col-4 {
	grid-column: span 4;
}

.col-12 {
	grid-column: span 12;
}

@media (min-width: 1100px) {
	.col-md-4 {
		grid-column: span 4;
	}

	.col-md-6 {
		grid-column: span 6;
	}
}


.gap-y-4 {
	gap: var(--spacing-4) 0;
}

@media (min-width: 1100px) {
	.gap-x-md-4 {
		gap: 0 var(--spacing-4);
	}

	.gap-x-md-1 {
		gap: 0 var(--spacing-1);
	}
}





.padding-0 {
	padding: var(--spacing-0);
}

.padding-4 {
	padding: var(--spacing-4);
}

@media (min-width: 1100px) {
	.padding-md-4 {
		padding: var(--spacing-4);
	}
}


.ml-1 {
	margin-left: 15px;
}

.mb-0 {
	margin-bottom: var(--spacing-0);
}

.mb-1 {
	margin-bottom: var(--spacing-1);
}

.mb-2 {
	margin-bottom: var(--spacing-2);
}

.mb-3 {
	margin-bottom: var(--spacing-3);
}

.mb-4 {
	margin-bottom: var(--spacing-4);
}


.mt-0 {
	margin-top: 0;
}
.mt-3 {
	margin-top: var(--spacing-3);
}
.mt-4 {
	margin-top: var(--spacing-4);
}
.mt-6 {
	margin-top: 60px;
}

@media (min-width: 1100px) {
	.mr-lg-4 {
		margin-right: var(--spacing-4);
	}
}


.align-items-start {
	align-items: start;
}

.align-items-center {
	align-items: center;
}


.rounded-1 {
	border-radius: 10px;
}

.rounded-2 {
	border-radius: 15px;
}

.rounded-3 {
	border-radius: 20px;
}
/* #endregion Layout */

/* #region Layers */
.layer-group,
.layer {
	position: relative;
}

.layer-group {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.layer {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
}

.layer-graphics {
	overflow: hidden;
	user-select: none;
	pointer-events: none;
}
/* #endregion Layers */

/* #region Graphics */
.graphic {
	height: unset;
	position: absolute;
	pointer-events: none;
	user-select: none;
	max-width: unset;
}

.graphic-origin-center {
	transform-origin: center;
}

.graphic-position-center-y {
	transform: translateY(50%);
}



.graphic-line {
	mix-blend-mode: multiply;
}

.graphic-line-001 {
	transform: scale(-1);
}

.graphic-line-002 {
	transform: scaleX(-1);
}

.shadow {
	filter: blur(7px);
	margin-top: 40px;
	pointer-events: none;
	position: relative;
	user-select: none;
	max-width: 100%;
}

.line-wrapper {
	overflow: hidden;
	width: 100%;
}

.line {
	max-width: unset;
	user-select: none;
	pointer-events: none;
}

.line-001 {
	margin-bottom: -200px;
	margin-top: -100px;
}

.line-004 {
	max-width: 100%;
}
/* #endregion Graphics*/

/* #region Headings */
.heading-1 {
	color: #1c3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	letter-spacing: -1.32px;
	line-height: 85px;
	margin-bottom: 55px;
	margin-top: 0;
}

@media (max-width: 640px) {
	.heading-1 {
		font-size: 40px;
		line-height: normal;
	}

	.heading-1 + .heading-handwriting {
		font-size: 100px;
	}
}

.heading-2 {
	color: #1c3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
	margin-bottom: 28px;
	margin-top: 0;
}
@media (max-width: 640px) {
	.heading-2 {
		font-size: 33px;
		line-height: normal;
	}
}

.heading-3 {
	color: #1c3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: .85;
	letter-spacing: -0.66px;
	font-weight: 400;
	margin-top: 0;
}

.heading-4 {
	color: #1c3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: .85;
	letter-spacing: -0.66px;
	font-weight: 400;
}

.heading--regular {
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
}

.heading--medium {
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.heading--semibold {
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
}

.heading-subtext {
	color: #E01F26;
	display: block;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -.6px;
	line-height: .85;
	margin-bottom: 18px;
}

.heading-handwriting {
	color: var(--clr-brand-primary);
	font-family: shelby, sans-serif;
	font-size: 2em;
	letter-spacing: -0.55px;
	/*padding-right: 20px;*/
	margin-top: 0;
	line-height: .6;
}
@media (max-width: 767px) {
	.heading-handwriting-responsive {
		font-size: 70px;
	}
}

.heading--sm {
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -0.6px;
}

.heading-size-md {
	font-size: 30px;
	letter-spacing: -0.9px;
	line-height: 35px;
}

.heading-underline,
.heading-underline--md {
	--bg: none;
	display: inline-block;
	position: relative;
}

	.heading-underline--md::before {
		background-image: var(--bg);
		background-repeat: no-repeat;
		content: '';
		left: -5px;
		position: absolute;
		/*top: .9em;*/
		bottom: 0;
		width: 189px;
		height: 13px;
	}
/* #endregion Headings*/

@media (max-width: 767px) {
	.heading-underline--md {
		--bg: none !important;
	}
}

.divider {
	background: #504C4B29;
	height: 1px;
	width: 100%;
}
.divider--vertical {
	height: 100%;
	width: 1px;
}
@media (max-width: 1023px) {
	.divider--vertical { display: none; }
}



/* #region Buttons */
.button,.btn {
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	display: block;
	cursor: pointer;
	font-size: 18px;
	padding: 15px 4rem;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: fit-content;
}

.button--primary, .btn-primary {
	background: linear-gradient(to right, #e01f26, #f25a47);
	color: hsl(0, 100%, 100%);
}
	.button--primary:hover, .btn-primary:hover {
		background: linear-gradient(to right, #C7060D, #D9412E);
	}
.button--primary-reversed {
	background: #FFFFFF;
	border: 2px solid #E01F26;
	border-radius: 20px;
	color: #E01F26;
}
.button--primary-reversed:hover {
	color: #FFF;
}

.button--secondary {
	background: #fff !important;
	color: #000000 !important;
	/*color: #e01f26 !important;*/
}
	.button--secondary:hover {
		box-shadow: 0px 3px 6px #00000059;
	}

.button-size--xs,
.button-size--sm,
.button-size--md, .btn-size-md {
	padding-left: 0;
	padding-right: 0;
}

.button-size--xs {
	width: 119px;
}

.button-size--sm {
	width: 148px !important;
}

.button-size--md, .btn-size-md {
	width: 222px;
}




.button-interactive-001 {
	align-items: center;
	background: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0 3px 6px #00000029;
	cursor: pointer;
	display: flex;
	gap: 12px;
	padding: 13px 29px;
	text-decoration: none;
}
	.button-interactive-001:hover {
		box-shadow: 0 3px 6px #00000059;
	}

.button-interactive-001__icon {
	align-items: center;
	display: flex;
	height: 42px;
	justify-content: center;
	width: 51px;
}

.button-interactive-001__text {
	color: #1C3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
}
/* #endregion Buttons */

/* #region Boxes */
.box {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 3px 8px #00000029;
	max-width: 377px;
	padding: 32px;
	position: relative;
	text-align: left;
	width: 100%;
}

.box--glass {
	backdrop-filter: blur(6px);
	background: #ffffffaa;
}

.box--sm {
	max-width: 325px;
}

.box--image-lead {
	margin-top: 72px;
	padding-top: 72px;
}

@media (min-width: 1279px) {
	.box--image-lead-response {
		margin-top: 0;
	}
}

.box-image {
	position: absolute;
	top: -60px;
}

.box-colour {
	border-radius: 15px;
	padding: 40px;
	/*width: 381px;*/
}

.box-colour--green {
	background: #6dbd79;
}

.box-colour--blue {
	background: #6d8abd;
}

.box-colour--red {
	background: #f47362;
}

.box-colour--red-dark {
	background: #F25A47;
}

.box-colour--purple {
	background: #c56edf;
}

.box-colour--grey {
	background: #dfd5d4;
}

.box-colour--yellow {
	background: #ffb44e;
}

.box-colour--pink {
	background: #FF6998;
}

.box-colour-heading {
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	letter-spacing: -0.66px;
	line-height: 35px;
	margin-top: 0;
	font-weight: normal;
}

.box-colour-text {
	color: #fff;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 35px;
}


.box-grey {
	background: #F2EFEC;
	border-radius: 20px;
	padding: 47px;
}


.cardh-group {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.cardh {
	background: #F2EFEC;
	border-radius: 20px;
	padding: 47px;
}

.cardh-content {
}

.cardh-content--left {
	padding-right: 44px;
}

.cardh-content--right {
	padding-left: 44px;
}

.cardh-heading {
	align-items: center;
	display: flex;
	gap: 16px;
}




.colour-coded-box {
	display: flex;
	flex-direction: column;
	gap: 30px;
	position: relative;
}

	.colour-coded-box > * {
		margin: 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	.colour-coded-box::before {
		border-radius: 20px;
		content: '';
		display: block;
		height: 15px;
		position: relative;
		width: 100%;
	}

	.colour-coded-box:nth-child(1)::before {
		background: #F25A47;
	}

	.colour-coded-box:nth-child(2)::before {
		background: #FFA72F;
	}

	.colour-coded-box:nth-child(3)::before {
		background: #5475B1;
	}

	.colour-coded-box:nth-child(4)::before {
		background: #BB55D9;
	}

	.colour-coded-box:nth-child(5)::before {
		background: #54B162;
	}
/* #endregion Boxes */

/* #region Carousels */
.carousel {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.carousel-inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.carousel-slides {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	padding-left: 45px;
	padding-right: 45px;
}


.carousel-slide {
	align-items: center;
	display: flex;
	flex-direction: column;
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	opacity: 0;
	transition: opacity 100ms ease-in;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}

	.carousel-slide.active {
		opacity: 1;
		transition: opacity 1000ms ease-in;
		pointer-events: initial;
		user-select: initial;
		z-index: 1;
	}

.carousel-slide-heading {
	color: #1c3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: -0.96px;
}

.carousel-controls {
	display: flex;
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.carousel-controls--grey {
	margin: 0 auto;
	position: relative;
	width: 60%;
}

@media (max-width: 1279px) {
	.carousel-controls--grey {
		width: 100%;
	}
}

.carousel-controls--center {
	align-self: center;
}

.carousel-controls--bottom {
	align-self: end;
}

.carousel-control {
	color: #aaa1a0;
	cursor: pointer;
	font-size: 32px;
	padding: 15px;
}

.carousel-control--red {
	color: #e01f26;
}

.carousel-control--lg {
	font-size: 32px;
}

.carousel-indicators {
	display: flex;
	gap: 10px;
	margin-left: auto;
	margin-right: auto;
}

.carousel-indicator {
	align-items: center;
	background-color: #d9cecc;
	border-radius: 50%;
	display: flex;
	cursor: pointer;
	height: 14px;
	margin-top: 30px;
	width: 14px;
}

	.carousel-indicator.active {
		background-color: #f25a47;
	}


/* agent page */
.carousel-box-001 {
	display: none;
	min-height: 200px;
}
	.carousel-box-001.active {
		display: block;
	}
.carousel-box-001__top {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-left: 18px;
	padding-right: 18px;
}
.carousel-box-001__top-image {
	float: left;
	padding-right: 12px;
}
.carousel-box-001__top-heading {
	font-size: 22px;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	margin-top: 0;
}
.carousel-box-001__text {
	font-size: 15px;
}


/* #endregion Carousels */

/* #region Interactive Controls */
.interactive-controls {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

@media (max-width: 1279px) {
	.interactive-controls {
		display: none;
	}

	.interactive-controls-mb1,
	.interactive-controls-mb2 {
		display: flex;
		align-items: center !important;
	}
	.interactive-controls-mb1 {
		margin-bottom: 68px;
	}
}

.interactive-control {
	align-items: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 8px #00000029;
	cursor: pointer;
	display: flex;
	gap: 18px;
	max-width: 346px;
	padding: 12px 37px;
	width: 100%;
}

	.interactive-control:hover,
	.interactive-control.active {
		box-shadow: 0px 3px 8px #00000059;
	}

	.interactive-control.no-interact,
	.interactive-control.no-interact:hover,
	.interactive-control.no-interact:active {
		box-shadow: 0 3px 8px #00000029;
		cursor: initial;
	}

.interactive-control--reversed {
	justify-content: flex-end;
}

.interactive-control-icon {
	align-items: center;
	display: flex;
	height: 55px;
	justify-content: center;
	width: 55px;
}

.interactive-control-text {
	color: #1c3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	margin: 0;
	user-select: none;
}
/* #endregion Interactive Controls */

/* #region Bespoke */
.bespoke-click2call-rates {
	background: #F2EFEC;
	border-radius: 20px;
	display: grid;
	grid-column-gap: 100px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto auto;
	grid-template:
		'a a a a'
		'b b b c';
	padding: 33px 46px 40px 46px;
}


@media (max-width: 1310px) {
	.bespoke-click2call-rates {
		gap: 60px;
		grid-template-columns: 1fr;
		grid-template-areas: 'a' 'b' 'c';
	}
}

.bespoke-click2call-rates-a {
	grid-area: a;
}

.bespoke-click2call-rates-b {
	grid-area: b;
}

.bespoke-click2call-rates-c {
	grid-area: c;
}

/* -- Proactive Animation on the Visitor Page */
.visitor-proactive {
	opacity: 0;
	transition: opacity 100ms ease-in;
}

	.visitor-proactive.active {
		opacity: 1;
		transition: opacity 4000ms ease-in;
	}


@media (max-width: 360px) {
	#Carousel_AgentChatFeaturesTextHeader {
		font-size: 20px !important;
	}
}
/* -- Chat Windows Anaimation at top on the Visitor Page */
.visitorchatwindows img {
	/*max-height: 0px;*/ /* Removed as not animating atm */
	transition: max-height 1000ms linear;
}

	.visitorchatwindows img.active {
		max-height: 650px;
	}

/* -- Dashboard Chat Alert Anaimation at top on the Agent Page */
.agent-alert {
	opacity: 0;
	transition: opacity 100ms ease-in;
}

	.agent-alert.active {
		opacity: 1;
		transition: opacity 2000ms ease-in;
	}

@media (max-width: 360px) {
	.agent-alert {
		bottom: 20% !important;
	}
}

.bespoke-chat-window-3x-row {
	align-items: end;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

	.bespoke-chat-window-3x-row img {
		height: auto;
	}

@media (max-width: 1279px) {
	.bespoke-chat-window-3x-row {
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
}

.bespoke-icon-row {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
	justify-items: center;
	max-width: 100%;
	width: 900px;
}

.bespoke-icon-row-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	/*width: 156px;*/
}

.bespoke-icon-row-image-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 70px;
	justify-content: end;
	margin-bottom: 14px;
}

.bespoke-icon-row-item-undertext {
	color: #1c3364;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -0.6px;
}

.bespoke-chat-button-row {
	align-items: center;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(322px, 1fr));
	justify-items: center;
	margin: 32px auto 150px auto;
	max-width: 100%;
}


.bespoke-row-3 {
	align-items: center;
	display: flex;
	gap: 0;
	width: 100%;
}

@media (max-width: 1279px) {
	.bespoke-row-3 {
		flex-direction: column;
		gap: 60px;
	}
}

.bespoke-row-3 .box {
	margin-top: -80px;
}

@media (max-width: 1279px) {
	.bespoke-row-3 .box {
		margin-top: 0;
	}
}

.bespoke-row-3-lines {
	display: flex;
	align-items: center;
	justify-content: space-between;
	left: calc(50% - 45px);
	margin: 0 auto;
	position: absolute;
	transform: translate(-50%, -40px);
	width: 500px;
}

@media (max-width: 1279px) {
	.bespoke-row-3-lines {
		display: none;
	}
}

.bespoke-row-2 {
	display: flex;
	justify-content: space-evenly;
}

@media (max-width: 1099px) {
	.bespoke-row-2 {
		flex-direction: column;
		gap: 60px;
	}
}


.bespoke-awkward-carousel {
	display: block;
	gap: unset;
}

.bespoke-awkward-carousel-box {
	position: absolute;
	top: 50px;
}

@media (max-width: 1315px) {
	.bespoke-awkward-carousel {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.bespoke-awkward-carousel-box {
		position: relative;
		top: unset;
	}
}

.bespoke-carousel-with-interactive-controls {
	display: block;
}

@media (min-width: 1279px) {
	.bespoke-carousel-with-interactive-controls {
		display: grid;
		gap: 45px;
		grid-template-columns: repeat(3, 1fr);
	}
}



.bespoke-panel-boxes-with-person-001 {
	display: grid;
	justify-items: center;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	margin-top: 75px;
	overflow: hidden;
	padding-bottom: 60px;
	width: 100%;
}

@media (max-width: 876px) {
	.bespoke-panel-boxes {
		grid-template-columns: 1fr;
	}
	.bespoke-panel-boxes-with-person-001 > .bespoke-person {
		display: none;
	}
}


.bespoke-panel-boxes-with-person-002 {
	display: grid;
	justify-items: center;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-auto-rows: 1fr;
	margin-top: 75px;
	overflow: hidden;
	padding-bottom: 60px;
	width: 100%;
}
@media (max-width: 876px) {
	.bespoke-panel-boxes-with-person-002 {
		grid-template-columns: 1fr;
	}
}

.bespoke-panel-boxes-with-person-002 .box-colour {
	border-radius: 20px;
	/*height: 223px;*/
	/*width: 373px;*/
	/*max-height: 223px;*/
	/*margin-bottom: 20px;*/
	width: 100%;
}

		.bespoke-panel-boxes-with-person-002 .box-colour .box-colour-heading {
			font-family: Silka-Medium, Arial, Helvetica, sans-serif;
			color: #fff;
			letter-spacing: .1px;
			line-height: 1.5;
			font-size: 24px;
			padding: 0;
			margin: 0;
		}


.bespoke-person-gradient-001 {
}

	.bespoke-person-gradient-001::after {
		background: linear-gradient(to top, ##ffffffff, #ffffff00 20%);
		bottom: 0;
		content: '';
		left: 0;
		width: 100%;
	}

.bespoke-overlapped-windows {
	align-items: flex-start;
	display: flex;
}

@media (min-width: 1280px) {
	.bespoke-overlapped-windows-center {
		margin-left: -57px;
		margin-right: -57px;
		z-index: 1;
		border-radius: 20px;
		backdrop-filter: blur(20px);
	}

	.bespoke-overlapped-windows-side {
		padding-top: 96px;
	}
}

@media (max-width: 1280px) {
	.bespoke-overlapped-windows {
		align-items: center;
		flex-direction: column;
		gap: 40px;
	}
	.bespoke-overlapped-windows-center {
		border-radius: 20px;
		backdrop-filter: blur(20px);
	}
}
/* #endregion Bespoke */

/* #region Misc */
.no-padding {
	padding: 0;
}

.hcenter {
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* #endregion Misc */

/* #region Display */
.display--sm,
.display--md,
.display--lg,
.display--xl {
	display: none;
}

@media (min-width: 899px) {
	.display--sm {
		display: block;
	}
}

@media (min-width: 1099px) {
	.display--md {
		display: block;
	}
}

@media (min-width: 1279px) {
	.display--lg {
		display: block;
	}
}

@media (min-width: 1920px) {
	.display--xl {
		display: block;
	}
}
/* #endregion Display */

/* #region Page Footer */
.page-footer {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	gap: 32px;
}

.page-footer-chonk {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr 1fr;
	gap: 100px;
	padding: 20px 0;
}

@media (max-width: 900px) {
	.page-footer-chonk {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		gap: 100px 40px;
	}
}

@media (max-width: 768px) {
	.page-footer-chonk {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		gap: 40px;
	}
}

.footer-icons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: space-between;
	margin-bottom: 32px;
}

@media (max-width: 799px) {
	.footer-icons {
		justify-content: center;
	}
}

.page-footer li {
	margin-bottom: .5rem;
}

	.page-footer li a {
		text-decoration: none;
		color: #4e4e4e;
	}

.footer-banner {
	align-items: center;
	background: var(--clr-brand-secondary);
	color: #fff;
	display: flex;
	font-family: silka-light;
	font-size: 13px;
	gap: 16px;
	justify-content: center;
	letter-spacing: .2px;
	padding: 20px;
}

	.footer-banner p {
		color: #fff;
	}

@media (max-width: 799px) {
	.footer-banner {
		flex-direction: column;
	}
}

.footer-banner p {
	margin-top: 0;
}

.footer-banner a {
	color: #fff;
	text-decoration: none;
	position: relative;
}

	.footer-banner a::before {
		content: '|';
		margin-right: 16px;
	}

.footer-heading {
	color: var(--clr-brand-secondary);
	font-family: silka-semibold;
	font-size: 22px;
	letter-spacing: .5px;
}

.footer-text {
	color: #4E4E4E;
	font-size: 14px;
	line-height: 1.5;
}

.footer-text-sm {
	font-size: 13px;
	text-align: center;
	padding: 0 32px;
}

	.footer-text-sm a {
		color: #4e4e4e;
	}

.footer-socialmedia {
	display: flex;
	gap: 32px;
}

.footer-socialmedia-icon {
	color: var(--clr-brand-secondary);
}
/* #endregion Page Footer */

/* #region CTAs */
/* #region Demo Request 006 */
.demo-request-006 {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + (var(--content-side-padding) * 2));
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	width: 100%;
}

.demo-request-006__heading {
	--underline: none;
	color: #E01F26;
	font-family: Shelby, sans-serif;
	font-size: 80px;
	letter-spacing: -0.8px;
	line-height: 85px;
	position: relative;
	text-align: center;
}

	.demo-request-006__heading::after {
		background-image: var(--underline);
		background-size: cover;
		bottom: 10px;
		content: '';
		height: 16px;
		left: 0;
		position: absolute;
		width: 100%;
	}

.demo-request-006__text {
	color: #000000;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	max-width: 550px;
	text-align: center;
}

.demo-request-006__card {
	background: #F2EFEC;
	border-radius: 20px;
	padding: 50px 52px 54px 52px;
}

.demo-request-006__card-items {
	display: grid;
	gap: 75px;
	grid-template-columns: repeat(3, 310px);
}

@media (max-width: 1179px) {
	.demo-request-006__card-items {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
}

.demo-request-006__card-item {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.demo-request-006__card-icon {
	margin-bottom: 14px;
}

.demo-request-006__card-text {
	color: #000D52;
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}

.demo-request-006__form {
	display: flex;
	gap: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 774px;
}

@media (max-width: 1000px) {
	.demo-request-006__form {
		align-items: center;
		flex-direction: column;
		gap: 30px;
		width: 100%;
	}

		.demo-request-006__form > .demo-request-006__form-input,
		.demo-request-006__form > .demo-request-006__form-submit {
			width: 100% !important;
		}
}

.demo-request-006__form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 3px 6px 0 #00000029;
	color: #504C4B;
	flex-grow: 1;
	font-size: 18px;
	padding: 15px 30px;
}

@media (max-width: 1000px) {
	.demo-request-006__form-input {
		width: 100%;
	}
}

.demo-request-006__form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: hsl(0, 100%, 100%);
	display: block;
	cursor: pointer;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: 188px;
}
/* #endregion Demo Request 006 */




.cta-001-container {
	background-color: #f2efec;
	border-radius: 15px;
	display: flex;
	gap: 30px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
}

@media (max-width: 876px) {
	.cta-001-container {
		flex-direction: column;
	}
}

.cta-001-cell {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.cta-001-responsemessage .msg-error {
	color: #E01F26;
	font-size: 18px;
}

.cta-001-responsemessage .msg-ok {
	color: #000;
	font-size: 18px;
}

.cta-001-heading {
	font-size: 40px;
	margin-top: 0;
}
@media (max-width: 360px) {
	.cta-001-heading {
		font-size: 35px;
	}
}

.cta-001-text {
	color: #000;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left !important;
}

.cta-001-form {
	display: flex;
	gap: 15px;
	margin-top: auto;
	width: 100%;
}

@media (max-width: 768px) {
	.cta-001-form {
		flex-direction: column;
	}
	.cta-001-form > button {
		width: 100% !important;
	}
}

.cta-001-form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 4px 4px 0 #00000029;
	flex-grow: 1;
	padding: 15px;
}

.cta-001-form-select {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 4px 4px 0 #00000029;
	flex-grow: 1;
	padding: 15px;
}

/* #endregion CTAs*/

/* #region Icon*/
.icon {
	height: fit-content;
}
@media (max-width: 360px) {
	.icon {
		align-self: start !important;
	}
}
/* #endregion Icon */



.management-panel-001 {
	display: grid;
	gap: 30px;
	grid-template-columns: 372px 372px 372px;
}
.management-panel-001__left,
.management-panel-001__right {
	padding-top: 60px;
}
.management-panel-001__middle {

}
@media (max-width: 1179px) {
	.management-panel-001 {
		display: flex;
		flex-direction: column;
		gap: 60px;
		margin: 0 auto;
		max-width: 500px;
		padding: 0 15px;
	}

	.management-panel-001__left,
	.management-panel-001__right {
		padding-top: 0;
	}

	.management-panel-001__middle > img {
		margin: 0 auto;
	}
}


@media (max-width: 1179px) {
	.management-panel-002 {
		align-items: center;
		display: flex;
		gap: 60px;
		flex-direction: column;
		margin-bottom: 60px;
	}
}
@media (min-width: 1180px) {
	.management-panel-002 {
		align-items: center;
		display: flex;
	}

	.management-panel-002__left {
		position: relative;
	}

		.management-panel-002__left::before {
			background: #000D52;
			bottom: 2%;
			content: '';
			position: absolute;
			right: 0;
			top: 2%;
			filter: blur(10px);
			width: 28px;
		}

	.management-panel-002__middle {
		margin: 0 -42px;
		opacity: .9;
		z-index: 1;
	}

	.management-panel-002__right {
		position: relative;
	}

		.management-panel-002__right::before {
			background: #000D52;
			bottom: 2%;
			content: '';
			left: 0;
			position: absolute;
			top: 2%;
			filter: blur(10px);
			width: 28px;
		}
}

.management-panel-003 {
	align-items: flex-end;
	display: flex;
	gap: 104px;
	justify-content: center;
	padding: 0 72px;
	width: 100%;
}
@media (max-width: 1919px) {
	.management-panel-003 {
		align-items: end;
		display: grid;
		gap: 52px 104px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-auto-rows: 1fr;
		justify-items: center;
		margin: 0 auto;
		max-width: 1180px;
	}
}
@media (max-width: 1023px) {
	.management-panel-003 {
		gap: 40px;
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 500px) {
	.management-panel-003 {
		gap: 40px;
		grid-template-columns: 1fr;
	}
}


.chatbotai-panel-001 {
	display: flex;
	gap: 120px;
	margin: 0 auto;
	padding: 0 15px;
	max-width: calc(1180px + 30px);
}
@media (max-width: 1179px) {
	.chatbotai-panel-001 {
		flex-direction: column;
	}
}
.chatbotai-panel-001__left,
.chatbotai-panel-001__right {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 530px;
}

.chatbotai-panel-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	max-width: 360px;
}
@media (min-width: 1180px) {
	.chatbotai-panel-001__left > .chatbotai-panel-001__text,
	.chatbotai-panel-001__left > .chatbotai-panel-001__window {
		align-self: flex-end;
	}

	.chatbotai-panel-001__right > .chatbotai-panel-001__text,
	.chatbotai-panel-001__right > .chatbotai-panel-001__window {
		align-self: flex-start;
	}
}

.chatbotai-panel-001__left > .chatbotai-panel-001__bot {
	align-self: flex-start;
	margin-left: 55px;
}

.chatbotai-panel-001__right > .chatbotai-panel-001__bot {
	align-self: flex-end;
	margin-right: 55px;
}

@media (max-width: 875px) {
	.chatbotai-panel-001__left > .chatbotai-panel-001__bot {
		margin-left: 0;
	}

	.chatbotai-panel-001__right > .chatbotai-panel-001__bot {
		margin-right: 0;
	}
}



.arti-header-hyphen-text {
	flex-direction: column;
	gap: 20px;
}

.arti-header-hyphen-text {
	align-items: center;
	display: flex;
	gap: 10px;
}
.arti-header-hyphen-text > span {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 35px;
}

@media (min-width: 640px) {
	.arti-header-hyphen-text {
		align-items: center;
		flex-direction: row;
		gap: 10px;
	}
	.arti-header-hyphen-text > span:nth-child(2) {
	}

		.arti-header-hyphen-text > span:nth-child(2)::before,
		.arti-header-hyphen-text > span:nth-child(2)::after {
			color: #E01F26;
			content: '\2010';
			display: inline-block;
		}

		.arti-header-hyphen-text > span:nth-child(2)::before {
			padding-right: 10px;
		}

		.arti-header-hyphen-text > span:nth-child(2)::after {
			padding-left: 10px;
		}
}




		.bg-grey {
			background: #F2EFEC;
		}


@keyframes anim-slider-scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc((var(--slide-width) + var(--slide-gap)) * var(--slide-count) * -1));
	}
}

.slider {
	--slide-count: 1;
	--slide-gap: 40px;
	--slide-height: 100px;
	--slide-width: 100%;
	--slider-vertical-padding: 0px; /* Orig: 10px */
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	margin: auto;
	max-width: 1920px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
	width: 100%;
}

.slider__track {
	animation: anim-slider-scroll 20s linear infinite;
	display: flex;
	height: var(--slide-height);
	position: absolute;
	top: var(--slider-vertical-padding);
	width: calc(calc(var(--slide-width) + var(--slide-gap)) * var(--slide-count));
}

.slider__slide {
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	padding: 0 calc(var(--slide-gap) / 2);
	width: calc(var(--slide-width) + var(--slide-gap));
}

.card-big-numbers-001 {
	align-items: center;
	background: #F2EFEC;
	border-radius: 20px;
	/*box-shadow: 0 3px 6px #00000029;*/
	display: flex;
	gap: 30px;
	padding: 28px;
	width: 455px;
}

.card-big-numbers-001--glass {
	background: #F2EFECD9;
	backdrop-filter: blur(6px);
}

.card-big-numbers-001--white {
	background: #FFFFFF;
}

.card-big-numbers-001__icon {
}

.card-big-numbers-001__content {
	display: flex;
	flex-direction: column;
}

.card-big-numbers-001__number {
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
}

.card-big-numbers-001__heading {
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	margin-bottom: 10px;
}

.card-big-numbers-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 25px;
	margin-top: 0;
}

.text--white {
	color: #FFFFFF;
}

.text--yellow {
	color: #FFA72F;
}

.text--blue {
	color: #5475B1;
}

.text--green {
	color: #397F42;
}

.text--red {
	color: #F25A47;
}

.text--purple {
	color: #B13FD4;
}

/* #region Components */
.no-bullets {
	list-style: none;
	padding-inline-start: 0;
}
/* #endregion Components */

/* #region Table */
.tbl {
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}

	.tbl thead {
		background: var(--clr-brand-secondary);
		color: #fff;
		text-align: left;
	}

		.tbl thead tr th {
			padding: 20px 10px;
		}

	.tbl tbody {
		background: #fff;
	}

		.tbl tbody tr td {
			padding: 20px 10px;
		}

		.tbl tbody tr:nth-child(2n) {
			background: #f5f5f5;
		}
/* #endregion Table */

/* #region Overlays */
.overlay {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.overlay-greyout {
	background: hsla(0, 0%, 20%, 60%);
}
/* #endregion Overlays */

/* #region CTA - Sandbox */
.cta-sandbox[theme=default] {
	background: hsl(210, 100%, 20%);
	align-items: center;
	color: hsl(0, 100%, 100%);
	display: flex;
	justify-content: center;
	padding: 32px;
}
/* #endregion CTA - Sandbox */

/* EVERYTHING BELOW IS EXPERIMENTAL - SEE /internal/mock */

.glass {
	background: #FFDD9153 url('https://c4aws33.headoffice.click4assistance.co.uk:1001/Images/Website/Graphics/glass-rect.svg') 0% 0% no-repeat padding-box;
	border-radius: 20px;
	opacity: 1;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	width: 1069px;
	height: 213px;
	display: grid;
	gap: 44px;
	grid-template-areas:
		'title buttons'
		'text buttons';
	grid-template-columns: 2fr 1fr;
	padding: 44px;
}

.glass-header {
	color: hsl(0, 100%, 100%);
	font-family: silka-bold;
	font-size: 42px;
}

.glass-text {
	color: hsl(0, 100%, 100%);
	font-family: silka-regular;
	font-size: 16px;
}

.glass-button {
	color: hsl(0, 0%, 0%);
	font-family: silka-regular;
	font-size: 16px;
}

* {
	/*margin: 0;
    padding: 0;*/
	box-sizing: border-box;
}

:root {
	--unnamed-color-fafafa: #FAFAFA;
	--unnamed-color-4e4e4e: #4E4E4E;
	--unnamed-color-000000: #000000;
}

/* Messy stuff copied straight from design */
.mock {
	background-image: url('https://c4aws33.headoffice.click4assistance.co.uk:1001/Images/Website/Photos/mock-002.jpeg');
	background-position: center;
	background-size: cover;
	border-radius: 45px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	padding: 53px;
	height: 635px;
	width: 100%;
}

.mock-glass {
	/* UI Properties */
	background: #FFDD9153 url('https://c4aws33.headoffice.click4assistance.co.uk:1001/Images/Website/Graphics/glass-rect.svg') 0% 0% no-repeat padding-box;
	border-radius: 20px;
	opacity: 1;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	width: 1069px;
	height: 213px;
}

.mock-glass {
	display: grid;
	gap: 53px;
	grid-template-areas:
		'title buttons'
		'text buttons';
	grid-template-columns: 2fr 1fr;
	padding: 53px;
}

.mock-heading {
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	grid-area: title;
}

.mock-text {
	color: #fff;
	font-size: 16px;
	grid-area: text;
}

.mock-buttons {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	grid-area: buttons;
}


h1:focus {
	outline: none;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid #e50000;
}

.validation-message {
	color: #e50000;
}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.darker-border-checkbox.form-check-input {
	border-color: #929292;
}











/* #region Components */
:root {
	/* Define all values here so we don't have to go through the CSS to modify things */
	--font-size-sm: 16px;
	--font-size-md: 18px;
	--font-size-lg: 22px;
	--font-size-xl: 24px;
	--font-size-2xl: 30px;
	--font-size-3xl: 42px;
	--font-size-4xl: 66px;
	--color-primary: #E01F26;
	--color-secondary: #1C3664;
	--font-weight-normal: 0;
	--font-weight-semibold: 0;
	--font-weight-bold: 0;
	--container-padding: 15px;
	--space-md: 30px;
	--space-lg: 40px;
	--space-xl: 50px;
	--space-2xl: 60px;
	--space-3xl: 70px;
	--c-padding: 15px;
}

/* #region Text */
.t {
	display: block;
	margin: 0;
	padding: 0;
}

.t-default {
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}

/* #region Headings */
.t-h1,
.t-h2,
.t-h3,
.t-h4,
.t-lead {
	color: var(--color-secondary);
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.t-h1 {
	font-size: 66px;
	letter-spacing: -1.26px;
	line-height: 72px;
}

.t-h2 {
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
}

.t-h3 {
	font-family: Silka-Medium, Arial, Helvectica, sans-serif;
	font-size: 30px;
	letter-spacing: -0.9px;
	line-height: 35px;
}

.t-h4 {
	font-family: Silka-Medium, Arial, Helvectica, sans-serif;
	font-size: 24px;
	letter-spacing: -0.72px;
	line-height: 28px;
}

.t-h-lead {
	color: var(--color-primary);
	font-family: Silka-Semibold, Arial, Helvectica, sans-serif;
	font-size: 20px;
	letter-spacing: -0.6px;
	line-height: normal;
}
/* #endregion Headings */


.t-size-xs {
	font-size: 15px;
	line-height: 22px;
}

.t-size-sm {
	font-size: var(--font-size-sm);
	line-height: 30px;
}

.t-size-md {
	font-size: var(--font-size-md);
}

.t-size-2md {
	font-size: 20px;
	line-height: 30px;
}

.t-size-lg {
	font-size: var(--font-size-lg);
}

.t-size-xl {
	font-size: var(--font-size-xl);
	line-height: 28px;
}

.t-size-2xl {
	font-size: var(--font-size-2xl);
}

.t-size-3xl {
	font-size: var(--font-size-3xl);
	line-height: 55px;
}

.t-size-4xl {
	font-size: var(--font-size-4xl);
	line-height: 72px;
}

.t-size-5xl {
	font-size: 100px;
}

.t-size-6xl {
	font-size: 100px;
	letter-spacing: -1px;
	line-height: 137px;
}

.t-color-primary {
	color: var(--color-primary);
}

.t-color-secondary {
	color: var(--color-secondary);
}

.t-color-secondary-dark {
	color: #000D52;
}

.t-color-default {
	color: #504C4B;
}

.t-weight-normal {
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
}

.t-weight-medium {
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	letter-spacing: -0.9px;
}

.t-weight-semibold {
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	letter-spacing: -0.66px;
}

.t-weight-bold {
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	letter-spacing: -1.26px;
}

.t-align-center {
	text-align: center;
}

.t-font-handwriting {
	display: inline-block;
	font-family: shelby, sans-serif;
	font-size: 1.75em;
	padding-left: .05em;
	padding-right: .1em;
	position: relative;
}

.t-font-writing {
	font-family: shelby, sans-serif;
}



.t-underline {
	bottom: 0;
	left: 0;
	position: absolute;
}
/* #endregion Text */

/* #region Content */
.container {
	--side-padding: 15px;
	margin: 0 auto;
	padding-left: var(--side-padding);
	padding-right: var(--side-padding);
	width: 100%;
}

.c {
	--content-width: 1920px;
	--side-padding: 15px;
	margin: 0 auto;
	width: 100%;
	padding-left: var(--side-padding);
	padding-right: var(--side-padding);
	max-width: min(calc(var(--content-width) + (var(--side-padding) * 2)), 100%);
}

/*@media (max-width: 767px) {
	.c {
		--side-padding: 30px;
	}
}*/

.c-size-2xs {
	--content-width: 640px;
}

.c-size-xs {
	--content-width: 768px;
}

.c-size-sm {
	--content-width: 900px;
}

.c-size-md {
	--content-width: 1180px;
}

.c-size-lg {
	--content-width: 1280px;
}

.c-size-xl {
	--content-width: 1920px;
}

.c-width-2xs {
	width: 100%;
	max-width: 640px;
}

.c-width-xs {
	max-width: 768px;
	width: 100%;
}

.c-width-2sm {
	max-width: 800px;
	width: 100%;
}

.c-width-sm {
	width: min(900px, 100%);
}

.c-width-md {
	width: min(1180px, 100%);
}
/*.container-2xs, .c-width-2xs {
    max-width: calc(500px + (var(--side-padding) * 2));
}*/

.container-xxs {
	max-width: calc(650px + (var(--side-padding) * 2));
}

.container-xs {
	max-width: calc(768px + (var(--side-padding) * 2));
}

.container-sm {
	max-width: calc(900px + (var(--side-padding) * 2));
}

.container-md {
	max-width: calc(1110px + (var(--side-padding) * 2));
}

.container-md2 {
	max-width: calc(1180px + (var(--side-padding) * 2));
}

.container-lg, .c-width-lg {
	max-width: calc(1280px + (var(--side-padding) * 2));
}


.c-center {
	margin-left: auto;
	margin-right: auto;
}

.c-full-width, .c-width-full {
	width: 100%;
}


.c-grid {
	--row-gap: 1rem;
	--col-width: 50%;
	display: grid;
	gap: var(--row-gap);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--col-width)), 1fr));
}

.c-grid-fixed-items {
	--row-gap: 1rem;
	--col-width: 50%;
	display: grid;
	gap: var(--row-gap);
	grid-template-columns: repeat(auto-fit, minmax(var(--col-width), var(--col-width)));
	width: 100%;
}
.c-grid2-with-divider {
	display: grid;
	gap: 100px;
	grid-template-columns: 1fr auto 1fr;
	width: 100%;
}
@media (max-width: 459px) {
	.c-grid2-with-divider {
		grid-template-columns: 1fr;
		gap: 50px;
	}
}
@media (min-width: 640px) and (max-width: 1023px) {
	.c-grid2-with-divider {
		grid-template-columns: 430px;
	}
}
/* #region Content Borders */
.c-border-rounded-md {
	border-radius: 20px;
}

.c-border-color-red {
	border: 4px solid #F25A47;
}

.c-border-color-blue {
	border: 4px solid #5475B1;
}

.c-border-color-purple {
	border: 4px solid #BB55D9;
}

.c-border-color-yellow {
	border: 4px solid #FFA72F;
}

.c-border-color-green {
	border: 4px solid #54B162;
}
/* #endregion Content Borders */

.c-shadow-md {
	box-shadow: 0 3px 8px #00000029;
}

/* #region Content top/bottom lines */
.c-bottom-line,
.c-bottom-line2{
	position: relative;
}

	.c-bottom-line::after,
	.c-bottom-line2::after{
		--color: #000000;
		background-color: var(--color);
		border-radius: 20px;
		content: '';
		display: block;
		height: 14px;
		position: relative;
		width: 100%;
	}

	.c-bottom-line2::after {
		position: absolute;
		bottom: -30px;
	}

	.c-bottom-line2-red::after,
	.c-bottom-line-red::after {
		--color: #F25A47
	}
.c-bottom-line2-blue::after,
.c-bottom-line-blue::after {
	--color: #5475B1
}

.c-bottom-line2-purple::after,
.c-bottom-line-purple::after {
	--color: #BB55D9
}

.c-bottom-line2-yellow::after,
.c-bottom-line-yellow::after {
	--color: #FFA72F
}

.c-bottom-line2-green::after,
.c-bottom-line-green::after {
	--color: #54B162
}
/* #endregion Content top/bottom lines */

/* #endregion Content */

.intro-text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 40px;
	margin-top: 0;
}
.intro-text > b {
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* #region Box */
.c-box {
	border-radius: 20px;
	padding: 20px 30px;
}

.c-box--grey {
	background: #F2EFEC;
}
/* #endregion Box */



.grid-auto {
	--gap-size: 40px;
	--item-width: auto;
	align-items: stretch;
	display: grid;
	gap: var(--gap-size);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width)), 1fr));
	justify-content: center;
	width: 100%;
}
.grid-auto--fixed-items {
	grid-template-columns: repeat(auto-fill, var(--item-width));
}
@media (max-width: 639px) {
	.grid-auto,
	.grid-auto--fixed-items {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
}


.omni-first-content {
	margin-bottom: 100px;
}
@media (min-width: 1279px) {
	.omni-first-content {
		margin-bottom: 90px;
	}
}





.c-justify-items-center {
	justify-items: center;
}

.c-col {
	--col-gap: 0;
	display: flex;
	flex-direction: column;
	gap: var(--col-gap);
}

.c-row {
	display: flex;
}

.c-align-items-center {
	align-items: center;
}

.c-align-items-baseline {
	align-items: baseline;
}

.c-align-items-end {
	align-items: end;
}

.c-align-self-start {
	align-self: start;
}

.c-justify-content-center {
	justify-content: center;
}

.c-justify-content-space-between {
	justify-content: space-between;
}



.c-position-relative {
	position: relative;
}

/* #region Margins */
.m-bottom-auto {
	margin-bottom: auto;
}

.m-bottom-2xs {
	margin-bottom: 10px;
}

.m-bottom-xs {
	margin-bottom: 15px;
}

.m-bottom-sm {
	margin-bottom: 20px;
}

.m-bottom-md {
	margin-bottom: 30px;
}

.m-bottom-lg {
	margin-bottom: 40px;
}

.m-bottom-xl {
	margin-bottom: 50px;
}

.m-bottom-2xl {
	margin-bottom: 60px;
}

.m-bottom-3xl {
	margin-bottom: 80px;
}

.m-bottom-4xl {
	margin-bottom: 90px;
}

.m-bottom-5xl {
	margin-bottom: 110px;
}

.m-bottom-6xl {
	margin-bottom: 180px;
}

.m-bottom-7xl {
	margin-bottom: 250px;
}

.m-top-auto {
	margin-top: auto;
}

.m-top-sm {
	margin-top: 20px;
}

.m-top-md {
	margin-top: 30px;
}

.m-top-lg {
	margin-top: 40px;
}

.m-top-xl {
	margin-top: 50px;
}

.m-top-2xl {
	margin-top: 60px;
}

.m-top-3xl {
	margin-top: 80px;
}

.m-top-4xl {
	margin-top: 90px;
}

.m-top-5xl {
	margin-top: 110px;
}

.m-top-6xl {
	margin-top: 180px;
}

.m-top-7xl {
	margin-top: 250px;
}

.m-top-sm-n {
	margin-top: -20px;
}

.m-top-md-n {
	margin-top: -30px;
}

.m-top-lg-n {
	margin-top: -40px;
}

.m-top-xl-n {
	margin-top: -50px;
}

.m-top-2xl-n {
	margin-top: -60px;
}

.m-top-3xl-n {
	margin-top: -80px;
}

.m-top-4xl-n {
	margin-top: -90px;
}

.m-top-5xl-n {
	margin-top: -110px;
}

.m-top-6xl-n {
	margin-top: -180px;
}

.m-top-7xl-n {
	margin-top: -250px;
}

@media (min-width: 1279px) {
	.m-lg-top-lg-n {
		margin-top: -40px;
	}
}
/* #endregion Margins */

/* #region Paddings */
.p-none {
	padding: 0;
}

.p-xs {
	padding: 15px;
}

.p-sm {
	padding: 20px;
}

.p-bottom-sm {
	padding-bottom: 20px;
}

.p-bottom-md {
	padding-bottom: 30px;
}

.p-bottom-lg {
	padding-bottom: 40px;
}

.p-bottom-xl {
	padding-bottom: 50px;
}

.p-bottom-2xl {
	padding-bottom: 60px;
}

.p-bottom-3xl {
	padding-bottom: 80px;
}

.p-bottom-4xl {
	padding-bottom: 90px;
}

.p-bottom-5xl {
	padding-bottom: 110px;
}

.p-bottom-6xl {
	padding-bottom: 180px;
}

.p-bottom-7xl {
	padding-bottom: 250px;
}

.p-top-sm {
	padding-top: 20px;
}

.p-top-lg {
	padding-top: 40px;
}

.p-top-4xl {
	padding-top: 90px;
}

.p-top-5xl {
	padding-top: 110px;
}

.p-left-lg {
	padding-left: 40px;
}

.p-right-lg {
	padding-right: 40px;
}
/* #endregion Paddings */

.g {
	pointer-events: none;
	position: absolute;
	user-select: none;
	max-width: unset;
}

.g-blend-multiply {
	mix-blend-mode: multiply;
}

.g-blend-lighten {
	mix-blend-mode: lighten;
}

.g-fade-bottom {
	background: linear-gradient(to top, #ffffffff, #ffffff00 20%);
}


.g-origin-center {
	transform-origin: center;
}

/* #region Line */
.g-line {
	/* Default to 1x1 transparent pixel */
	--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==);
	background-image: var(--image);
	background-position: center;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	max-width: 100%;
	position: relative;
	user-select: none;
	pointer-events: none;
	width: 100%;
}

.g-line-001 {
	background-size: 2231px 307px;
	height: 307px;
	left: -158px;
}

.g-line-002 {
	background-size: 2246px 518px;
	height: 518px;
}

.g-line-003 {
	background-size: 2246px 476px;
	height: 476px;
}

.g-line-004 {
	background-size: 2227px 213px;
	height: 213px;
}

.g-line-005 {
	background-size: 2264px 257px;
	height: 257px;
}

.g-line-006 {
	background-size: 2225px 191px;
	height: 191px;
}

.g-line-007 {
	background-position-x: -538px;
	height: 258px;
}

.g-line-011 {
	height: 437px;
}

.g-line-014 {
	background-size: 2232px 422px;
	height: 422px;
}

.g-line-015 {
	/*background-size: 2231px 307px;*/
	height: 307px;
}
.g-line-016 {
	height: 168px;
	transform: matrix(-1, 0, 0, -1, 0, 0);
}

/* #endregion Line */

.line-art {
	mix-blend-mode: multiply;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	user-select: none;
	width: 100%;
}

.line-art--002 {
	height: 174px;
}

.line-art--016 {
	height: 230px;
}

.line-art__image {
	height: unset;
	left: 0;
	max-width: unset;
	position: absolute;
	top: 0;
}

.line-art__image--002 {
	left: unset;
	right: 0;
}
@media (max-width: 767px) {
	.line-art__image--002 {
		left: unset;
		right: -300px;
	}
}

.line-art__image--016 {
	left: -264px;
}

/* #region Line Art */
.g-line-art {
	/* Default to 1x1 transparent pixel */
	--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==);
	background-image: var(--image);
	background-position: center;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	max-width: 100%;
	pointer-events: none;
	position: relative;
	user-select: none;
	width: 100%;
}

.g-line-art-002 {
	background-position: 30% 0%;
	background-size: 2060px 172px;
	height: 172px;
}
@media (max-width: 730px) {
	.g-line-art-002 {
		background-position-x: -1320px;
	}
}

.g-line-art-008 {
	background-position: center;
	background-size: 2251px 590px;
	height: 250px;
}

.g-line-art-009 {
	background-position: center;
	background-size: 3233px 607px;
	height: 607px;
}

.g-line-art-010 {
	background-position: -240px center;
	background-size: 2228px 321px;
	height: 321px;
}

.g-line-art-011 {
	background-position-x: -220px;
	height: 166px
}

.g-line-art-012 {
	background-size: 2251px 590px;
	height: 590px;
	margin-bottom: -100px;
	margin-top: -230px;
}

@media (max-width: 1023px) {
	.g-line-art-012 {
		background-position: 70% center;
	}
}

.g-line-art-013 {
	background-position: right 70% center;
	background-size: 2241px 513px;
	height: 513px;
	margin-top: -170px;
}

@media (max-width: 639px) {
	.g-line-art-013 {
		background-position: calc(50% - 150px) center;
		margin-top: -100px;
	}
}

@media (min-width: 640px) and (max-width: 1023px) {
	.g-line-art-013 {
		background-position: right 55% center;
	}
}


.g-line-art-014 {
	background-size: 2048px 172px;
	height: 172px;
}

.g-line-art-015 {
	background-size: 2225px 152px;
	height: 152px;
	margin-top: -20px;
}

@media (max-width: 767px) {
	.g-line-art-015 {
		background-position: right 33% center;
		margin-top: 20px;
	}
}
@media (max-width: 360px) {
	.g-line-art-015 {
		background-position: right 38% center;
		margin-top: 60px;
	}
}



.g-line-art-016 {
	background-position-x: -446px;
	background-size: 2226px 213px;
	height: 213px;
}
@media (min-width: 1024px) {
	.g-line-art-016 {
		background-position-x: -152px;
	}
}

.g-line-art-017 {
	background-size: 2225px 236px;
	height: 236px;
}

@media (max-width: 679px) {
	.g-line-art-017 {
		background-position: calc(50% - 150px) center;
	}
}

@media (min-width: 680px) and (max-width: 899px) {
	.g-line-art-017 {
		background-position: calc(50% - 100px) center;
	}
}


.g-line-art-018 {
	background-position: center;
	background-size: 2230px 500px;
	height: 500px;
}

@media (max-width: 899px) {
	.g-line-art-018 {
		background-size: 1115px 250px;
		height: 250px;
	}
}

.g-line-art-019 {
	background-position: calc(50% - 60px) center;
	background-size: 2055px 218px;
	height: 218px;
}

@media (max-width: 767px) {
	.g-line-art-019 {
		background-position: calc(50% - 260px) center;
	}
}

.g-line-art-021 {
	background-position-x: -732px;
	height: 230px;
	margin-top: 70px;
}
@media (min-width: 768px) {
	.g-line-art-021 {
		background-position: calc(50% - 72px) center;
		background-size: 2055px 230px;
		margin-top: -70px;
	}
}

.g-line-art-022 {
	background-position: 80% center;
	background-size: 2225px 152px;
	height: 152px;
}

@media (max-width: 767px) {
	.g-line-art-022 {
		background-position: 60% center;
	}
}

.g-line-art-023 {
	background-size: 2055px 218px;
	height: 218px;
}

@media (max-width: 899px) {
	.g-line-art-023 {
		background-position: 60% center;
	}
}


.g-line-art-024 {
	background-size: 2047px 227px;
	height: 227px;
}

.g-line-art-025 {

}


.g-line-art-026 {
	background-position: -488px 0;
	height: 437px;
}
@media (min-width: 877px) {
	.g-line-art-026 {
		background-position: -115px center;
	}
}

.g-line-art-027 {
	background-position-x: -650px;
	height: 321px;
}
@media (min-width: 1024px) {
	.g-line-art-027 {
		background-position-x: -50px;
	}
}

.g-line-art {

}
/* #endregion Line Art */

.cta-industry-example-002 {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: calc(1180px + (var(--container-padding) * 2));
	padding: 48px 58px;
	width: 100%;
}

.cta-industry-example-002__buttons {
	display: grid;
	gap: 13px 52px;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	width: 100%;
}

@media (max-width: 1179px) {
	.cta-industry-example-002__buttons {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.cta-industry-example-002__buttons {
		grid-template-columns: 1fr;
	}
}

.cta-industry-example-002__button {
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 6px #00000029;
	cursor: pointer;
	display: grid;
	gap: 13px;
	grid-template-columns: 35px 1fr;
	padding: 8px 20px;
	width: 100%;
}

.cta-industry-example-002__button-icon {
	margin: 0 auto;
}

.cta-industry-example-002__button-text {
	color: var(--color--blue-dark);
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
}





.b-coni-panel-001 {
	align-items: center;
	display: grid;
	grid-template-areas:
		'a b d'
		'a c d';
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: 1fr auto;
	justify-items: center;
	width: 100%;
}

.b-coni-panel-001-left {
	grid-area: a;
}

.b-coni-panel-001-middle-top {
	grid-area: b;
}

.b-coni-panel-001-middle-bottom {
	grid-area: c;
}

.b-coni-panel-001-right {
	grid-area: d;
}

@media (max-width: 1280px) {
	.b-coni-panel-001 {
		grid-template-areas:
			'b'
			'c';
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}

	.b-coni-panel-001-left,
	.b-coni-panel-001-right {
		display: none;
	}
}



/* #endregion Components */


.privacy-policy-content {
	display: grid;
	gap: 100px;
	grid-template-columns: 8fr 4fr;
}
@media (max-width: 1179px) {
	.privacy-policy-content {
		grid-template-columns: 1fr;
	}
}




.trustpilot-stars {
	display: flex;
	gap: 5px;
}


.faq-box {
	border: 1px solid #000D52;
	border-radius: 20px;
	padding: 30px 48px 26px 48px;
}

.faq-heading {
	color: #000D52;
	margin-top: 0;
}






.grid-001 {
	display: grid;
	gap: 150px 30px;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-template-rows: 1fr;
	justify-items: center;
	width: 100%;
}

.card-001 {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

.card-001--green::after,
.card-001--purple::after,
.card-001--blue::after,
.card-001--blue-light::after,
.card-001--red::after,
.card-001--yellow::after {
	border-radius: 20px;
	bottom: 0;
	content: '';
	display: block;
	height: 14px;
	left: 0;
	width: 100%;
	position: absolute;
}

.card-001--green::after {
	background: #54B162;
}

.card-001--purple::after {
	background: #BB55D9;
}

.card-001--blue::after {
	background: #5475B1;
}

.card-001--blue-light::after {
	background: #86CCFF;
}

.card-001--red::after {
	background: #F25A47;
}

.card-001--yellow::after {
	background: #FFA72F;
}

.card-001__image {
	margin-bottom: 32px;
}

.card-001__heading {
	text-align: left;
	margin-bottom: 18px;
	margin-top: 0;
	padding: 0 22px;
}

.card-001__text {
	text-align: left;
	margin-bottom: calc(32px + 14px);
	margin-top: 0;
	padding: 0 22px;
}

.card-001--graphic {
	align-self: center;
	bottom: 14px;
	height: 529px;
	max-width: 432px;
	position: absolute;
	width: 432px;
}



.card-002 {
	align-items: center;
	--bg: #f5f5f5;
	background: var(--bg);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding: 48px 24px 40px 24px;
}

.card-002--blue {
	--bg: #5475B1;
}

.card-002--green {
	--bg: #54B162;
}

.card-002--purple {
	--bg: #BB55D9;
}

.card-002__image {
	margin-bottom: 12px;
}

.card-002__heading {
	color: #ffffff;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 0;
	text-align: center;
}

.card-002__text {
	color: #ffffff;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}




@media (max-width: 899px) {
	.d-sm {
		display: none;
	}
}

@media (max-width: 1179px) {
	.d-md {
		display: none;
	}
}

@media (max-width: 1279px) {
	.d-lg {
		display: none;
	}
}

@media (max-width: 1919px) {
	.d-xl {
		display: none;
	}
}








.cta-industry-overview-001 {
	align-items: center;
	background: #F2EFEC;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	padding: 48px 104px 70px 104px;
	text-align: center;
	max-width: 1180px;
	width: 100%;
}

.cta-industry-overview-001__form {
	align-items: center;
	display: flex;
	gap: 20px;
	max-width: 744px;
	width: 100%;
}

@media (max-width: 900px) {
	.cta-industry-overview-001__form {
		flex-direction: column;
	}

	.cta-industry-overview-001__form > .cta-001-form-input {
		width: 100%;
	}
	.cta-industry-overview-001__form > .button {
		width: 100% !important;
	}
}
@media (max-width: 875px) {
	.cta-industry-overview-001 {
		padding: 40px 32px;
	}
}



.industry-overview-header-image-wrapper {
	padding-top: 0px;
}
@media (max-width: 1024px) {
	.industry-overview-header-image-wrapper {
		padding-top: 160px;
	}
}
@media (max-width: 420px) {
	.industry-overview-header-image-wrapper {
		padding-top: 260px;
	}
}


.mini-boxes {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: space-between;
}

@media (max-width: 573px) {
	.mini-boxes {
		justify-content: center;
	}
}

.mini-box {
	align-items: center;
	background: #F2EFEC;
	border-radius: 20px;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	padding: 20px 22px;
	width: 212px;
}
.mini-box:hover {
	box-shadow: 0 3px 6px #00000059;
}

.mini-box--yellow {
	background: #FFA72F;
}

.mini-box--green {
	background: #54B162;
}

.mini-box--purple {
	background: #BB55D9;
}

.mini-box--blue {
	background: #5475B1;
}

.mini-box--red {
	background: #F25A47;
}

.mini-box__heading-container {
	align-items: center;
	display: flex;
	gap: 10px;
	margin-bottom: 18px;
}

.mini-box__icon {
}

.mini-box__heading {
	color: #FFFFFF;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
}

.mini-box__text {
	margin-top: auto;
}


/* https://stackoverflow.com/questions/70442770/infinite-scrolling-carousel-css-only */
@keyframes anim-slider-scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc((var(--slide-width) + var(--slide-gap)) * var(--slide-count) * -1));
	}
}

.slider {
	--slide-count: 1;
	--slide-gap: 40px;
	--slide-height: 100px;
	--slide-width: 100%;
	--slider-vertical-padding: 10px;
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	margin: auto;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}

.slider__track {
	animation: anim-slider-scroll 20s linear infinite;
	display: flex;
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	width: calc(calc(var(--slide-width) + var(--slide-gap)) * var(--slide-count));
}

.slider__slide {
	color: #FFFFFF;
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	padding: 0 calc(var(--slide-gap) / 2);
	width: calc(var(--slide-width) + var(--slide-gap));
}

.box-001 {
	align-items: center;
	background: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0 3px 8px #00000029;
	color: #000000;
	display: flex;
	height: 190px;
	padding: 32px;
	width: 455px;
}

.box-001--glass {
}



/* #region Blog Cards */
.blog-result-none-found {
	font-size: 20px;
	text-align: center;
}

.blog-cards {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(373px, 1fr));
	grid-auto-rows: 1fr;
	justify-items: center;
}
@media (max-width: 640px) {
	.blog-cards {
		grid-template-columns: 1fr;
	}
}

.blog-card {
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 373px;
	padding: 30px;
	width: 100%;
}

.blog-card__image {
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
}

.resource-card__video {
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}

.blog-card__publish-date {
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 12px;
}

.blog-card__title {
	color: #000D52;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 0;
}

.blog-card__short-text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 0;
	word-wrap: break-word;
}

.blog-card__link {
	border-radius: 8px;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: auto;
	padding: 10px 26px;
	width: 135px;
}
/* #endregion Blog Cards */


.fom-cards-001 {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	width: 100%;
}
.fom-card-001 {
	display: flex;
	flex-direction: column;
}
.fom-card-001__image-wrapper {
	align-items: center;
	display: flex;
	gap: 30px;
	justify-content: center;
	height: 200px;
	z-index: 1;
}
.fom-card-001__content {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	flex-direction: column;
	margin-top: -110px;
	padding: 115px 34px 45px 34px;
	text-align: center;
}
.fom-card-001__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: -0.96px;
	line-height: 39px;
	margin: 0 0 20px 0;
}
.fom-card-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin: 0 0 30px 0;
}



/* #region Resource Controls */
.resource-controls {
	display: grid;
	gap: 30px;
	grid-template-areas: 'search search filter';
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 70px;
}

@media (max-width: 800px) {
	.resource-controls {
		grid-template-areas:
			'search'
			'filter';
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
}

.resource-control-search,
.resource-control-filter {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	justify-content: space-between;
	padding: 22px 30px 17px 30px;
	position: relative;
}
@media (max-width: 360px) {
	.resource-control-search,
	.resource-control-filter {
		max-width: 330px;
	}
}

.resource-control-search {
	grid-area: search;
}

.resource-control-filter {
	grid-area: filter;
}

.resource-control__icon {
	color: #000D52;
	cursor: pointer;
	font-size: 22px;
}

.resource-control__text {
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 35px;
	color: #000D52;
}

.resource-search {
	background-color: transparent;
	border: 0;
	color: #8D8D8D;
	flex-grow: 1;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 35px;
	margin: 0;
	outline: 0;
	padding: 0;
}

	.resource-search::placeholder {
		color: #C8C8C8;
		line-height: 35px;
	}
/* #endregion Resource Controls */

/* #region Resource Filters */
.resource-filters {
	backdrop-filter: blur(24px);
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	flex-direction: column;
	gap: 31px;
	height: 636px;
	left: 0;
	overflow-y: scroll;
	padding: 40px 30px 30px 30px;
	position: absolute;
	top: calc(100% + 5px);
	width: 100%;
	z-index: 10;
}

	.resource-filters:not([data-visible]) {
		display: none;
	}

.resource-filters__group {
}

.resource-filters__heading {
	color: #000D52;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 35px;
	margin-bottom: 11px;
}

.resource-filters__options {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.resource-filter__option {
	align-items: center;
	display: flex;
	gap: 12px;
}

.resource-filter__checkbox {
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #000D52;
	border-radius: 50%;
	height: 18px;
	width: 18px;
}

	.resource-filter__checkbox:checked {
		background-color: #000D52;
	}

.resource-filter__label {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
	line-height: normal;
}


.resource-filter__related-blogs {
	display: flex;
	gap: 24px;
	flex-direction: column;
}

.resource-filter__related-blog {
	display: grid;
	gap: 4px 9px;
	grid-template:
		'date date'
		'image title';
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	width: 100%;
}

.resource-filter__related-blog-date {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 30px;
	grid-area: date;
}

.resource-filter__related-blog-image {
	border-radius: 8px;
	grid-area: image;
}

.resource-filter__related-blog-title {
	color: #000D52;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
	line-height: 21px;
	grid-area: title;
	margin-top: 0;
}
.resource-filter__open-link {
	text-decoration: none;
}
.resource-filter__open-link:hover {
	text-decoration: underline;
}
/* #endregion Resource Filters */
/* #region Blog Pagination */
.blog-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	width: 100%;
}

.blog-pagination-button {
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 50px;
	box-shadow: 0 3px 6px #00000029;
	color: #000D52;
	cursor: pointer;
	display: flex;
	height: 38px;
	justify-content: center;
	padding: 8px;
	width: 38px;
}

	.blog-pagination-button.active {
		background: #E01F26;
		color: #FFFFFF;
	}
/* #endregion Blog Pagination */

.industry-example-link {
	text-decoration: none;
}
.industry-example-button {
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 6px #00000029;
	cursor: pointer;
	display: flex;
	gap: 13px;
	padding: 8px 20px;
	width: 100%;
}
.industry-example-button:hover {
	box-shadow: 0 3px 6px #00000069;
}
	.industry-example-button.selected {
		background: lightgrey;
	}


.industry-example-button__icon {
	align-items: center;
	display: flex;
	height: 30px;
	justify-content: center;
	width: 35px;
}

.industry-example-button__text {
	color: #1C3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: -0.48px;
}

.industry-example-form {
	align-items: center;
	display: flex;
	gap: 20px;
	width: 70%;
}
@media (max-width: 875px) {
	.industry-example-form {
		width: 100%;
	}

	.industry-example-form > * {
		width: 100%;
	}
}

.industry-example-form__input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 4px 4px 0 #00000029;
	flex-grow: 1;
	padding: 15px;
}




.text-lead {
	color: #000D52;
	font-size: 20px;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	line-height: 40px;
	text-align: center;
	margin-top: 0;
}

.width-800,
.width-900,
.width-1180,
.width-1200 {
	--width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(var(--width) + 30px);
	padding: 0 15px;
	width: 100%;
}

.width-800 {
	--width: 800px;
}

.width-900 {
	--width: 930px;
}

.width-1180 {
	--width: 1180px;
}

.width-1200 {
	--width: 1200px;
}

.width-1920 {
	--width: 1920px;
}


.top-panel {
	padding-top: calc(48px + 159px);
}

.resource-header-h1 {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	letter-spacing: -1.98px;
	line-height: 70px;
	margin-bottom: 20px;
	margin-top: 0;
}

.resource-header-h2 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -0.78px;
	line-height: 35px;
}

@media (max-width: 767px) {
	.resource-header-h1 {
		font-size: calc(66px * 0.8);
		line-height: calc(70px * 0.8);
	}

	.resource-header-h2 {
		font-size: calc(26px * 0.8);
		line-height: calc(35px * 0.8);
	}
}

@media (max-width: 500px) {
	.resource-header-h1 {
		font-size: calc(66px * 0.6);
		line-height: calc(70px * 0.6);
	}

	.resource-header-h2 {
		font-size: calc(26px * 0.6);
		line-height: calc(35px * 0.6);
	}
}


.image-bg {
	pointer-events: none;
	user-select: none;
}


/* #region Display */



.header-bg {
	--image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=);
	background-image: var(--image);
	background-position: center 1px;
	background-size: cover;
	height: 1080px;
	margin-top: -1px;
	width: 100%;
}


.video {
	aspect-ratio: 16 / 9;
	height: auto;
	width: 100%;
}

.vacancy-box {
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	padding: 30px;
}

.vacancy-box__image {
	border-radius: 8px;
	margin-bottom: 28px;
}

.vacancy-box__lead {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 20px;
	width: 100%;
}

.vacancy-box__arrow {
	cursor: pointer;
}
.vacancy-box__arrow.show {
	transform: rotate(180deg);
}

.vacancy-box__title {
	color: #000D52;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 35px;
	margin-top: 0;
}

.vacancy-box__date {
	color: #504c4b;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 30px;
	margin-left: auto;
}
@media (max-width: 875px) {
	.vacancy-box__date {
		margin-left: 0;
	}
}

.vacancy-box__content {
	display: none;
}
	.vacancy-box__content.show {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.vacancy-box__text {
		color: #504c4b;
		font-family: Silka-Regular, Arial, Helvetica, sans-serif;
		font-size: 16px;
		letter-spacing: -0.48px;
		line-height: 30px;
		margin-top: 0;
	}



.logos-partnerships-001 {
	display: flex;
	justify-content: space-around;
	max-width: 800px;
	width: 100%;
}

.logos-partnerships-001__capita {
	padding-top: 10px;
}

.logos-partnerships-001__polaris {
}

.logos-partnerships-001__civica {
	padding-top: 40px;
}

@media (max-width: 767px) {
	.logos-partnerships-001 {
		align-items: center;
		flex-direction: column;
		justify-content: initial;
		gap: 30px;
	}

	.logos-partnerships-001__capita {
		padding-top: 0;
		margin-left: -12px;
	}

	.logos-partnerships-001__polaris {
		margin-left: 28px;
	}

	.logos-partnerships-001__civica {
		padding-top: 20px;
	}
}


.numbered-list {
	counter-reset: numbered-list-counter;
	list-style: none;
	text-align: left;
}

.numbered-list__item::marker,
.numbered-list__item-heading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -0.72px;
	line-height: 28px;
}

.numbered-list__item {
	counter-increment: numbered-list-counter;
	margin-bottom: 30px;
}

	.numbered-list__item::marker {
		content: counter(numbered-list-counter) ".  ";
		color: #e01f26;
	}


.numbered-list__item-heading,
.numbered-list__item-text {
	display: block;
}

.numbered-list__item-heading {
	margin-bottom: 17px;
}

.numbered-list__item-text {
	color: #504C4b;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
}


.abcdef {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 50px 124px;
}

@media (max-width: 549px) {
	.abcdef {
		padding: 50px 32px 50px 32px;
	}
}

.abcdef2 {
	display: flex;
	gap: 30px;
	width: 100%;
}

	.abcdef2 > div {
		width: 373px;
	}

@media (max-width: 1210px) {
	.abcdef2 {
		flex-direction: column;
	}

		.abcdef2 > div {
			width: 100%;
		}
}


.cta-partnerships-001 {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 36px 125px 25px 125px;
}

.cta-partnerships-001__heading {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-bottom: 20px;
	letter-spacing: -0.72px;
}

.cta-partnerships-001__text {
	color: #504C4b;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 25px;
	margin-top: 0;
}

.cta-partnerships-001__handwriting {
	color: #E01F26;
	font-family: shelby, sans-serif;
	font-size: 50px;
	line-height: 85px;
	text-align: center;
	line-height: 1.1;
}

.cta-partnerships-001__form {
	align-items: center;
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	width: 100%;
}

@media (max-width: 919px) {
	.cta-partnerships-001__form {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.cta-partnerships-001 {
		padding: 36px 32px 25px 32px;
	}
}



.box-group-001 {
	display: flex;
	gap: 30px;
	width: 100%;
}


.box-group-002 {
	--item-width: auto;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(var(--item-width), auto));
	width: 100%;
}

@media (max-width: 768px) {
	.box-group-002 {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
		gap: 60px;
	}
}


.box-type-001 {
	padding-bottom: 14px;
	position: relative;
}

.box-type-001--red::after,
.box-type-001--green::after,
.box-type-001--purple::after,
.box-type-001--blue::after,
.box-type-001--yellow::after,
.box-type-001--cyan::after {
	border-radius: 20px;
	bottom: 0;
	content: '';
	display: block;
	height: 14px;
	left: 0;
	position: absolute;
	width: 100%;
}

.box-type-001--red::after {
	background: #F25A47;
}

.box-type-001--green::after {
	background: #54B162;
}

.box-type-001--purple::after {
	background: #BB55D9;
}

.box-type-001--blue::after {
	background: #5475B1;
}

.box-type-001--yellow::after {
	background: #FFA72F;
}

.box-type-001--cyan::after {
	background: #00ADB4;
}

.box-type-001__icon {
	margin-bottom: 24px;
}

.box-type-001__heading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: -0.72px;
	margin-bottom: 18px;
}

.box-type-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 23px;
}



.box-type-002 {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 35px;
}

.box-type-002__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight: normal;
	letter-spacing: -1.26px;
	margin-bottom: 10px;
}

.box-type-002__sub-heading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.72px;
}

.box-type-002__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 23px;
}

.tick-list-001 {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tick-list-001__item {
	display: grid;
	gap: 0 10px;
	grid-template-areas:
		'icon heading'
		'. text';
	grid-template-columns: auto 1fr;
}

.tick-list-001__icon {
	grid-area: icon;
}

.tick-list-001__heading {
	grid-area: heading;
	margin-top: 0;
}

.tick-list-001__text {
	grid-area: text;
}




/* #region Blog Article */
.blog-article__details {
	align-items: center;
	display: flex;
	gap: 1rem;
	margin-bottom: 40px;
	width: 100%;
}

.blog-article__separator {
	display: block;
}


.blog-article__publish-date,
.blog-article__category,
.blog-article__views {
	color: #504C4B;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 62px;
}

@media (max-width: 875px) {
	.blog-article__details {
		align-items: end;
		flex-direction: column;
	}

	.blog-article__separator {
		display: none;
	}

	.blog-article__publish-date,
	.blog-article__category,
	.blog-article__views {
		font-size: 15px;
		line-height: normal;
	}
}
.blog-article__category {
	margin-left: auto;
}

.blog-article__title {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	letter-spacing: -1.98px;
	line-height: 70px;
	margin-bottom: 30px;
}

@media (max-width: 640px) {
	.blog-article__title {
		font-size: 40px;
		line-height: normal;
	}
}

.blog-article__image {
	border: 1px solid #707070;
	border-radius: 20px;
	margin-bottom: 30px;
}

.blog-article__content {
}

	.blog-article__content h2 {
		color: #1C3664;
		font-family: Silka-Bold, Arial, Helvetica, sans-serif;
		font-size: 24px;
		letter-spacing: -0.72px;
		line-height: 1.4;
	}

	.blog-article__content p {
		color: #504C4B;
		font-family: Silka-Regular, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 1rem;
	}

	.blog-article__content a {
		color: inherit;
		font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	}

	.blog-article__content video {
		aspect-ratio: 16 / 9;
		height: auto;
		width: 100%;
	}

	.blog-article__content iframe {
		border: none;
	}
/* #endregion Blog Article */

.blog-find-out-more-wrapper {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 373px);
}

@media (max-width: 1179px) {
	.blog-find-out-more-wrapper {
		display: flex;
		flex-direction: column;
	}
}

.blog-find-out-more {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	flex-direction: column;
	margin-top: 118px;
	padding: 127px 34px 45px 34px;
	position: relative;
}

.blog-find-out-more__image {
	align-items: flex-end;
	display: flex;
	gap: 30px;
	height: 53%;
	justify-content: center;
	position: absolute;
	top: -80px;
	width: 100%;
}

.blog-find-out-more__heading {
	color: #1C3663;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: -0.96px;
	line-height: 39px;
	margin-bottom: 20px;
	text-align: center;
}

.blog-find-out-more__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.blog-find-out-more__button {
	margin-top: auto;
}

/* #region Card & Group 005 */
.card-group-005 {
	justify-items: center;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-template-rows: 1fr;
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1582px + (var(--content-side-padding) * 2));
	width: 100%;
}

@media (max-width: 1180px) {
	.card-group-005 {
		grid-template-columns: 1fr;
	}
}

.card-005 {
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 40px 30px;
	max-width: 373px;
}

.card-005__image {
	border-radius: 8px;
	margin-bottom: 20px;
}

.card-005__date {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 30px;
	margin-bottom: 12px;
}

.card-005__heading {
	color: #000D52;
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 0;
}

.card-005__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
	line-height: 30px;
	margin-bottom: 34px;
	margin-top: 0;
}

.card-005__link {
	color: #E01F26;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	margin-top: auto;
	text-decoration: none;
}

	.card-005__link:hover {
		text-decoration: underline;
	}
/* #endregion Card & Group 005 */


/* #region Info Request 004 */
.request-info-004 {
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + (var(--content-side-padding) * 2));
	width: 100%;
}

.request-info-004__inner {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding: 50px 52px 48px 52px;
}

.request-info-004__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
	text-align: center;
	margin-bottom: 18px;
}

.request-info-004__sub-heading {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -0.9px;
	line-height: 35px;
	margin-bottom: 27px;
	text-align: center;
}

.request-info-004__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 24px;
	max-width: 800px;
	text-align: center;
	margin-bottom: 40px;
}

.request-info-004__sub-sub-heading {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.72px;
	line-height: 35px;
	margin-bottom: 28px;
}

.request-info-004__form {
	display: flex;
	gap: 10px;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	width: 774px;
}

@media (max-width: 800px) {
	.request-info-004__form {
		align-items: center;
		flex-direction: column;
		gap: 30px;
		width: 100%;
	}
}

.request-info-004__form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 3px 6px 0 #00000029;
	color: #504C4B;
	flex-grow: 1;
	font-size: 18px;
	padding: 15px 30px;
}

@media (max-width: 800px) {
	.request-info-004__form-input {
		width: 100%;
	}
}

.request-info-004__form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: hsl(0, 100%, 100%);
	display: block;
	cursor: pointer;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: 188px;
}

.request-info-004__handwriting {
	color: #E01F26;
	font-family: Shelby, sans-serif;
	font-size: 50px;
	letter-spacing: 0;
	line-height: 85px;
}
/* #endregion Info Request 003 */



/* #region Coni in Action 001 */
.coni-in-action-001 {
	--image: none;
	background-image: var(--image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1180px 472px;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + (var(--content-side-padding) * 2));
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	width: 100%;
}

@media (max-width: 1180px) {
	.coni-in-action-001 {
		background-size: cover;
	}
}

.coni-in-action-001__inner {
	display: grid;
	gap: 100px;
	grid-template-columns: repeat(2, 360px);
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

@media (max-width: 1180px) {
	.coni-in-action-001__inner {
		gap: 60px;
		grid-template-columns: 1fr;
		padding: 50px 30px;
	}
}

@media (max-width: 676px) {
	.coni-in-action-001__inner {
		padding: 50px 0;
	}
}

.coni-in-action-001__content-wrapper,
.coni-in-action-001__window-wrapper {
	max-width: 100%;
	width: 100%;
}

@media (max-width: 1180px) {
	.coni-in-action-001__content-wrapper,
	.coni-in-action-001__window-wrapper {
		align-items: center;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
}

.coni-in-action-001__content-wrapper {
}

.coni-in-action-001__window-wrapper {
}

.coni-in-action-001__icon {
	margin-bottom: 40px;
}

.coni-in-action-001__heading {
	color: #000D52;
	align-items: center;
	display: flex;
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	gap: 10px;
	letter-spacing: -0.66px;
	line-height: 35px;
	margin-bottom: 20px;
}

.coni-in-action-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 50px;
}

.coni-in-action-001__window-placeholder,
.coni-in-action-001__window {
	border-radius: 20px;
	height: 552px;
	width: 360px;
}
@media (max-width: 640px) {
	.coni-in-action-001__window-placeholder,
	.coni-in-action-001__window {
		width: 100%;
	}
}

	.coni-in-action-001__window-placeholder[data-active="false"],
	.coni-in-action-001__window[data-active="false"] {
		display: none;
	}

.coni-in-action-001__window-placeholder {
	align-items: center;
	background-color: #E01F26;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.coni-in-action-001__window-placeholder-text,
.coni-in-action-001__window-placeholder-icon {
	color: #FFFFFF;
}

.coni-in-action-001__window-placeholder-icon {
	font-size: 40px;
}

.coni-in-action-001__window {
	border: none;
}

/*@media (max-width: 468px) {
	.coni-in-action-001__window {
		display: none;
	}
}*/

.coni-in-action-001__button {
	margin-left: 0;
}

@media (max-width: 1180px) {
	.coni-in-action-001__button {
		margin-left: auto;
		margin-right: auto;
	}
}
/* #endregion Coni in Action 001 */

.integration-boxes-001 {
	display: grid;
	grid-template-columns: 555px 555px;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + 30px);
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%;
}

@media (max-width: 1180px) {
	.integration-boxes-001 {
		gap: 40px;
		grid-template-columns: 1fr;
	}
}

.integration-box-001 {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.integration-box-001__logo {
	margin-bottom: -50px;
	z-index: 1;
}

.integration-box-001__image {
	box-shadow: 0 3px 6px #00000029;
	border-radius: 20px;
	margin-bottom: 40px;
}

.integration-box-001__heading {
	align-self: flex-start;
	margin-bottom: 10px;
	margin-top: 40px;
}

.integration-box-001__text {
	align-self: flex-start;
	margin-bottom: 30px;
}




/* #region Variables */
:root {
	--container-side-padding: 15px;
}
/* #endregion Variables */

/* #region CTA */
.cta {
	padding: 0 var(--container-side-padding);
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	width: 100%;
}

.cta__content {
	background: #F2EFEC;
	border-radius: 20px;
	padding: 40px 48px 50px 48px;
}

.cta__content--layout-001 {
	display: grid;
	gap: 0 20px;
	grid-auto-rows: auto;
	grid-template-areas: 'heading .' 'text form';
	grid-template-columns: 1fr 2fr;
}

.cta__heading {
	color: #E01F26;
	font-family: Shelby, sans-serif;
	font-size: 80px;
	grid-area: heading;
	letter-spacing: -0.8px;
	padding-left: 6px;
	position: relative;
}

.cta__heading--underline-xl {
	--underline: none;
}

	.cta__heading--underline-xl::after {
		background-image: var(--underline);
		background-repeat: no-repeat;
		bottom: 5px;
		content: '';
		height: 30px;
		left: 0;
		position: absolute;
		width: 100%;
	}

.cta__text {
	color: #000000;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	grid-area: text;
	line-height: 30px;
}

.cta__form {
	align-items: center;
	display: flex;
	gap: 10px;
	grid-area: form;
}

.cta__form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 4px 4px 0 #00000029;
	flex-grow: 1;
	padding: 15px;
}

.cta__form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-size: 18px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: 148px;
}

@media (max-width: 1279px) {
	.cta__content--layout-001 {
		gap: 0;
		grid-template-areas: 'heading' 'text' 'form';
		grid-template-columns: 1fr;
	}

	.cta__text {
		margin-bottom: 40px;
	}

	.cta__form-input {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.cta__form {
		flex-direction: column;
		gap: 20px;
	}

	.cta__form-submit {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.cta__heading {
		font-size: 66px;
	}
}

@media (max-width: 424px) {
	.cta__heading {
		font-size: 56px;
	}
}
/* #endregion CTA */


.card-group-009 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

@media (max-width: 1179px) {
	.card-group-009 {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
}

.card-009 {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 0 10px 14px 10px;
	position: relative;
}

	.card-009::after {
		--line-color: transparent;
		background-color: var(--line-color);
		border-radius: 20px;
		bottom: 0;
		content: '';
		display: block;
		height: 14px;
		left: 0;
		position: absolute;
		width: 100%;
	}

.card-009--red::after {
	--line-color: #F25A47;
}

.card-009--purple::after {
	--line-color: #BB55D9;
}

.card-009--blue::after {
	--line-color: #86CCFF;
}

.card-009__icon {
	margin-bottom: 30px;
}

.card-009__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.6px;
	line-height: 30px;
	margin-bottom: 30px;
	text-align: center;
}



.form-single {
	display: flex;
	gap: 20px;
	margin: 0 auto;
	max-width: 774px;
	width: 100%;
}

.form-single__input-text {
	background: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0 3px 6px #00000029;
	border: none;
	color: var(--color--default);
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	flex-grow: 1;
	padding: 15px 30px;
}

.form-single__submit {
	width: 148px;
}

@media (max-width: 767px) {
	.form-single {
		align-items: stretch;
		flex-direction: column;
		max-width: 100%;
	}

	.form-single__input-text,
	.form-single__submit {
		width: 100% !important;
	}
}


.trial-cta-box {
	background: #F2EFEC90;
	border-radius: 20px;
	padding: 30px 40px;
	max-width: 760px;
}
@media (max-width: 767px) {
	.trial-cta-box {
		background: #FFFFFF;
	}
}
.trial-cta-box__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 38px;
	letter-spacing: -1.14px;
	line-height: 35px;
}
@media (max-width: 767px) {
	.trial-cta-box__heading {
		line-height: normal;
		margin-top: 0;
	}
}
.trial-cta-box__text {}
.trial-cta-box__text--small {}
.trial-cta-box__handwriting {}

@media (max-width: 767px) {
	.trial-cta-box__handwriting {
		line-height: 1;
	}
}


.trial-header-boxes {
	align-items: center;
	display: flex;
	justify-content: space-evenly;
	max-width: 760px;
}
@media (max-width: 767px) {
	.trial-header-boxes {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
		margin-bottom: 50px;
	}
}
@media (max-width: 946px) {
	.trial-header-boxes {
		margin-bottom: 60px;
	}
}
.trial-header-box {
	padding-left: 23px;
	position: relative;
}
	.trial-header-box::before {
		background: #54B162;
		border-radius: 20px;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 8px;
	}
.trial-header-box__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 24px;
	margin-top: 0;
}
@media (max-width: 767px) {
	.trial-header-box__text {
		max-width: unset !important;
	}
}


.trial-initial-form {
	display: grid;
	gap: 10px;
	grid-template-areas: 'email submit';
	grid-template-columns: 1fr auto;
}
.trial-initial-form__email { grid-area: email; }
.trial-initial-form__submit { grid-area: submit; }


@media (max-width: 767px) {
	.trial-initial-form {
		grid-template-areas: 'email' 'submit';
		grid-template-columns: 1fr;
		width: 100%;
		margin: 34px 0 24px 0 !important;
	}
	.trial-initial-form__submit { width: 100% !important; }
}



.trial-overlay {
	align-items: center;
	background: #00000029;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	padding: 15px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000001;
}

.trial-modal {
	background: #F2EFEC;
	border-radius: 20px;
	width: 1180px;
	padding: 60px;
	text-align: center;
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
}
.trial-modal__close {
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 30px;
	top: 30px;
}
.trial-cta-full {
	display: grid;
	gap: 20px 10px;
	grid-template-areas:
		'salutation firstname lastname'
		'password password password'
		'companyname companyname companyname'
		'domainname domainname domainname'
		'phonenumber phonenumber phonenumber'
		'text text submit';
	grid-template-columns: 1fr 2fr 2fr;
	grid-template-rows: repeat(6, auto);
	margin-left: auto;
	margin-right: auto;
	max-width: 750px;
}

.trial-cta-full__salutation,
.trial-cta-full__first-name,
.trial-cta-full__last-name,
.trial-cta-full__password,
.trial-cta-full__company-name,
.trial-cta-full__domain-name,
.trial-cta-full__phone-number {
	background: #FFFFFF;
	border: none;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 15px 20px;
	width: 100%;
}

.trial-cta-full__salutation { grid-area: salutation; }
.trial-cta-full__first-name { grid-area: firstname; }
.trial-cta-full__last-name { grid-area: lastname; }
.trial-cta-full__password { grid-area: password; }
.trial-cta-full__company-name { grid-area: companyname; }
.trial-cta-full__domain-name { grid-area: domainname; }
.trial-cta-full__phone-number { grid-area: phonenumber; }
.trial-cta-full__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	grid-area: text;
	line-height: 20px;
	max-width: 360px;
}
.trial-cta-full__text > a {
	color: inherit;
}
.trial-cta-full__submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	border: none;
	border-radius: 15px;
	box-shadow: 0px 3px 6px #00000029;
	color: hsl(0, 100%, 100%);
	cursor: pointer;
	display: block;
	font-size: 18px;
	grid-area: submit;
	line-height: 1;
	margin-left: auto;
	padding: 15px 27px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: fit-content;
}
	.trial-cta-full__submit > b {
		font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
		font-size: inherit;
		font-weight: inherit;
		text-transform: uppercase;
	}

.trial-cta-full__text,
.trial-cta-full__submit {
	margin-top: 13px;
}

@media (max-width: 767px) {
	.trial-overlay {
		padding: 0;
	}

	.trial-modal {
		border-radius: 0;
		height: 100%;
		overflow-y: auto;
		width: 100%;
	}
	.trial-cta-full {
		grid-template-areas:
			'salutation firstname lastname'
			'password password password'
			'companyname companyname companyname'
			'domainname domainname domainname'
			'phonenumber phonenumber phonenumber'
			'text text text'
			'submit submit submit';
		grid-template-columns: 1fr 1fr 1fr;
	}

	.trial-cta-full__text {
		text-align: center;
		max-width: 100%;
	}

	.trial-cta-full__submit {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 545px) {
	.trial-cta-full {
		grid-template-areas:
			'salutation salutation'
			'firstname lastname'
			'password password'
			'companyname companyname'
			'domainname domainname'
			'phonenumber phonenumber'
			'text text'
			'submit submit';
		grid-template-columns: 1fr 1fr;
	}
}



.form-input {
	background: #FFFFFF;
	border: none;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 15px 20px;
	width: 100%;
}
.form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	border: none;
	border-radius: 15px;
	box-shadow: 0px 3px 6px #00000029;
	color: hsl(0, 100%, 100%);
	cursor: pointer;
	display: block;
	font-size: 18px;
	grid-area: submit;
	line-height: 1;
	margin-left: auto;
	padding: 15px 27px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: fit-content;
}
	.form-submit > b {
		font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
		font-size: inherit;
		font-weight: inherit;
		text-transform: uppercase;
	}



.white-industry-boxes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(367px, 1fr));
	gap: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
}
.white-industry-box {
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	padding: 30px 20px;
}
.white-industry-box__heading {
	color: #E01F26;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	line-height: 28px;
	margin-top: 0;
	text-align: center;
}
.white-industry-box__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
}




.syserr-page {
	--bg: none;
	background-image: var(--bg);
	background-size: cover;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

.syserr-c4a-image {
	pointer-events: none;
	user-select: none;
	margin-top: auto;
}
.syserr-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-top: max(20vh, 180px);
}
.syserr-content-container {
	margin: 0 auto;
	width: 100%;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
}
.syserr-content-row {
	align-items: center;
	display: flex;
	gap: 100px;
	height: 100%;
	justify-content: space-evenly;
}
.syserr-heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	letter-spacing: -1.32px;
	line-height: 85px;
	margin-bottom: 20px;
}
.syserr-heading-em {
	color: #e01f26;
	font-family: Shelby, sans-serif;
	font-size: 2em;
	letter-spacing: -0.55px;
	padding-right: 20px;
	margin-top: 0;
}
.syserr-text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 40px;
	margin-bottom: 62px;
}




.outline-boxes-001 {
	display: grid;
	gap: 50px;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
	width: 100%;
}
@media (max-width: 1179px) {
	.outline-boxes-001 {
		grid-template-columns: 1fr;
	}
}
.outline-box-001 {
	display: flex;
	flex-direction: column;
}
.outline-box-001--red > .outline-box-001__content {
	border-color: #F25A47;
}
.outline-box-001--green > .outline-box-001__content {
	border-color: #54B162;
}
.outline-box-001--purple > .outline-box-001__content {
	border-color: #BB55D9;
}
.outline-box-001__image {
	margin: 0 auto;
	z-index: 1;
}
.outline-box-001__content {
	background: #FFF;
	border: 3px solid #000000;
	border-radius: 20px;
	flex-grow: 1;
	padding: 60px 30px 50px 30px;
	margin-top: -70px;
}
.outline-box-001__heading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -0.9px;
	line-height: 35px;
	text-align: center;
}
.outline-box-001__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 10px;
}



.demo-request-003 {
	--image: none;
	background-image: var(--image);
	background-size: cover;
	width: 100%;
}

.demo-request-003__inner {
	margin: 0 auto;
	min-height: 615px;
	max-width: calc(1180px + 30px);
	padding: 67px 15px 90px 15px;
	width: 100%;
}
.demo-request-003__content {
	max-width: 673px;
}
.demo-request-003__heading {
	color: #1B3342;
	font-family: Silka-Bold, 'Arial Rounded MT';
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
	margin-bottom: 37px;
	max-width: 603px;
}
	.demo-request-003__heading > em {
		color: #E01F26;
		font-style: inherit;
		font-weight: normal;
	}
.demo-request-003__text1,
.demo-request-003__text2,
.demo-request-003__text3 {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 50px;
}
.demo-request-003__text1 {
	max-width: 435px;
}
	.demo-request-003__text1 > em {
		font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
		font-style: inherit;
	}
.demo-request-003__text2 {
	color: #E01F26;
	font-family: Shelby, sans-serif;
	font-size: 38px;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 18px;
}
.demo-request-003__text3 {
	font-size: 12px;
	line-height: 20px;
}
.demo-request-003__form {
	margin-bottom: 40px;
}

/* #region Timeline 001 */
.timeline-001 {
	display: grid;
	gap: 30px;
	grid-template-columns: auto 42px 1fr;
	grid-template-rows: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 768px;
	width: 100%;
}

@media (max-width: 875px) {
	.timeline-001 {
		grid-template-columns: 1fr;
		grid-template-rows: unset;
	}
}

.timeline-001__year {
	color: var(--color--blue-dark);
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 30px;
	grid-column: 1 / span 1;
	letter-spacing: -0.9px;
	line-height: 35px;
	margin-top: 46px;
}

.timeline-001__line {
	grid-column: 2 / span 1;
	grid-row: 1 / -1;
	height: 1411px;
	margin-top: 22px;
	transform-origin: 0 0;
	transform: scale(1.04);
	width: 42px;
}

.timeline-001__card {
	background: #FFFFFF;
	border-radius: 20px;
	grid-column: 3 / span 1;
	padding: 46px 50px 36px 48px;
}

.timeline-001__heading {
	color: var(--color--blue-dark);
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -0.9px;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 0;
}

.timeline-001__text {
	color: var(--color--default);
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
}

@media (max-width: 767px) {
	.timeline-001 {
		grid-template-columns: auto 1fr;
	}

	.timeline-001__year {
		writing-mode: vertical-lr;
	}

	.timeline-001__line {
		grid-column: unset;
		grid-row: unset;
		display: none;
	}

	.timeline-001__card {
		grid-column: 2 / span 1;
	}
}
/* #endregion Timeline 001 */

@media (max-width: 1179px) {
	.center-mobile-tablet {
		margin-left: auto;
		margin-right: auto;
	}
}


@media (max-width: 1179px) {
	.big-number-carousel-001-wrapper-001 {
		margin-top: 80px;
	}
}





.home-2panel {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
	width: 100%;
}
@media (max-width: 1179px) {
	.home-2panel {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 30px;
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		width: 100%;
	}
}

.home-hero-row {
	display: grid;
	grid-template-columns: auto 1fr;
	height: 100%;
}
.home-hero-col:first-child {
	display: flex;
	flex-direction: column;
	max-width: 600px;
	width: 100%;
}

.home-hero-col {
	position: relative;
}

.home-hero-image {
	height: unset;
	left: -16px;
	margin-left: -100px;
	position: absolute;
	top: -32px;
	max-width: unset;
}

@media (max-width: 1179px) {
	.home-hero-row {
		display: block;
	}
	.home-hero-col:first-child {
		margin: 0 auto;
	}
	.home-hero-image {
		display: none;
	}
}

.home-hero-list {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin-left: 50px;
	margin-bottom: 60px;
}
.home-hero-list__item {
	align-items: center;
	display: flex;
	gap: 20px;
}
.home-hero-list__text {
	color: #1C3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 37px;
	letter-spacing: 0;
}


.home-hero-icon {
	margin-left: 60px;
	margin-top: auto;
}
@media (max-width: 628px) {
	.home-hero-icon {
		display: none;
	}
}





.contact-us-card {
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
	width: 100%;
}

.contact-us-card__heading {
	background: #BB55D9;
	border-radius: 40px;
	color: #FFFFFF;
	display: block;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: -0.84px;
	margin: 0 auto;
	padding: 8px 48px;
	width: 223px;
}

.contact-us-card__content {
	display: grid;
	gap: 64px;
	grid-template-columns: 400px 1fr;
	background: #F2EFEC;
	border-radius: 20px;
	margin-top: -30px;
	padding: 80px 95px;
	position: relative;
	z-index: -1;
}
@media (max-width: 1179px) {
	.contact-us-card__content {
		display: flex;
		flex-direction: column;
		gap: 60px;
	}
}
@media (max-width: 875px) {
	.contact-us-card__content {
		padding: 40px 32px;
	}
}

.contact-us-card__details {
	padding-top: 15px;
	padding-bottom: calc(14px + 28px);
	position: relative;
}
	.contact-us-card__details::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 14px;
		border-radius: 8px;
		background: #BB55D9;
	}

.contact-us-card__text-1 {
	color: #000D52;
	display: block;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: -0.84px;
	line-height: 28px;
	margin-bottom: 20px;
}

.contact-us-card__text-2 {
	color: #000D52;
	display: block;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 30px;
	margin-bottom: 15px;
}

.contact-us-card__text-3 {
	color: #504C4B;
	display: block;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 20px;
	margin-top: 10px;
}

.contact-us-card__map {
}



.contact-us-boxes {
	display: grid;
	gap: 64px 190px;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	grid-auto-rows: 1fr;
	margin: 0 auto;
	max-width: 990px;
	width: 100%;
}
@media (max-width: 1210px) {
	.contact-us-boxes {
		grid-template-columns: 1fr;
	}
}
.contact-us-box {
	padding-bottom: 30px;
	position: relative;
}
.contact-us-box::after {
	background: #000000;
	border-radius: 20px;
	content: '';
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 14px;
	position: absolute;
}
.contact-us-box--red::after { background: #F25A47; }
.contact-us-box--green::after { background: #54B162; }
.contact-us-box--blue::after { background: #00ADB4; }
.contact-us-box--yellow::after { background: #FFA72F; }
.contact-us-box__image {  }
.contact-us-box__heading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: -0.84px;
	margin-bottom: 24px;
}
.contact-us-box__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0px;
	margin-bottom: 10px;
	margin-top: 0;
	word-break: break-word;
}
@media (max-width: 420px) {
	.contact-us-box__text {
		font-size: 16px;
	}
}

.icon2x {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 20px;
}

@media (min-width: 876px) {
	.icon2x {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 119px;
		justify-content: space-between;
	}
}

.callback-container {
	margin: -530px auto 30px auto;
	max-width: calc(1180px + 30px);
	padding: 15px;
	width: 100%;
}
.callback {
	background: #FFFFFF;
	border-radius: 30px;
	box-shadow: 0 3px 6px #00000029;
	margin-left: auto;
	max-width: 558px;
	padding: 38px 54px 51px 38px;
}
.callback__header {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
}
.callback__icon {}
.callback__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	margin-top: 0;
}
@media (max-width: 420px) {
	.callback {
		padding: 38px 15px;
	}
	.callback__heading {
		font-size: 32px;
	}
	.callback-form__submit {
		width: 100%;
	}
}

.callback-form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.callback-form__input,
.callback-form__message {
	background: #FFFFFF;
	border: 1px solid #AAA1A0;
	border-radius: 8px;
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 19px;
	padding: 18px 30px 18px 20px;
}
.callback-form__message {
	height: 100px;
	resize: none;
}
.callback-form__submit {
	margin-left: auto;
}

@media (max-width: 1179px) {
	.callback-container {
		margin-top: 0;
	}
	.callback {
		margin-left: auto;
		margin-right: auto;
	}
}






.pricing-cards {
	align-items: end;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(373px, 1fr));
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding: 0 15px;
}
@media (max-width: 1180px) {
	.pricing-cards {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
}
@media (max-width: 360px) {
	.pricing-cards {
		max-width: 330px;
	}
}
.pricing-card {
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	padding: 22px 40px;
}
.pricing-card--red {
	border: 3px solid #F25A47;
}

.pricing-card__header {
	--border-color: #000000;
	border-bottom: 3px solid var(--border-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.pricing-card__header--green { --border-color: #54B162; }
.pricing-card__header--red { --border-color: #F25A47; }
.pricing-card__header--purple { --border-color: #BB55D9; }

.pricing-card__heading {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight: normal;
	letter-spacing: -1.26px;
	margin-bottom: 10px;
	margin-top: 0;
}
.pricing-card__subheading {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -0.36px;
	line-height: 24px;
	margin-top: 0;
}

.pricing-card__content {
	display: flex;
	flex-direction: column;
}
.pricing-card__price {
	color: #1C3664;
	font-family: Silka-Light, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
}
.pricing-card__price-subscription {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	margin-top: 0;
}
.pricing-card__text {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
	line-height: 26px;
	margin-top: 20px;
}
	.pricing-card__text > em {
		color: #000000;
		font-family: Silka-Bold, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
	}

.pricing-card__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-left:1rem;
	list-style-position: outside;
}
.pricing-card__list-item {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.36px;
	line-height: 26px;
	margin-top: 0;
}
	.pricing-card__list-item > em {
		font-family: Silka-Bold, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
	}



.pricing-icon-box {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #000D52;
	border-radius: 30px;
	display: flex;
	justify-content: space-between;
	max-width: 625px;
	padding: 13px 26px;
	width: 100%;
}
.pricing-icon-box__section {
	align-items: center;
	display: flex;
	gap: 6px;
}
.pricing-icon-box__icon {}
.pricing-icon-box__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
@media (max-width: 875px) {
	.pricing-icon-box {
		flex-direction: column;
		gap: 20px;
	}
}







.pricing-table-wrapper {
	background: #FFFFFF;
	border: 1px solid #000D52;
	border-radius: 20px;
	padding: 40px 40px 50px 40px;
}

/*@media (max-width: 767px) {
	.pricing-table-wrapper {
		display: none;
	}
}*/
.pricing-table {
	background: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
}
	.pricing-table > thead {
		padding: 30px;
	}
	.pricing-table > thead > tr > th {
		border-bottom: 3px solid #F25A47;
		color: #1C3664;
		font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
		font-size: 24px;
		letter-spacing: -0.72px;
		padding-bottom: 20px;
		text-align: left;
	}
	.pricing-table > thead > tr > th:nth-child(2),
	.pricing-table > thead > tr > th:nth-child(3) {
		text-align: center;
		width: 20%;
	}

	

	.pricing-table > tbody > tr > td:nth-child(1) {
		color: #000D52;
		font-family: Silka-Medium, Arial, Helvetica, sans-serif;
		font-size: 20px;
		letter-spacing: -0.6px;
	}

	.pricing-table > tbody > tr > td:nth-child(2),
	.pricing-table > tbody > tr > td:nth-child(3) {
		text-align: center;
		padding: 10px 0;
	}
		.pricing-table > tbody > tr > td:nth-child(2) > img,
		.pricing-table > tbody > tr > td:nth-child(3) > img {
			margin: 0 auto;
		}


	.pricing-table > tbody > tr:first-child > td {
		padding-top: 25px;
	}

	.pricing-table > tbody > tr > td {
		height: 43px;
	}

.pricing-table-features {
	align-items: center;
	display: flex;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.pricing-table, .pricing-table thead, .pricing-table tbody, .pricing-table th, .pricing-table tr, .pricing-table td {
		display: block;
	}

	.pricing-table > thead {
		padding: 0;
	}

	.pricing-table > thead > tr {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}

	.pricing-table > tbody > tr {
		margin: 0 0 2rem 0;
	}

	.pricing-table > tbody > tr > td {
		--heading: '';
		border: none;
		border-bottom: 1px solid #EEEEEE;
		height: unset;
		position: relative;
		padding-left: 50%;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.pricing-table > tbody > tr > td::before {
		color: #504C4B;
		content: var(--heading);
		font-family: Silka-Regular, Arial, Helvetica, sans-serif;
		font-size: 16px;
		left: 6px;
		padding-right: 10px;
		position: absolute;
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		white-space: nowrap;
		width: 45%;
	}

		.pricing-table > tbody > tr > td:nth-child(1) {
			color: #000D52;
			font-family: Silka-Medium, Arial, Helvetica, sans-serif;
			font-size: 16px;
			letter-spacing: -0.6px;
		}
		.pricing-table > tbody > tr > td:nth-child(2),
		.pricing-table > tbody > tr > td:nth-child(3) {
			text-align: end;
		}
		.pricing-table > tbody > tr > td:nth-child(2) > img,
		.pricing-table > tbody > tr > td:nth-child(3) > img {
			margin-left: auto;
			margin-right: 0;
		}

		.pricing-table-features {
			justify-self: end;
			text-align: end;
		}
}


.pricing-table-tooltip {
	position: relative;
}
.pricing-table-tooltip > img {
	cursor: pointer;
	display: block;
	margin-right: 20px;
}
.pricing-table-tooltip__box {
	display: none;
}
.pricing-table-tooltip__box-text {
	color: #504C4B;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.pricing-table-tooltip:hover > .pricing-table-tooltip__box {
	background: #FFFFFF;
	border: 1px solid #504C4B;
	border-radius: 0 10px 10px 10px;
	display: block;
	left: 100%;
	position: absolute;
	padding: 16px;
	top: 0;
	width: 500px;
	z-index: 1;
}
@media (max-width: 1023px) {
	.pricing-table > tbody > tr:first-child > td {
		padding-top: 0;
	}
	.pricing-table > tbody > tr > td {
		vertical-align: middle;
	}
	.pricing-table-tooltip:hover > .pricing-table-tooltip__box {
		width: 250px;
	}
}
@media (max-width: 767px) {
	.pricing-table-tooltip {
		display: none;
	}
}




.faqs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media (max-width: 1023px) {
	.faqs {
		gap: 20px;
	}
}
.faq {
	background: #FFFFFF;
	border: 1px solid #000D52;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000029;
	display: grid;
	gap: 20px;
	grid-template-areas:
		'question icon'
		' answer answer';
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	padding: 30px 40px;
}
.faq__question {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 24px;
	grid-area: question;
	letter-spacing: -0.72px;
	line-height: 28px;
	margin: 0;
}
.faq__icon {
	cursor: pointer;
	grid-area: icon;
}
.faq__icon.show {
	transform: rotate(180deg);
}

.faq__answer {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	grid-area: answer;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 30px;
	margin: 0;
	display: none;
}
.faq__answer.show {
	display: block;
}


.pricing-toggle {
	align-items: center;
	display: flex;
	gap: 10px;
	margin: 0 auto;
	width: fit-content;
}
.pricing-toggle__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 0;
}
.pricing-toggle__button {
	background: transparent;
	border: 5px solid #FFFFFF;
	border-radius: 27px;
	box-shadow: 0 3px 6px #00000029;
	height: 41px;
	position: relative;
	width: 79px;
}
.pricing-toggle__button-toggle {
	background: #E01F26;
	border-radius: 50px;
	cursor: pointer;
	height: 31px;
	left: 0;
	position: absolute;
	transition: left 200ms ease;
	top: 0;
	width: 31px;
}
.pricing-toggle__button-toggle.on {
	left: calc(100% - 31px);
}










































/* #region Fonts */
/*@font-face {
	font-family: 'Silka-Regular';
	font-display: swap;
	font-weight: 400;
	src: url('/fonts/silka-regular-webfont.woff2');
}

@font-face {
	font-family: 'Silka-Medium';
	font-display: swap;
	font-weight: 400;
	src: url('/fonts/silka-medium-webfont.woff2');
}

@font-face {
	font-family: 'Silka-SemiBold';
	font-display: swap;
	font-weight: 400;
	src: url('/fonts/silka-semibold-webfont.woff2');
}

@font-face {
	font-family: 'Silka-Bold';
	font-display: swap;
	font-weight: 400;
	font-weight: 400;
	src: url('/fonts/silka-bold-webfont.woff2');
}

@font-face {
	font-family: 'Shelby-Bold';
	src: url('/fonts/shelby-bold.woff2') format('woff2');
	font-display: auto;
	font-style: normal;
	font-weight: inherit;
	font-stretch: normal;
}

@font-face {
	font-family: 'Shelby';
	src: url('/fonts/shelby-bold.woff2') format('woff2');
	font-display: auto;
	font-style: normal;
	font-weight: inherit;
	font-stretch: normal;
}*/
/* #endregion Fonts */


.msg-error {
	color: #E01F26;
	font-size: 18px;
}

/* #region Elements */


/*@media (max-width: 767px) {
	:root {
		--container-padding: 30px;
	}
}*/

/**, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	color: #504C4B;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	min-height: 100vh;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}*/
/* #endregion Elements */

/*.nav-l1 {
	margin-block-end: 16px;
	margin-block-start: 16px;
}*/

/* #region Page */
/*.page {
	background: #FFFFFF;
	box-shadow: 0 0 16px 8px #00000029;
	margin: 0 auto;
	min-height: 100vh;
	max-width: 1920px;
	width: 100%;
}

.page--color-grey {
	background: #F2EFEC;
}

.page--bg-image {
	--bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==);
	background-image: var(--image);
	background-size: cover;
}

.page__content-start {
	padding-top: 240px;
}

@media (max-width: 767px) {
	.page__content-start {
		padding-top: 160px;
	}
}*/
/* #endregion Page */

/* #endregion Page Nav */

/* #region Header */
/**/
/* #endregion Header */

/* #region Layers */
.layers {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	width: 100%;
}

.layer {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	position: relative;
}

.layer--graphics {
	overflow: hidden;
	pointer-events: none;
	user-select: none;
}
 #endregion Layers

 #region Graphics 
.graphic {
	left: 0;
	position: absolute;
	top: 0;
}
/* #endregion Graphics */

/* #region Containers */
/**/
/* #endregion Containers */

/* #region Panel */
.panel {
	align-items: center;
	display: flex;
	flex-direction: column;
}
/* #endregion Panel */

/*.g-line {*/
	/* Default to 1x1 transparent pixel */
	/*--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==);
	background-image: var(--image);
	background-position: center;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	max-width: 100%;
	position: relative;
	user-select: none;
	pointer-events: none;
	width: 100%;
}

.g-line-art {*/
	/* Default to 1x1 transparent pixel */
	/*--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==);
	background-image: var(--image);
	background-position: center;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	max-width: 100%;
	pointer-events: none;
	position: relative;
	user-select: none;
	width: 100%;
}

.g-line-art-002 {
	background-position: 30% 0%;
	background-size: 2060px 172px;
	height: 172px;
}

@media (max-width: 730px) {
	.g-line-art-002 {
		background-position-x: -1320px;
	}
}*/



/* #region CTAs */
/*.cta-industry-example-002 {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: calc(1180px + (var(--container-padding) * 2));
	padding: 48px 58px;
	width: 100%;
}

.cta-industry-example-002__buttons {
	display: grid;
	gap: 13px 52px;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	width: 100%;
}

@media (max-width: 1179px) {
	.cta-industry-example-002__buttons {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.cta-industry-example-002__buttons {
		grid-template-columns: 1fr;
	}
}

.cta-industry-example-002__button {
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 6px #00000029;
	cursor: pointer;
	display: grid;
	gap: 13px;
	grid-template-columns: 35px 1fr;
	padding: 8px 20px;
	width: 100%;
}

	.cta-industry-example-002__button:hover {
		box-shadow: 0 3px 6px #00000059;
	}

.cta-industry-example-002__button-icon {
	margin: 0 auto;
}

.cta-industry-example-002__button-text {
	color: var(--color--blue-dark);
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.48px;
}*/
/* #endregion CTAs */

/* #region Forms */
/*.form-single {
	display: flex;
	gap: 20px;
	margin: 0 auto;
	max-width: 774px;
	width: 100%;
}

.form-single__input-text {
	background: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0 3px 6px #00000029;
	border: none;
	color: var(--color--default);
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	flex-grow: 1;
	padding: 15px 30px;
}

.form-single__submit {
	width: 148px;
}

@media (max-width: 767px) {
	.form-single {
		align-items: stretch;
		flex-direction: column;
		max-width: 100%;
	}

	.form-single__input-text,
	.form-single__submit {
		width: 100%;
	}
}*/
/* #endregion Forms */

/* #region Text */
.text {
	/*color: var(--color--default);
	font-family: 'Silka-Regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;*/
	margin-bottom: 10px;
}

.text--large {
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 35px;
}

.text--lead {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 40px;
}

.text-h1 {
	color: var(--color--blue-darker);
	font-size: 66px;
	letter-spacing: -1.98px;
	line-height: 70px;
	margin-top: 0;
}

.text-h2 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
	margin-bottom: 30px;
	margin-top: 0;
}

@media (max-width: 420px) {
	.text-h2 {
		font-size: 34px;
	}
}

.text-h3 {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -0.9px;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 0;
}

.text-h3--small {
	font-size: 24px;
	letter-spacing: -0.72px;
}

.text-h3--smaller {
	font-size: 22px;
	letter-spacing: -0.66px;
}

.text-handwriting {
	color: var(--color--red-dark);
	font-family: Shelby-Bold, Arial, Helvetica, sans-serif;
	font-size: 50px;
}

.text--white {
	color: #FFFFFF;
}

.text--yellow {
	color: var(--color--yellow);
}

.text--blue {
	color: var(--color--blue);
}

.text--green {
	color: var(--color--green);
}

.text--red {
	color: var(--color--red);
}

.text--purple {
	color: var(--color--purple);
}

.text--center {
	text-align: center;
}
/* #endregion Text */

/* #region Lists */
.list {
	padding-left: 0;
}

.list--bullet {
	list-style: disc inside none;
}

.list__item {
	margin-bottom: 10px;
}
/* #endregion Lists */

/* #region Margins */
.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mt-110 {
	margin-top: 110px;
}

.mt-auto {
	margin-top: auto;
}
/* #endregion Margins */

/* #region Paddings */
.p-0 {
	padding: 0;
}
/* #endregion Paddings */

/* #region Cards & Card Groups */
/* #region Big Numbers 001 */
/*.card-big-numbers-001 {
	align-items: center;
	background: #FFFFFF;
	border-radius: 20px;*/
	/*box-shadow: 0 3px 6px #00000029;*/
	/*display: flex;
	gap: 30px;
	padding: 28px;
	width: 455px;
}

.card-big-numbers-001__icon {
}

.card-big-numbers-001__content {
	display: flex;
	flex-direction: column;
}

.card-big-numbers-001__number {
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	letter-spacing: -1.26px;
	line-height: 55px;
}

.card-big-numbers-001__heading {
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -0.66px;
	margin-bottom: 10px;
}

.card-big-numbers-001__text {
	color: var(--color--default);
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 25px;
}*/
/* #endregion Big Numbers 001 */



/* #endregion Cards & Card Groups */

/* #region Logos */
.logo-group-001 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	width: 100%;
}
/* #endregion Logos */

/* #region Sliders */
/*@keyframes anim-slider-scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc((var(--slide-width) + var(--slide-gap)) * var(--slide-count) * -1));
	}
}

.slider {
	--slide-count: 1;
	--slide-gap: 40px;
	--slide-height: 100px;
	--slide-width: 100%;
	--slider-vertical-padding: 10px;
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	margin: auto;
	max-width: 1920px;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
	width: 100%;
}

.slider__track {
	animation: anim-slider-scroll 20s linear infinite;
	display: flex;
	height: var(--slide-height);
	position: absolute;
	top: var(--slider-vertical-padding);
	width: calc(calc(var(--slide-width) + var(--slide-gap)) * var(--slide-count));
}

.slider__slide {
	height: calc(var(--slide-height) + (var(--slider-vertical-padding) * 2));
	padding: 0 calc(var(--slide-gap) / 2);
	width: calc(var(--slide-width) + var(--slide-gap));
}*/
/* #endregion Sliders */

.line-art {
	mix-blend-mode: multiply;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	user-select: none;
	width: 100%;
}

.line-art--002 {
	height: 174px;
}

.line-art--016 {
	height: 230px;
}

.line-art__image {
	height: unset;
	left: 0;
	max-width: unset;
	position: absolute;
	top: 0;
}

.line-art__image--002 {
	left: -37px;
}

.line-art__image--016 {
	left: -264px;
}



@media (max-width: 1900px) {
	.display--1920 {
		display: none;
	}
}




.cards {
	--card-spacing: 30px;
	--card-width: 330px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--card-width), 1fr));
	gap: var(--card-spacing);
}

.card {
	border-radius: 20px;
}

.card--white {
	background: #FFFFFF;
}

.card__logo {
	--height: fit-content;
	align-items: center;
	display: flex;
	height: var(--height);
}

.demo-request-006__form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: hsl(0, 100%, 100%);
	display: block;
	cursor: pointer;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: 188px;
}

.demo-request-006__form {
	display: flex;
	gap: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 774px;
}

@media (max-width: 1000px) {
	.demo-request-006__form {
		align-items: center;
		flex-direction: column;
		justify-content: stretch;
		gap: 30px;
		width: 100%;
	}

		.demo-request-006__form > .demo-request-006__form-input,
		.demo-request-006__form > .demo-request-006__form-submit {
			width: 100%;
		}
}

.demo-request-006__form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 3px 6px 0 #00000029;
	color: #504C4B;
	flex-grow: 1;
	font-size: 18px;
	padding: 15px 30px;
}

@media (max-width: 1000px) {
	.demo-request-006__form-input {
		width: 100%;
	}
}


	

	/*.industry-example-link {
	text-decoration: none;
}

.industry-example-button {
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 6px #00000029;
	cursor: pointer;
	display: flex;
	gap: 13px;
	padding: 8px 20px;
	width: 100%;
}

	.industry-example-button:hover {
		box-shadow: 0 3px 6px #00000069;
	}

.industry-example-button__icon {
	align-items: center;
	display: flex;
	height: 30px;
	justify-content: center;
	width: 35px;
}

.industry-example-button__text {
	color: #1C3664;
	font-family: Silka-Semibold, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: -0.48px;
}

.industry-example-form {
	align-items: center;
	display: flex;
	gap: 20px;
	width: 70%;
}

.industry-example-form__input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 4px 4px 0 #00000029;
	flex-grow: 1;
	padding: 15px;*/
	/*}*/

	:root {
		--layer-page-nav: 100;
		--color--default: #504C4B;
		--color--yellow: #FFA72F;
		--color--blue-light: #00ADB4;
		--color--blue: #5475B1;
		--color--blue-dark: #1C3664;
		--color--blue-darker: #000D52;
		--color--green: #397F42; /* Not for text color */
		--color--red-light: #F25A47; /* Not for text color */
		--color--red: #E3230D;
		--color--red-dark: #E01F26;
		--color--purple-light: #BB55D9; /* Not for text color */
		--color--purple: #B13FD4;
		--container-padding: 15px;
	}

	.header {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		margin-bottom: 85px;
	}

	.header__layer {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
	}

	@media (max-width: 875px) {
		.header {
			grid-template-rows: unset;
		}

		.header__layer {
			grid-column: unset;
			grid-row: unset;
		}
	}

	.header__content {
		margin: 0 auto;
		max-width: calc(1200px + (var(--container-padding) * 2));
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
		width: 100%;
	}

	@media (max-width: 875px) {
		.header__content {
			padding-top: 40px !important;
		}
	}

	.header__image {
		pointer-events: none;
		user-select: none;
	}

	.header__h1 {
		color: #000D52;
		font-family: Silka-Bold, Arial, Helvetica, sans-serif;
		font-size: 66px;
		letter-spacing: -1.98px;
		margin-bottom: 15px;
		max-width: 800px;
	}

	@media (max-width: 640px) {
		.header__h1 {
			font-size: 42px;
			line-height: normal;
		}
	}

	.header__h2 {
		color: #1C3664;
		font-family: Silka-Bold, Arial, Helvetica, sans-serif;
		font-size: 26px;
		letter-spacing: -0.78px;
		max-width: 535px;
	}

	/*.container {
		--width: 100%;
		margin: 0 auto;
		max-width: calc(var(--width) + (var(--container-padding) * 2));
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
		width: 100%;
	}*/

.container--800 {
	--width: 800px;
	margin: 0 auto;
	max-width: calc(var(--width) + (var(--container-padding) * 2));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}

.container--900 {
	--width: 900px;
	margin: 0 auto;
	max-width: calc(var(--width) + (var(--container-padding) * 2));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}

.container--940 {
	--width: 940px;
	margin: 0 auto;
	max-width: calc(var(--width) + (var(--container-padding) * 2));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}

.container--1180 {
	--width: 1180px;
	margin: 0 auto;
	max-width: calc(var(--width) + (var(--container-padding) * 2));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}

.container--1280 {
	--width: 1280px;
	margin: 0 auto;
	max-width: calc(var(--width) + (var(--container-padding) * 2));
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}


	.page-content-start {
		padding-top: 100px !important;
	}

	@media (min-width: 876px) {
		.page-content-start {
			padding-top: 150px !important;
		}
	}

	@media (min-width: 1024px) {
		.page-content-start {
			padding-top: 180px !important;
		}
	}

	@media (max-width: 767px) {
		.header {
			display: flex;
			flex-direction: column-reverse;
			gap: 40px;
		}

		.header__h1 {
		}

		.header__h2 {
		}
	}

	.layers {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		width: 100%;
	}

	.layer {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		position: relative;
	}

	.layer--graphics {
		overflow: hidden;
		pointer-events: none;
		user-select: none;
	}

	/* #region Security Card 001 */
	.card-group-security-001 {
		display: flex;
		gap: 30px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.card-security-001 {
		align-items: center;
		background: #FFFFFF;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		padding: 20px;
		width: 455px;
	}

	@media (max-width: 767px) {
		.card-security-001 {
			width: 100%;
		}
	}

	.card-security-001__heading {
		color: var(--color--blue-dark);
		font-family: Silka-Medium, Arial, Helvetica, sans-serif;
		font-size: 30px;
		letter-spacing: -0.9px;
		margin-bottom: 10px;
		text-align: center;
	}

	.card-security-001__link {
		color: var(--color--red-dark);
		font-family: Silka-Medium, Arial, Helvetica, sans-serif;
		font-size: 20px;
		text-align: center;
		text-decoration: underline;
		text-underline-offset: 2px;
	}
	/* #endregion Security Card 001 */

	/* #region Card White 001 */
	.card-white-group-001 {
		display: grid;
		gap: 30px;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		padding: 0 var(--container-padding);
		margin-left: auto;
		margin-right: auto;
		max-width: calc(1180px + (var(--container-padding) * 2));
		width: 100%;
	}

	@media (max-width: 1023px) {
		.card-white-group-001 {
			grid-template-columns: 1fr;
		}
	}

	.card-white-001 {
		align-items: center;
		background: #FFFFFF;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		padding: 35px 32px;
	}

	.card-white-001__icon {
		margin-bottom: 10px;
	}

	.card-white-001__heading {
		color: var(--color--blue-darker);
		font-family: Silka-Medium, Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: -0.72px;
		line-height: 28px;
		margin-bottom: 20px;
		text-align: center;
	}

	.card-white-001__text {
		color: var(--color--default);
		font-family: Silka-Regular, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}
	/* #endregion Card White 001 */

	/* #region Card Color */
	.card-color-group-001 {
		display: grid;
		gap: 30px;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 1fr;
		padding: 0 var(--container-padding);
		margin-left: auto;
		margin-right: auto;
		max-width: calc(1180px + (var(--container-padding) * 2));
		width: 100%;
	}

	@media (max-width: 1023px) {
		.card-color-group-001 {
			grid-template-columns: 1fr;
		}
	}

	.card-color-001 {
		align-items: center;
		background: #FFFFFF;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		padding: 35px 24px;
	}

	.card-color-001--red-light {
		background: var(--color--red-light);
	}

	.card-color-001--blue-light {
		background: var(--color--blue-light);
	}

	.card-color-001--purple-light {
		background: var(--color--purple-light);
	}

	.card-color-001__icon {
		margin-bottom: 10px;
	}

	.card-color-001__heading {
		color: #FFFFFF;
		font-family: Silka-Medium, Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: -0.72px;
		line-height: 28px;
		margin-bottom: 20px;
		text-align: center;
	}

	.card-color-001__text {
		color: #FFFFFF;
		font-family: Silka-Regular, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}
	/* #endregion Card Color 001 */

	/* #region Card Lined 001 */
	.card-lined-001 {
		--padding-bottom: 0;
		padding-bottom: calc(14px + var(--padding-bottom));
		position: relative;
		width: 100%;
	}

	.card-lined-001--top {
	}

	.card-lined-001--bottom::after {
		background: var(--background);
		bottom: 0;
		border-radius: 20px;
		content: '';
		display: block;
		height: 14px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.card-lined-001--left {
	}

	.card-lined-001--right {
	}

	.card-lined-001--red-light {
		--background: var(--color--red-light);
	}

	.card-lined-001--blue-light {
		--background: var(--color--blue-light);
	}
	/* #endregion Card Lined 001 */

.sbox-page {
	--background-image: none;
	background-image: var(--background-image);
	background-size: cover;
	min-height: 100vh;
	width: 100%;
}

.sbx-logo {
	padding: 60px 50px 30px 60px;
}

@media (max-width: 767px) {
	.sbx-logo {
		padding: 60px 15px;
	}
}

.sbx-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.sbx-header {
	align-items: center;
	display: flex;
	gap: 47px;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.sbx-header {
		flex-direction: column;
		text-align: center;
	}
}

.sbx-header__content {
	max-width: 561px;
}

.sbx-header__heading {
	color: #E01F26;
	font-family: Shelby, Arial, Helvetica, sans-serif;
	font-size: 129px;
	letter-spacing: -1.29px;
	line-height: 1;
}

.sbx-header__lead-text {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
}

.sbx-heading2 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 34px;
	letter-spacing: -1.02px;
	line-height: 35px;
}

.sbx-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(373px, 1fr));
	grid-auto-rows: 1fr;
	gap: 30px;
	width: 100%;
}

.sbx-box {
	align-items: center;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding: 37px 23px 32px 25px;
	text-align: center;
}

.sbx-box__heading {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}

.sbx-box__text {
	color: #000D52;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}

.sbx-box__button {
	background: linear-gradient(to right, #e01f26, #f25a47);
	border-radius: 15px;
	box-shadow: 0 3px 6px #00000029;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: auto;
	text-decoration: none;
	padding: 15px;
	width: 223px;
}
	.sbx-box__button:hover {
		background: linear-gradient(to right, #C7060D, #D9412E);
	}

.button {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-size: 18px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	width: 223px;
}

	.button:hover {
		background: linear-gradient(to right, #C7060D, #D9412E);
	}




/* #region Service Status */
.sss__container {
	margin: 0 auto;
	max-width: calc(1180px + 30px);
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.sss__h1 {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 66px;
	font-weight: normal;
	letter-spacing: -1.98px;
	line-height: 70px;
	margin-bottom: 100px;
}

.sss__h2 {
	color: #1C3664;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight: normal;
	letter-spacing: -1.26px;
	line-height: 55px;
	margin-bottom: 10px;
	text-align: center;
}

.sss__h3 {
	color: #000D52;
	font-family: Silka-Bold, Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 40px;
	margin-bottom: 30px;
	text-align: center;
}

.sss__text {
	color: #000D52;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 28px;
}

.sss__text--lead {
	font-size: 18px;
	margin-bottom: 30px;
	text-align: center;
}

.sss__box {
	background: #FFFFFF;
	border-radius: 20px;
	margin-bottom: 30px;
	padding: 50px 116px;
}

@media (max-width: 767px) {
	.sss__box {
		padding: 50px 20px;
	}
}

.sss__status-box {
	margin: 0 auto 80px auto;
	width: fit-content;
}

.sss__status {
	align-items: center;
	display: flex;
	gap: 5px;
	margin-bottom: 15px;
}

.sss__status-circle {
	background: #F2EFEC;
	border-radius: 50%;
	display: block;
	height: 14px;
	width: 13px;
}

.sss__status-circle--green {
	background: #54B162;
}

.sss__status-circle--yellow {
	background: #FFA72F;
}

.sss__status-circle--red {
	background: #F25A47;
}

.sss__pings {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: space-evenly;
	margin-bottom: 35px;
}

.sss__ping {
	width: fit-content;
}

.sss__ol {
	counter-reset: sss-ol-counter;
	display: flex;
	flex-direction: column;
	gap: 30px;
	list-style: none;
}

	.sss__ol .sss__li {
		counter-increment: sss-ol-counter;
		padding-left: 50px;
		position: relative;
		word-break: break-word;
	}

.sss__li::before {
	align-items: center;
	background: #F25A47;
	border-radius: 50%;
	content: counter(sss-ol-counter);
	color: #FFFFFF;
	display: flex;
	font-family: Silka-SemiBold, Arial, Helvetica, sans-serif;
	font-size: 26px;
	height: 32px;
	justify-content: center;
	left: 0;
	letter-spacing: -0.78px;
	position: absolute;
	top: 0;
	width: 32px;
}
/* #endregion Service Status */

.loading-overlay {
	display: none;
}
	.loading-overlay.show {
		align-items: center;
		background: #00000059;
		bottom: 0;
		display: flex;
		justify-content: center;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 99999999;
	}

.loading-overlay__spinner {
	color: #fff;
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: mulShdSpin 1.3s infinite linear;
	transform: translateZ(0);
}

@keyframes mulShdSpin {
	0%, 100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

/* #region Info Request 003 */
.request-info-003 {
	padding-left: var(--content-side-padding);
	padding-right: var(--content-side-padding);
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1180px + (var(--content-side-padding) * 2));
	width: 100%;
}

.request-info-003__inner {
	align-items: center;
	background: #F2EFEC;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding: 50px 52px 54px 52px;
}

.request-info-003__heading {
	--underline: none;
	color: #E01F26;
	font-family: Shelby, sans-serif;
	font-size: 80px;
	letter-spacing: -0.8px;
	line-height: .8;
	position: relative;
	text-align: center;
}

@media (min-width: 411px) {
	.request-info-003__heading {
		line-height: 85px;
	}

		.request-info-003__heading::after {
			background-image: var(--underline);
			background-size: cover;
			bottom: 16px;
			content: '';
			height: 16px;
			left: 0;
			position: absolute;
			width: 100%;
		}
}

.request-info-003__sub-heading {
	color: #1C3664;
	font-family: Silka-Medium, Arial, Helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: -0.75px;
	line-height: 35px;
	margin-bottom: 24px;
	text-align: center;
}

.request-info-003__text {
	color: #000000;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 24px;
	max-width: 800px;
	text-align: center;
}

.request-info-003__form {
	display: flex;
	gap: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 774px;
}

@media (max-width: 1000px) {
	.request-info-003__form {
		align-items: center;
		flex-direction: column;
		gap: 30px;
		width: 100%;
	}
}

.request-info-003__form-input {
	background: #fff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 3px 6px 0 #00000029;
	color: #504C4B;
	flex-grow: 1;
	font-size: 18px;
	padding: 15px 30px;
	width: 100%;
}

@media (max-width: 800px) {
	.request-info-003__form-input {
		width: 100%;
	}
}

.request-info-003__form-submit {
	background: linear-gradient(to right, #e01f26, #f25a47);
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	border-radius: 15px;
	color: hsl(0, 100%, 100%);
	display: block;
	cursor: pointer;
	font-family: Silka-Regular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	width: 188px;
}
/* #endregion Info Request 003 */



/* #region Ask Arti */
.ask-arti {
	background: linear-gradient(to right, #e01f26, #f25a47);
	border-radius: 0 15px 0 0;
	bottom: 0;
	left: 0;/*left: 50%;*/
	max-width: 100%;
	padding: 8px;
	position: fixed;
	/*transform: translateX(-50%);*/
	width: 500px;
	z-index: 1000;
}
.ask-arti-content {}
.ask-arti-header {}
.ask-arti-transcript {
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 16px;
	padding: 16px;
}

.ask-arti-transcript__message-arti {
	display: grid;
	font-size: 16px;
	grid-gap: 0 1rem;
	grid-template-areas:
		'icon text'
		'. timestamp';
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
}
.ask-arti-transcript__message-arti-icon {
	grid-area: icon;
}
.ask-arti-transcript__message-arti-text {
	color: #000000;
	grid-area: text;
}
.ask-arti-transcript__message-arti-timestamp {
	color: #000000;
	font-size: .8em;
	grid-area: timestamp;
}

.ask-arti-message-area {
	background: #ffffff;
	border-radius: 8px;
}
.ask-arti-message-area-inner {
	align-items: center;
	display: flex;
	gap: 15px;
}
.ask-arti-message-area-inner-input {
	border: none;
	border-radius: 8px;
	color: #504C4B;
	font-size: 16px;
	padding: 8px 16px;
	width: 100%;
}
.ask-arti-message-area-inner-send {
	cursor: pointer;
	margin-right: 16px;
}
/* #endregion Ask Arti */

/* #region Ask Arti */
.ask-arti-001 {
	display: block;
	width: 100%;
}

	.ask-arti-001 .transcript {
		height: 400px;
	}
		.ask-arti-001 .transcript .message-arti {
			align-items: flex-start;
			display: flex;
			gap: 16px;
		}
			.ask-arti-001 .transcript .message-arti .avatar {
				height: 32px;
				width: 32px;
			}
			.ask-arti-001 .transcript .message-arti .message {
				background: #F2F0EE;
				border-radius: 16px;
				padding: 16px;
			}

	.ask-arti-001 .message-area {
		background: linear-gradient(to right, #e01f26, #f25a47);
		border-radius: 16px;
		padding: 16px;
	}
		.ask-arti-001 .message-area .inner {
			align-items: center;
			background: #FFFFFF;
			border-radius: 16px;
			display: flex;
			padding: 16px;
		}
			.ask-arti-001 .message-area .inner .user-input {
				border: none;
				border-radius: 8px;
				color: #504C4B;
				flex-grow: 1;
				font-size: 16px;
				padding: 8px 16px;
			}
			.ask-arti-001 .message-area .inner .send {
				cursor: pointer;
			}

/* #endregion */