@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800");
@import url("fontawesome-all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");




/*
	ZeroFour by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	@-ms-viewport {
		width: device-width;
	}

	body {
		background: #2F455C url("images/bg01.webp");
	}

		body.is-preload * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body, input, select, textarea {
		font-family: 'Open Sans', sans-serif;
		color: #7b818c;
		font-weight: 400;
		font-size: 11pt;
		line-height: 1.85em;
	}

	a {
		color: inherit;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.04em;
		color: #404248;
		margin: 0 0 1em 0;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	h2 {
		font-size: 2em;
		margin: 0 0 1.5em 0;
		line-height: 1em;
	}

		h2.icon {
			line-height: 48px;
		}

			h2.icon:before {
				position: relative;
				top: 0.05em;
				margin-right: 0.5em;
				opacity: 0.25;
			}

	h3 {
		font-size: 1.35em;
		margin-top: 2em;
	}

	b, strong {
		color: #404248;
		font-weight: 700;
	}

	i, em {
		font-style: italic;
	}

	br.clear {
		clear: both;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 2em;
	}

	.date {
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.065em;
		font-size: 0.9em;
		color: #696969;
		margin: 0 0 0.25em 0;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: calc(100% - 100px);
		width: 1200px;
	}

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

			.container {
				width: 100%;
			}

		}

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

			.container {
				width: 100%;
			}

		}

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

			.container {
				width: 100%;
				max-width: 100%;
			}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			margin-top: -50px;
			margin-left: -50px;
		}

			.row > * {
				padding: 50px 0 0 50px;
			}

			.row.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-uniform > * {
					padding-top: 50px;
				}

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -8.75px;
					margin-left: -8.75px;
				}

					.row.gtr-25 > * {
						padding: 8.75px 0 0 8.75px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -8.75px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 8.75px;
						}

				.row.gtr-50 {
					margin-top: -17.5px;
					margin-left: -17.5px;
				}

					.row.gtr-50 > * {
						padding: 17.5px 0 0 17.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -17.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 17.5px;
						}

				.row {
					margin-top: -35px;
					margin-left: -35px;
				}

					.row > * {
						padding: 35px 0 0 35px;
					}

					.row.gtr-uniform {
						margin-top: -35px;
					}

						.row.gtr-uniform > * {
							padding-top: 35px;
						}

				.row.gtr-150 {
					margin-top: -52.5px;
					margin-left: -52.5px;
				}

					.row.gtr-150 > * {
						padding: 52.5px 0 0 52.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -52.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 52.5px;
						}

				.row.gtr-200 {
					margin-top: -70px;
					margin-left: -70px;
				}

					.row.gtr-200 > * {
						padding: 70px 0 0 70px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -70px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 70px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -2.5px;
					margin-left: -2.5px;
				}

					.row.gtr-25 > * {
						padding: 2.5px 0 0 2.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -2.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 2.5px;
						}

				.row.gtr-50 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-50 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 5px;
						}

				.row {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-150 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-150 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 15px;
						}

				.row.gtr-200 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-200 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 20px;
						}

		}

/* Section/Article */

	section, article {
		margin-bottom: 5em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header {
		margin: 0 0 2em 0;
	}

		header h2, header h3 {
			margin: 0 0 0.25em 0;
		}

		header p {
			display: block;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 0.065em;
			font-size: 0.9em;
			color: #696969;
			margin: 0;
		}

			header p strong {
				color: #404248;
				font-weight: 800;
			}

	footer {
		margin: 2.5em 0 0 0;
	}

	header.major {
		border-bottom: solid 1px #dbdbdb;
		margin: 0 0 3em 0;
	}

		header.major:after {
			content: '';
			display: block;
			border-top: solid 1px #dbdbdb;
			height: 8px;
		}

		header.major h2, header.major h3 {
			margin: 0 0 1.2em 0;
		}

		header.major p {
			margin: 0 0 1.5em 0;
			position: relative;
			top: -1em;
		}

/* Forms */

	form label {
		display: block;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.04em;
		color: #404248;
		margin: 0 0 1em 0;
		font-size: 0.8em;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		width: 100%;
		border-radius: 8px;
		border: solid 1px #eee;
	}

	form input[type="text"]:focus,
	form input[type="email"]:focus,
	form input[type="password"]:focus,
	form select:focus,
	form textarea:focus {
		box-shadow: 0 0 2px 1px #4091bf;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"] {
		line-height: 3em;
		padding: 0 1em;
	}

	form select {
		line-height: 3em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form ::-webkit-input-placeholder,
	form :-moz-placeholder,
	form ::-moz-placeholder,
	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tr {
				border-top: solid 1px #eee;
			}

				table.default tr:first-child {
					border-top: 0;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				padding: 0.5em 1em 0.5em 1em;
				text-transform: uppercase;
				font-weight: 800;
				letter-spacing: 0.04em;
				margin: 0 0 1em 0;
				font-size: 0.8em;
			}

			table.default thead {
				background: #404248;
				color: #fff;
			}

/* Image */

	.image {
		position: relative;
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
			border-radius: 8px;
		}

		.image:before {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			background: url("images/bg01.webp");
			width: 100%;
			height: 100%;
			opacity: 0.75;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2.5em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.webp");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.webp");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.webp");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.webp");
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background-color: #4091bf;
		border-radius: 8px;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35);
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		color: #fff !important;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 0.95em;
		letter-spacing: 0.075em;
		padding: 1em 2em;
		outline: 0;
		border: 0;
		white-space: nowrap;
		cursor: pointer;
	}

		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			opacity: 0.5;
			margin-right: 0.5em;
			position: relative;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #50a1cf;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background-color: #3081af;
		}

		input[type="button"].medium,
		input[type="submit"].medium,
		input[type="reset"].medium,
		button.medium,
		.button.medium {
			font-size: 1.25em;
			padding: 1em 2.25em;
		}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 1.5em;
			padding: 1em 2.25em;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color: #2F455C;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #565a62;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #363a42;
			}

			.button i {
    margin-right: 0.5em;
    position: relative;
    top: 0.05em;
    opacity: 0.85;
}
/* List */

	dl.contact dt {
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.065em;
		font-size: 0.9em;
		color: #696969;
		float: left;
		width: 6em;
	}

	dl.contact dd {
		margin: 0 0 1em 6em;
	}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.actions li {
		display: inline-block;
		padding: 0 0 0 0.25em;
		margin: 0 0 0 0.25em;
	}

		ul.actions li:first-child {
			margin-left: 0;
			padding-left: 0;
		}

	ul.menu li {
		border-left: solid 1px #eee;
		display: inline-block;
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

	ul.divided li {
		border-top: solid 1px #eee;
		padding: 0.5em 0 0 0;
		margin: 0.5em 0 0 0;
	}

		ul.divided li:first-child {
			border-top: 0 !important;
			padding-top: 0 !important;
			margin-top: 0 !important;
		}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

/* Box */

	.box.excerpt {
		position: relative;
		overflow: hidden;
	}

		.box.excerpt header {
			margin: 0 0 1em 0;
		}

		.box.excerpt .image, .box.excerpt p {
			margin-bottom: 0;
		}

	.box.feature1 {
		text-align: center;
	}

		.box.feature1 header {
			margin-bottom: 3em;
		}

			.box.feature1 header.first h2 {
				font-size: 2.5em;
			}

			.box.feature1 header.first p {
				font-size: 1.2em;
			}

			.box.feature1 header.first .service-overview-text {
				font-size: clamp(1rem, 1.05vw + 0.45rem, 1.2rem);
				font-weight: 400;
				line-height: 1.95;
				letter-spacing: 0.012em;
				text-transform: none;
				color: #475569;
				text-align: left;
				text-wrap: pretty;
				max-width: 54rem;
				margin: 0 auto 2em auto;
				padding: 0 0.25rem 0 1.1rem;
				border-left: 3px solid rgba(33, 208, 179, 0.35);
				top: 0;
				white-space: pre-line;
			}

			.box.feature1 header.first .service-overview-text p {
				font-size: inherit;
				font-weight: inherit;
				line-height: inherit;
				letter-spacing: inherit;
				text-transform: none;
				color: inherit;
				margin: 0 0 1.1em 0;
			}

			.box.feature1 header.first .service-overview-text p:last-child {
				margin-bottom: 0;
			}

			@media screen and (max-width: 736px) {
				.box.feature1 header.first .service-overview-text {
					max-width: 100%;
					padding: 0 0.35rem 0 0.8rem;
					border-left-width: 2px;
					line-height: 1.85;
				}
			}

			.box.feature1 header.second {
				position: relative;
				display: inline-block;
				text-align: left;
				margin: 0 auto;
				white-space: nowrap;
				left: 24px;
			
			}
				.box.feature1 header.second .card-icon {
					font-size: 48px;
					position: absolute;
					right: 100%;
					margin-right: 18px;
					opacity: 0.85;
					bottom: -4px;
					color: #21D0B3;
				}

				.box.feature1 header.second p {
					line-height: 1em;
				}
				
				.box.feature1 header.second:before {
					font-size: 48px;
					position: absolute;
					right: 100%;
					margin-right: 18px;
					opacity: 0.85;
					bottom: -4px;
					color: #21D0B3;
				}

				.box.feature1.product-overview-section {
					text-align: left;
				}

				.box.feature1.product-overview-section .major {
					text-align: center;
					margin-bottom: 1.35rem;
				}

				.box.feature1.product-overview-section .product-overview-panels {
					display: grid;
					gap: 1.25rem;
				}

				.box.feature1.product-overview-section .product-overview-panel {
					display: grid;
					grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
					align-items: stretch;
					min-height: 24rem;
					border: 1px solid #d5e6e4;
					border-radius: 8px;
					overflow: hidden;
					background: #ffffff;
					transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
				}

				.box.feature1.product-overview-section.service-animate .product-overview-panel {
					opacity: 0;
					transform: translateY(20px);
				}

				.box.feature1.product-overview-section.service-animate.is-inview .product-overview-panel {
					animation: productOverviewReveal 700ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
				}

				.box.feature1.product-overview-section.service-animate.is-inview .product-overview-panel:nth-child(2) {
					animation-delay: 140ms;
				}

				.box.feature1.product-overview-section .product-overview-panel:hover {
					transform: translateY(-4px);
					border-color: #b8dcd7;
					box-shadow: 0 14px 30px rgba(27, 66, 88, 0.12);
				}

				.box.feature1.product-overview-section .product-overview-panel img {
					width: 100%;
					height: 100%;
					min-height: 24rem;
					padding: 1rem;
					object-fit: contain;
					object-position: center;
					background: #f5f8f8;
					transition: transform 420ms ease;
				}

				.box.feature1.product-overview-section .product-overview-panel:hover img {
					transform: scale(1.025);
				}

				.box.feature1.product-overview-section .product-overview-panel:nth-child(even) .product-overview-copy {
					order: 1;
				}

				.box.feature1.product-overview-section .product-overview-panel:nth-child(even) img {
					order: 2;
				}

				.box.feature1.product-overview-section .product-overview-copy {
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding: 2rem;
					min-width: 0;
					text-align: left;
				}

				.box.feature1.product-overview-section .product-overview-copy h3 {
					margin: 0 0 0.75rem;
					font-size: clamp(1.35rem, 2vw, 2rem);
					line-height: 1.2;
					letter-spacing: 0.02em;
					color: #2f455c;
				}

				.box.feature1.product-overview-section .product-overview-copy div,
				.box.feature1.product-overview-section .product-overview-copy p,
				.box.feature1.product-overview-section .product-overview-copy li {
					font-size: 1rem;
					font-weight: 400;
					line-height: 1.65;
					letter-spacing: 0.012em;
					text-transform: none;
					color: #52667a;
				}

				.box.feature1.product-overview-section .product-overview-copy p:last-child {
					margin-bottom: 0;
				}

				@keyframes productOverviewReveal {
					from {
						opacity: 0;
						transform: translateY(20px);
					}

					to {
						opacity: 1;
						transform: translateY(0);
					}
				}

				@media screen and (max-width: 736px) {
					.box.feature1.product-overview-section .product-overview-panel {
						grid-template-columns: 1fr;
						min-height: 0;
					}

					.box.feature1.product-overview-section .product-overview-panel img {
						min-height: 14rem;
						height: 14rem;
						padding: 0.75rem;
					}

					.box.feature1.product-overview-section .product-overview-panel:nth-child(even) img {
						order: initial;
					}

					.box.feature1.product-overview-section .product-overview-panel:nth-child(even) .product-overview-copy {
						order: initial;
					}

					.box.feature1.product-overview-section .product-overview-copy {
						padding: 1.35rem;
					}
				}

				@media (prefers-reduced-motion: reduce) {
					.box.feature1.product-overview-section.service-animate .product-overview-panel {
						opacity: 1;
						transform: none;
						animation: none;
					}

					.box.feature1.product-overview-section .product-overview-panel,
					.box.feature1.product-overview-section .product-overview-panel img {
						transition: none;
					}
				}

				.box.feature1.product-functionality-section {
					text-align: left;
				}

				.box.feature1.product-functionality-section .major {
					text-align: center;
					margin-bottom: 1.5rem;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-controls {
					display: flex;
					justify-content: flex-end;
					gap: 0.45rem;
					margin-bottom: 0.7rem;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 2.4rem;
					height: 2.4rem;
					padding: 0;
					border: 1px solid #b9d6d2;
					border-radius: 6px;
					background: #2f455c;
					color: #ffffff;
					cursor: pointer;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-button:hover {
					background: #21a990;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-button:disabled {
					opacity: 0.4;
					cursor: not-allowed;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-button .icon:before {
					margin: 0;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-viewport {
					overflow-x: auto;
					overflow-y: hidden;
					scroll-snap-type: x mandatory;
					scrollbar-width: none;
					-webkit-overflow-scrolling: touch;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-viewport::-webkit-scrollbar {
					display: none;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-track {
					display: grid;
					grid-auto-flow: column;
					grid-auto-columns: 100%;
					gap: 1rem;
				}

				.box.feature1.product-functionality-section .product-functionality-card {
					display: grid;
					grid-template-columns: minmax(5.5rem, 0.3fr) minmax(0, 1fr);
					gap: 1.25rem;
					align-items: center;
					min-height: 12rem;
					padding: 1.5rem;
					border: 1px solid #cfe5e1;
					border-radius: 8px;
					background: #ffffff;
					scroll-snap-align: start;
				}

				.box.feature1.product-functionality-section .product-functionality-icon {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 5.25rem;
					height: 5.25rem;
					border-radius: 8px;
					background: #e6f7f4;
					color: #21bda5;
				}

				.box.feature1.product-functionality-section .product-functionality-icon .card-icon {
					font-size: 2.45rem;
				}

				.box.feature1.product-functionality-section .product-functionality-copy {
					min-width: 0;
				}

				.box.feature1.product-functionality-section .product-functionality-copy h3 {
					margin: 0 0 0.5rem;
					font-size: 1.4rem;
					line-height: 1.2;
					letter-spacing: 0.02em;
					color: #2f455c;
					white-space: normal;
					overflow-wrap: anywhere;
				}

				.box.feature1.product-functionality-section .product-functionality-copy p {
					margin: 0;
					font-size: 1rem;
					font-weight: 500;
					line-height: 1.55;
					letter-spacing: 0.025em;
					text-transform: none;
					color: #52667a;
					white-space: normal;
					overflow-wrap: anywhere;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-dots {
					display: flex;
					justify-content: center;
					gap: 0.45rem;
					margin-top: 1rem;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-dot {
					width: 0.6rem;
					height: 0.6rem;
					padding: 0;
					border: 0;
					border-radius: 50%;
					background: #b7cecd;
					cursor: pointer;
				}

				.box.feature1.product-functionality-section .product-functionality-carousel-dot.is-active {
					background: #21bda5;
				}

				@media screen and (max-width: 736px) {
					.box.feature1.product-functionality-section .product-functionality-card {
						grid-template-columns: 1fr;
						gap: 1rem;
						padding: 1.25rem;
					}

					.box.feature1.product-functionality-section .product-functionality-icon {
						width: 4.5rem;
						height: 4.5rem;
					}

					.box.feature1.product-functionality-section .product-functionality-carousel-controls {
						display: none;
					}
				}

				.box.feature1.service-hero-cards header.second {
					display: block;
					left: 0;
					white-space: normal;
					max-width: 20rem;
					width: min(100%, 20rem);
					margin: 0 auto;
				}

				.box.feature1.service-hero-cards header.second h3,
				.box.feature1.service-hero-cards header.second p {
					white-space: normal;
					overflow-wrap: break-word;
				}

				.box.feature1.service-hero-cards header.second p {
					line-height: 1.3;
				}

				.box.feature1.service-hero-cards.service-animate .service-hero-card {
					opacity: 0;
					transform: translateY(16px) scale(0.985);
				}

				.box.feature1.service-hero-cards.service-animate.is-inview .service-hero-card {
					animation: serviceHeroCardReveal 700ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
					animation-delay: calc(140ms + (var(--card-index, 0) * 120ms));
				}

				.box.feature1.service-hero-cards .service-hero-card header.second,
				.box.feature1.service-hero-cards .service-hero-card header.second:before {
					transition: transform 260ms ease, opacity 260ms ease;
				}

				.box.feature1.service-hero-cards .service-hero-card:hover header.second {
					transform: translateY(-4px);
				}

				.box.feature1.service-hero-cards .service-hero-card:hover header.second:before {
					transform: scale(1.08);
					opacity: 1;
				}

				@media screen and (max-width: 736px) {
					.box.feature1.service-hero-cards header.second {
						max-width: 20rem;
						width: min(92vw, 20rem);
						left: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						text-align: center;
					}

					.box.feature1.service-hero-cards header.second .card-icon,
					.box.feature1.service-hero-cards header.second:before {
						position: static;
						right: auto;
						bottom: auto;
						margin: 0 0 0.5rem 0;
					}

					.box.feature1.service-hero-cards {
						padding-inline: 1rem;
					}
				}

				@media (prefers-reduced-motion: reduce) {
					.box.feature1.service-hero-cards.service-animate .service-hero-card {
						opacity: 1;
						transform: none;
						animation: none;
					}

					.box.feature1.service-hero-cards .service-hero-card header.second,
					.box.feature1.service-hero-cards .service-hero-card header.second:before {
						transition: none;
					}
				}

				@keyframes serviceHeroCardReveal {
					from {
						opacity: 0;
						transform: translateY(16px) scale(0.985);
					}

					to {
						opacity: 1;
						transform: translateY(0) scale(1);
					}
				}

				.box.feature1.service-process-section {
					text-align: left;
					margin-top: 1.25rem;
				}

				.box.feature1.service-process-section .service-process-intro {
					margin-bottom: 2.2em;
				}

				.box.feature1.service-process-section .service-process-intro h2 {
					font-size: clamp(1.6rem, 2vw, 2.2rem);
					line-height: 1.2;
					margin-bottom: 0.5em;
				}

				.box.feature1.service-process-section .service-process-intro p {
					position: static;
					margin: 0 auto;
					max-width: 48rem;
					font-size: 1rem;
					line-height: 1.65;
					letter-spacing: 0.012em;
					text-transform: none;
					color: #5f6d82;
				}

				.box.feature1.service-process-section .service-process-col {
					position: relative;
				}

				.box.feature1.service-process-section .service-process-step {
					position: relative;
					height: 100%;
					padding: 1.1rem 1.15rem 1.25rem;
					border: 1px solid #e5ebf3;
					border-radius: 14px;
					background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
					box-shadow: 0 10px 26px rgba(17, 30, 56, 0.07);
				}

				.box.feature1.service-process-section .service-process-col:not(:last-child) .service-process-step:after {
					content: '';
					position: absolute;
					top: 2.2rem;
					left: calc(100% + 0.35rem);
					width: calc(100% - 1.65rem);
					height: 2px;
					background: linear-gradient(90deg, rgba(47, 90, 150, 0.32) 0%, rgba(33, 208, 179, 0.5) 100%);
				}

				.box.feature1.service-process-section .service-process-step-top {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 0.75rem;
				}

				.box.feature1.service-process-section .service-process-step-number {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					min-width: 4.7rem;
					padding: 0.35rem 0.65rem;
					border-radius: 999px;
					background: rgba(54, 88, 166, 0.08);
					color: #2f4b78;
					font-size: 0.76rem;
					font-weight: 800;
					letter-spacing: 0.08em;
					text-transform: uppercase;
				}

				.box.feature1.service-process-section .service-process-step-body {
					position: relative;
					padding-left: 3.1rem;
				}

				.box.feature1.service-process-section .service-process-icon {
					position: absolute;
					left: 0;
					top: 0.05rem;
					font-size: 1.55rem;
					color: #21d0b3;
				}

				.box.feature1.service-process-section .service-process-step h3 {
					margin: 0 0 0.4rem 0;
					font-size: 1.18rem;
					line-height: 1.25;
					letter-spacing: 0.01em;
					color: #24334a;
				}

				.box.feature1.service-process-section .service-process-step p {
					margin: 0;
					font-size: 0.95rem;
					line-height: 1.55;
					letter-spacing: 0.008em;
					text-transform: none;
					color: #627188;
				}

				@media screen and (max-width: 980px) {
					.box.feature1.service-process-section .service-process-col:not(:last-child) .service-process-step:after {
						display: none;
					}

					.box.feature1.service-process-section .service-process-col {
						margin-bottom: 1rem;
					}
				}

				@media screen and (max-width: 736px) {
					.box.feature1.service-process-section .service-process-step {
						padding: 1rem 1rem 1.1rem;
					}

					.box.feature1.service-process-section .service-process-step h3 {
						font-size: 1.08rem;
					}
				}

				.box.feature1.service-trust-section {
					text-align: left;
					padding: 0;
					border: 0;
					background: transparent;
					position: relative;
				}

				.box.feature1.service-trust-section .service-trust-layout {
					position: relative;
					display: grid;
					grid-template-columns: minmax(16rem, 0.92fr) minmax(0, 1.36fr);
					gap: 1.35rem;
					align-items: stretch;
					z-index: 0;
				}

				.box.feature1.service-trust-section .service-trust-layout:before {
					content: '';
					position: absolute;
					left: calc(40% - 1px);
					top: 1.2rem;
					bottom: 1.2rem;
					width: 1px;
					border-radius: 999px;
					background: linear-gradient(180deg, rgba(87, 120, 154, 0) 0%, rgba(87, 120, 154, 0.24) 18%, rgba(87, 120, 154, 0.24) 82%, rgba(87, 120, 154, 0) 100%);
					pointer-events: none;
					z-index: -1;
				}

				.box.feature1.service-trust-section .service-trust-overview {
					position: relative;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 1.95rem 1.65rem;
					border: 1px solid #2a4865;
					border-radius: 24px;
					background: linear-gradient(148deg, #183248 0%, #224361 56%, #203a53 100%);
					box-shadow: 0 14px 30px rgba(14, 33, 53, 0.2);
					min-height: 100%;
				}

				.box.feature1.service-trust-section .service-trust-overview:after {
					content: '';
					position: absolute;
					right: -4rem;
					top: -3.8rem;
					width: 9rem;
					height: 9rem;
					border-radius: 50%;
					background: radial-gradient(circle, rgba(116, 173, 219, 0.2) 0%, rgba(116, 173, 219, 0) 72%);
					pointer-events: none;
				}

				.box.feature1.service-trust-section .service-trust-intro {
					margin: 0;
					border: 0;
				}

				.box.feature1.service-trust-section .service-trust-intro:after {
					display: none;
				}

				.box.feature1.service-trust-section .service-trust-intro h2 {
					font-size: clamp(1.52rem, 2vw, 2.02rem);
					line-height: 1.2;
					letter-spacing: 0.01em;
					margin-bottom: 0.58em;
					color: #f2f7fc;
				}

				.box.feature1.service-trust-section .service-trust-intro p {
					position: static;
					margin: 0;
					max-width: 32ch;
					font-size: 0.97rem;
					line-height: 1.64;
					letter-spacing: 0.008em;
					text-transform: none;
					color: rgba(223, 235, 248, 0.88);
				}

				.box.feature1.service-trust-section .service-trust-carousel-hint {
					margin: 1.45rem 0 0 0;
					display: inline-flex;
					align-items: center;
					padding: 0.56rem 0.8rem;
					border-radius: 12px;
					background: rgba(255, 255, 255, 0.11);
					border: 1px solid rgba(219, 235, 252, 0.26);
					font-size: 0.79rem;
					font-weight: 700;
					line-height: 1.45;
					letter-spacing: 0.045em;
					text-transform: uppercase;
					color: #d9e8f8;
				}

				.box.feature1.service-trust-section .service-trust-grid {
					display: grid;
					grid-template-columns: repeat(2, minmax(0, 1fr));
					gap: 1rem;
					align-items: stretch;
				}

				.box.feature1.service-trust-section .service-trust-card {
					position: relative;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					height: 100%;
					padding: 1.45rem 1.22rem 1.22rem;
					border: 1px solid #dfeaf6;
					border-radius: 20px;
					background: #ffffff;
					box-shadow: 0 8px 20px rgba(17, 39, 65, 0.08);
					transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
				}

				.box.feature1.service-trust-section .service-trust-card:before {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 3px;
					background: linear-gradient(90deg, #2a9dc8 0%, #2f83b7 100%);
					border-radius: 20px 20px 0 0;
				}

				.box.feature1.service-trust-section.service-animate .service-trust-item {
					opacity: 0;
					transform: translateY(20px) scale(0.985);
				}

				.box.feature1.service-trust-section.service-animate.is-inview .service-trust-item {
					animation: serviceTrustReveal 760ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
					animation-delay: calc(120ms + (var(--trust-index, 0) * 130ms));
				}

				.box.feature1.service-trust-section .service-trust-item:hover {
					transform: translateY(-3px);
					box-shadow: 0 12px 28px rgba(17, 39, 65, 0.11);
					border-color: #cedded;
				}

				.box.feature1.service-trust-section .service-trust-card-header {
					display: flex;
					align-items: flex-start;
					gap: 0.9rem;
					margin-bottom: 1rem;
				}

				.box.feature1.service-trust-section .service-trust-card-meta {
					display: flex;
					flex-direction: column;
					align-items: center;
					gap: 0.52rem;
					flex: 0 0 auto;
				}

				.box.feature1.service-trust-section .service-trust-badge {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 2.2rem;
					height: 2.2rem;
					border-radius: 9px;
					background: #2f84b8;
					color: #ffffff;
					font-size: 0.78rem;
					font-weight: 800;
					letter-spacing: 0.08em;
					box-shadow: none;
				}

				.box.feature1.service-trust-section .service-trust-symbol {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 2.2rem;
					height: 2.2rem;
					border-radius: 10px;
					background: #edf4fb;
					color: #3a678f;
					font-size: 0.98rem;
					box-shadow: inset 0 0 0 1px rgba(75, 118, 161, 0.14);
				}

				.box.feature1.service-trust-section .service-trust-symbol:before {
					margin: 0;
				}

				.box.feature1.service-trust-section .service-trust-card-copy {
					min-width: 0;
				}

				.box.feature1.service-trust-section .service-trust-card h3 {
					margin: 0 0 0.35rem 0;
					font-size: 1.13rem;
					line-height: 1.24;
					letter-spacing: 0.01em;
					color: #223248;
				}

				.box.feature1.service-trust-section .service-trust-card-copy p {
					margin: 0;
					font-size: 0.92rem;
					line-height: 1.52;
					letter-spacing: 0.006em;
					text-transform: none;
					color: #5b6f86;
				}

				.box.feature1.service-trust-section .service-trust-list {
					list-style: none;
					padding: 0;
					margin: 0;
					text-align: left;
					display: grid;
					gap: 0.45rem;
				}

				.box.feature1.service-trust-section .service-trust-list li {
					position: relative;
					margin: 0;
					padding: 0.5rem 0.64rem 0.5rem 1.86rem;
					border-radius: 11px;
					background: #f4f8fd;
					border: 1px solid #e0ebf7;
					font-size: 0.9rem;
					font-weight: 600;
					line-height: 1.38;
					letter-spacing: 0.006em;
					color: #2a3b51;
					box-shadow: none;
				}

				.box.feature1.service-trust-section .service-trust-list li:nth-child(2n) {
					background: #eef5fc;
				}

				.box.feature1.service-trust-section .service-trust-list li:before {
					content: '\2713';
					position: absolute;
					left: 0.6rem;
					top: 0.44rem;
					width: 0.9rem;
					height: 0.9rem;
					border-radius: 50%;
					font-size: 0.62rem;
					font-weight: 700;
					line-height: 0.9rem;
					text-align: center;
					color: #ffffff;
					background: #2f84b8;
				}

				@media screen and (max-width: 980px) {
					.box.feature1.service-trust-section .service-trust-layout {
						grid-template-columns: 1fr;
						gap: 1.05rem;
					}

					.box.feature1.service-trust-section .service-trust-layout:before {
						display: none;
					}

					.box.feature1.service-trust-section .service-trust-overview {
						padding: 1.7rem 1.35rem;
					}

					.box.feature1.service-trust-section .service-trust-grid {
						grid-template-columns: 1fr;
					}
				}

				@media screen and (max-width: 736px) {
					.box.feature1.service-trust-section .service-trust-intro h2 {
						font-size: 1.44rem;
					}

					.box.feature1.service-trust-section .service-trust-carousel-hint {
						font-size: 0.74rem;
						padding: 0.52rem 0.7rem;
					}

					.box.feature1.service-trust-section .service-trust-card {
						padding: 1.3rem 1.12rem 1.12rem;
					}

					.box.feature1.service-trust-section .service-trust-list li {
						padding: 0.52rem 0.62rem 0.52rem 1.92rem;
					}
				}

				@media (prefers-reduced-motion: reduce) {
					.box.feature1.service-trust-section.service-animate .service-trust-item {
						opacity: 1;
						transform: none;
						animation: none;
					}

					.box.feature1.service-trust-section .service-trust-card {
						transition: none;
					}
				}

				.box.feature2.service-faq-cards-section {
					text-align: left;
				}

				.box.feature2.service-faq-cards-section .service-faq-panel {
					position: relative;
				}

				.box.feature2.service-faq-cards-section .service-faq-panel .major {
					margin-bottom: 0.9rem;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-controls {
					display: inline-flex;
					gap: 0.45rem;
					margin: 0 0 0.75rem 0;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 2.1rem;
					height: 2.1rem;
					border: 1px solid #cddced;
					border-radius: 10px;
					background-color: #2F455C;
					
					cursor: pointer;
					transition: transform 180ms ease, background-color 180ms ease;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-button:hover {
					transform: translateY(-1px);
					background: #444;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-button:disabled {
					opacity: 0.42;
					cursor: not-allowed;
					transform: none;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-button .icon:before {
					margin: 0;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-viewport {
					overflow-x: auto;
					overflow-y: hidden;
					scroll-snap-type: x mandatory;
					scrollbar-width: none;
					-webkit-overflow-scrolling: touch;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-viewport::-webkit-scrollbar {
					display: none;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-track {
					display: grid;
					grid-auto-flow: column;
					grid-auto-columns: minmax(17rem, calc(100% - 2.4rem));
					gap: 0.8rem;
				}

				.box.feature2.service-faq-cards-section .service-faq-card {
					scroll-snap-align: start;
					padding: 1rem 0.95rem 0.95rem;
					border: 1px solid #dbe7f3;
					border-radius: 14px;
					background: #f9fcff;
				}

				.box.feature2.service-faq-cards-section .service-faq-card-index {
					display: inline-block;
					margin-bottom: 0.5rem;
					padding: 0.2rem 0.45rem;
					border-radius: 999px;
					font-size: 0.72rem;
					font-weight: 700;
					letter-spacing: 0.06em;
					color: #345a7d;
					background: #e9f3fc;
				}

				.box.feature2.service-faq-cards-section .service-faq-card h3 {
					margin: 0 0 0.42rem 0;
					font-size: 1rem;
					line-height: 1.32;
					color: #22384f;
				}

				.box.feature2.service-faq-cards-section .service-faq-card p {
					margin: 0;
					font-size: 0.92rem;
					line-height: 1.5;
					color: #566f88;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-dots {
					display: flex;
					justify-content: flex-start;
					gap: 0.4rem;
					margin-top: 0.65rem;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-dot {
					width: 0.56rem;
					height: 0.56rem;
					padding: 0;
					border: 0;
					border-radius: 999px;
					background: #c9d9ea;
					cursor: pointer;
				}

				.box.feature2.service-faq-cards-section .service-faq-carousel-dot.is-active {
					background: #2f84b8;
				}

				@media screen and (max-width: 736px) {
					.box.feature2.service-faq-cards-section .service-faq-carousel-track {
						grid-auto-columns: calc(100% - 1.3rem);
					}
				}

				@media (prefers-reduced-motion: reduce) {
					.box.feature2.service-faq-cards-section .service-faq-carousel-button {
						transition: none;
					}
				}

				@keyframes serviceTrustReveal {
					from {
						opacity: 0;
						transform: translateY(20px) scale(0.985);
					}

					to {
						opacity: 1;
						transform: translateY(0) scale(1);
					}
				}

				.box.feature2.service-intelligence-section {
					text-align: left;
				}

				.box.feature2.service-intelligence-section .service-intelligence-intro {
					border: 0;
					margin: 0 0 2.3em 0;
					text-align: center;
				}

				.box.feature2.service-intelligence-section .service-intelligence-intro:after {
					display: none;
				}

				.box.feature2.service-intelligence-section .service-intelligence-intro h2 {
					font-size: clamp(1.55rem, 2vw, 2.25rem);
					line-height: 1.2;
					letter-spacing: 0.01em;
					margin-bottom: 0.55em;
				}

				.box.feature2.service-intelligence-section .service-intelligence-intro p {
					position: static;
					margin: 0 auto;
					max-width: 44rem;
					font-size: 1rem;
					font-weight: 500;
					line-height: 1.65;
					letter-spacing: 0.012em;
					text-transform: none;
					color: #5b6778;
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel {
					position: relative;
					height: 100%;
					padding: 2rem 2rem 1.75rem;
					border: 1px solid #e4ebf3;
					border-radius: 16px;
					background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
					box-shadow: 0 14px 32px rgba(18, 35, 61, 0.08);
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel:before {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					height: 4px;
					width: 100%;
					border-radius: 16px 16px 0 0;
					background: linear-gradient(90deg, #21d0b3 0%, #2f9dd9 52%, #3658a6 100%);
				}

				.box.feature2.service-intelligence-section .service-intelligence-block + .service-intelligence-block {
					margin-top: 1.7rem;
					padding-top: 1.4rem;
					border-top: 1px solid #edf2f8;
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel header.major {
					border: 0;
					margin: 0 0 0.9rem 0;
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel header.major:after {
					display: none;
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel header.major h2 {
					font-size: clamp(1.2rem, 1.45vw, 1.5rem);
					line-height: 1.25;
					letter-spacing: 0.01em;
					margin: 0 0 0.45rem 0;
				}

				.box.feature2.service-intelligence-section .service-intelligence-panel header.major p {
					position: static;
					margin: 0;
					font-size: 0.96rem;
					line-height: 1.6;
					letter-spacing: 0.01em;
					text-transform: none;
					color: #627188;
				}

				.box.feature2.service-intelligence-section .service-enterprise-list {
					list-style: none;
					margin: 0;
					padding: 0;
				}

				.box.feature2.service-intelligence-section .service-enterprise-list li {
					position: relative;
					margin: 0;
					padding: 0.48rem 0 0.48rem 1.25rem;
					font-size: 0.96rem;
					font-weight: 500;
					line-height: 1.45;
					letter-spacing: 0.006em;
					color: #2f3d52;
					text-align: left;
				}

				.box.feature2.service-intelligence-section .service-enterprise-list li:before {
					content: '';
					position: absolute;
					left: 0;
					top: 1rem;
					width: 7px;
					height: 7px;
					border-radius: 999px;
					background: #21d0b3;
					box-shadow: 0 0 0 4px rgba(33, 208, 179, 0.15);
				}

				@media screen and (max-width: 980px) {
					.box.feature2.service-intelligence-section .service-intelligence-intro {
						margin-bottom: 1.9em;
					}

					.box.feature2.service-intelligence-section .service-intelligence-panel {
						padding: 1.7rem 1.5rem 1.5rem;
						margin-bottom: 1.25rem;
					}
				}

				@media screen and (max-width: 736px) {
					.box.feature2.service-intelligence-section .service-intelligence-intro h2 {
						font-size: 1.5rem;
					}

					.box.feature2.service-intelligence-section .service-intelligence-intro p {
						font-size: 0.95rem;
					}

					.box.feature2.service-intelligence-section .service-intelligence-panel {
						padding: 1.5rem 1.25rem 1.35rem;
						border-radius: 14px;
					}
				}

	.box.feature2 {
		text-align: center;
	}

	.box.article-list article {
		border-bottom: solid 1px #dbdbdb;
		margin: 0 0 2.75em 0;
		padding: 0 0 2.75em 0;
	}

		.box.article-list article:last-child {
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}

	.box.excerpt .image.left {
		width: 180px;
		max-width: 32%;
		margin: 0 1.5em 1em 0;
	}

	.box.excerpt .image.left img {
		width: 100%;
		height: 120px;
		object-fit: cover;
		border-radius: 8px;
		display: block;
	}

	.box.spotlight .image.featured {
		margin: 0 0 1.5em 0;
	}

	.box.spotlight .image.featured img {
		width: 100%;
		height: 220px;
		object-fit: cover;
		border-radius: 10px;
		display: block;
	}


		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Free';
			font-weight: 400;
		}

		.icon.solid:before {
			font-weight: 900;
			font-family: 'Font Awesome 6 Free';
		}

		.icon.brands:before {
			font-family: 'Font Awesome 6 Brands';
			 font-weight: 900;
		}
		.icon:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

		.icon > .label {
			display: none;

		}


/* Nav */

	#nav {
		position: absolute;
		right: 2em;
		top: 0;
		line-height: 5.5em;
	}

		#nav > ul > li {
			float: left;
			padding: 0 0.8em 0 0.8em;
		}

			#nav > ul > li > a, #nav > ul > li > span {
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 800;
				font-size: 0.95em;
				letter-spacing: 0.075em;
				padding: 0.5em 0.8em 0.5em 0.8em;
				border-radius: 6px;
				outline: 0;
			}

			#nav > ul > li.active > a,
			#nav > ul > li.current_page_item > a,
			#nav > ul > li.active > span,
			#nav > ul > li.current_page_item > span {
				background: rgba(0, 0, 0, 0.15);
				box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.025), 1px 1px 0px 0px rgba(255, 255, 255, 0.025);
			}

			#nav > ul > li:last-child {
				padding-right: 0;
			}

			#nav > ul > li > ul {
				display: none;
			}

	.dropotron {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.webp");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.webp");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.webp");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.webp");
		position: relative;
		background-color: #3B3E45;
		background-color: rgba(59, 62, 69, 0.9);
		border-radius: 8px;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		padding: 1.5em;
		line-height: 2.5em;
		min-width: 15em;
	}

		.dropotron.level-0 {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			margin-top: -2px;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), 0px 2px 14px 0px rgba(0, 0, 0, 0.4);
		}

		.dropotron a, .dropotron span {
			color: #aaa;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 800;
			font-size: 0.8em;
			letter-spacing: 0.075em;
			outline: 0;
		}

		.dropotron li:hover > a, .dropotron li:hover > span {
			color: #fff;
		}

/* Banner */

	#banner {
		text-align: left;
		width: 940px;
		margin: 0 auto;
		overflow: hidden;
		padding: 9em 0 6em 0;
	}

		#banner h1,
		#banner h2 {
			border: solid 1px rgba(255, 255, 255, 0.25);
			border-left: 0;
			border-right: 0;
			color: #fff;
			color: rgba(254, 254, 254, 0.915);
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 1.5em 0;
		}

			#banner h1 strong,
			#banner h2 strong {
				font-weight: 800;
				color: inherit;
			}

			#banner h1:before,
			#banner h2:before {
				content: '';
				display: block;
				border-top: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 10px 0 1.25em 0;
			}

			#banner h1:after,
			#banner h2:after {
				content: '';
				display: block;
				border-bottom: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 1.25em 0 10px 0;
			}

	

		#banner p {
			text-transform: uppercase;
			color: #fff;
			color: rgba(255, 255, 255, 0.75);
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
			float: left;
			text-align: right;
			width: 60%;
			line-height: 1.5em;
			margin: 0;
		}

/* Banner Animations */

	@keyframes bannerFadeUp {
		from {
			opacity: 0;
			transform: translateY(28px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes bannerFadeIn {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	#banner h4 {
		animation: bannerFadeUp 0.7s ease both;
		animation-delay: 0.2s;
	}

	#banner img {
		animation: bannerFadeIn 0.8s ease both;
		animation-delay: 0.55s;
	}

	#banner h1,
	#banner h2 {
		animation: bannerFadeUp 0.7s ease both;
		animation-delay: 0.85s;
	}

	#banner p {
		animation: bannerFadeUp 0.7s ease both;
		animation-delay: 1.15s;
	}

	@media (prefers-reduced-motion: reduce) {
		#banner h4,
		#banner img,
		#banner h1,
		#banner h2,
		#banner p {
			animation: none;
		}
	}

/* Sidebar */

	#sidebar h2 {
		font-size: 1.5em;
	}

/* Wrappers */

	#header-wrapper {
		background: url("images/bg01.webp"), url("images/header.jpg");
		background-position: top left, center center;
		background-size: auto, cover;
		padding: 1em 0;
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	#main-wrapper {
		background: #fff;
	}

	#footer-wrapper {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.webp"), url("images/bg02.webp");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.webp"), url("images/bg02.webp");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.webp"), url("images/bg02.webp");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("images/bg03.webp"), url("images/bg02.webp");
		position: relative;
		background-repeat: repeat-x, no-repeat, repeat;
		background-size: 100% 100%, 100% 15em, auto auto;
		background-position: top left, top center, top left;
		padding: 7em 0 7em 0;
	}

	.wrapper {
		padding: 7em 0 7em 0;
	}

		.wrapper > .inner {
			position: relative;
			z-index: 2;
		}

		.wrapper.style1 {
			position: relative;
			text-shadow: 1px 1px 0 #fff;
			background-color: #fff;
			background-image: url("images/bg03.webp"), url("images/bg04.webp"), url("images/bg02.webp");
			background-repeat: no-repeat, no-repeat, repeat;
			background-size: 100% 15em, 100% 15em, auto auto;
			background-position: top center, bottom center, top left;
		}

		.wrapper.style3 {
			position: relative;
			text-shadow: 1px 1px 0 #fff;
			background-color: #fff;
			background-image: url("images/bg03.webp"), url("images/bg02.webp");
			background-repeat: no-repeat, repeat;
			background-size: 100% 15em, auto auto;
			background-position: top center, top left;
		}

/* Header */

	#header {
		position: relative;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.1);
		padding: 0.75em;
		margin-bottom: 0;
	}

		#header .inner {
			background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
			background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
			background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
			background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
			position: relative;
			height: 5.5em;
			background-color: #3B3E45;
			background-color: rgba(59, 62, 69, 0.9);
			border-radius: 8px;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.15);
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		}

		#header h1 {
			position: absolute;
			left: 0.75em;
			top: 50%;
			margin-top: -1.2em;
			font-size: 1.5em;
			color: #ffffff00;
		}

			#header .site-logo {
			position: absolute;
			left: 0.75em;
			top: 50%;
			transform: translateY(-50%);
			line-height: 1;
		}

/* Footer */

	#footer {
		margin-bottom: 0;
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 2;
	}

		#footer h2 {
			font-size: 1.35em;
			color: #fff;
		}

		#footer strong {
			color: #fff;
		}

		#footer a {
			color: #acb2bf;
		}

		#footer .button.alt {
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25);
		}

		#footer ul.divided li, #footer ul.menu li {
			border-color: #444;
			border-color: rgba(255, 255, 255, 0.075);
		}

		#footer ul.divided li a {
			text-decoration: none;
		}

		#footer ul.menu {
			margin: 0;
		}

		#footer .footer-logo {
			max-width: 180px;
			width: 100%;
			height: auto;
			display: block;
			margin-bottom: 1em;
		}

/* Cookie Consent Banner */

	#cookie-banner {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9000;
		background: #26282e;
		border-top: 3px solid #4091bf;
		box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
	}

	#cookie-banner-inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 1.4em 2em;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2em;
		flex-wrap: wrap;
	}

	#cookie-banner-text {
		flex: 1;
		min-width: 260px;
	}

	#cookie-banner-text strong {
		display: block;
		color: #fff;
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		margin-bottom: 0.4em;
	}

	#cookie-banner-text p {
		color: #aab0bb;
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 0;
	}

	#cookie-banner-text a {
		color: #4091bf;
		text-decoration: underline;
	}

	#cookie-banner-text a:hover {
		color: #50a1cf;
		text-decoration: none;
	}

	#cookie-banner-actions {
		display: flex;
		gap: 0.8em;
		flex-shrink: 0;
		flex-wrap: wrap;
	}

	#cookie-banner-actions .button {
		margin-bottom: 0;
		white-space: nowrap;
		padding: 0 1.4em;
		line-height: 2.6em;
		font-size: 0.85em;
	}

	#cookie-banner-actions .button.alt {
		background-color: transparent;
		background-image: none;
		border: solid 2px #4091bf;
		color: #4091bf !important;
		line-height: 2.3em;
	}

	#cookie-banner-actions .button.alt:hover {
		border-color: #50a1cf;
		color: #50a1cf !important;
	}

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

		#cookie-banner-inner {
			flex-direction: column;
			align-items: flex-start;
			gap: 1em;
			padding: 1.2em 1.2em;
		}

		#cookie-banner-actions {
			width: 100%;
		}

		#cookie-banner-actions .button {
			flex: 1;
			text-align: center;
		}

	}
	/*About us*/
	
							.about-shell {
								padding: 1rem 0 2rem;
							}

							.about-card {
								display: grid;
								grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
								gap: 1.5rem;
								align-items: center;
								padding: 1.5rem;
								margin-bottom: 1.5rem;
								background: rgba(255, 255, 255, 0.82);
								border: 1px solid rgba(31, 41, 55, 0.08);
								border-radius: 20px;
								box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
								overflow: hidden;
								backdrop-filter: blur(6px);
								animation: aboutFadeUp 0.8s ease both;
							}

							.about-card:nth-of-type(2) {
								animation-delay: 0.12s;
							}

							.about-card:nth-of-type(3) {
								animation-delay: 0.24s;
							}

							.about-card.reverse {
								grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
							}

							.about-copy h2 {
								margin-bottom: 0.8rem;
							}

							.about-copy .rich-html > :first-child {
								margin-top: 0;
							}

							.about-copy .rich-html > :last-child {
								margin-bottom: 0;
							}

							.about-copy .rich-html {
								line-height: 1.8;
								color: #46505f;
							}

							.about-media {
								width: 100%;
								aspect-ratio: 16 / 10;
								border-radius: 18px;
								overflow: hidden;
								box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
							}

							.about-media img {
								display: block;
								width: 100%;
								height: 100%;
								object-fit: cover;
								border-radius: 0;
								box-shadow: none;
							}

							@keyframes aboutFadeUp {
								from {
									opacity: 0;
									transform: translateY(24px);
								}
								to {
									opacity: 1;
									transform: translateY(0);
								}
							}

							@media (max-width: 980px) {
								.about-card,
								.about-card.reverse {
									grid-template-columns: 1fr;
								}
							}

							@media (prefers-reduced-motion: reduce) {
								.about-card {
									animation: none;
								}
							}
						

	/*Carrusel 1*/
		.logo-carousel-wrapper {
										overflow: hidden;
										width: 100%;
										padding: 2em 0;
									}
									.logo-carousel-track {
										display: flex;
										align-items: center;
										gap: 4em;
										width: max-content;
										animation: logo-scroll 20s linear infinite;
									}
									.logo-carousel-track:hover {
										animation-play-state: paused;
									}
									.logo-carousel-track img {
										height: 60px;
										width: auto;
										object-fit: contain;
										filter: grayscale(100%);
										opacity: 0.7;
										transition: filter 0.3s ease, opacity 0.3s ease;
										flex-shrink: 0;
									}
									
									.logo-carousel-track img:hover {
										filter: grayscale(0%);
										opacity: 1;
									}
									@keyframes logo-scroll {
										0%   { transform: translateX(0); }
										100% { transform: translateX(-50%); }
									}

									
	/*Carrusel 1*/
		.logo-carousel2-wrapper {
										overflow: hidden;
										width: 100%;
										padding: 2em 0;
									}
									.logo-carousel2-track {
										display: flex;
										align-items: center;
										gap: 4em;
										width: max-content;
										animation: logo-scroll2 20s linear infinite;
									}
									.logo-carousel2-track:hover {
										animation-play-state: paused;
									}
									.logo-carousel2-track img {
										height: 60px;
										width: auto;
										object-fit: contain;
										
										opacity: 0.7;
										transition: filter 0.3s ease, opacity 0.3s ease;
										flex-shrink: 0;
									}
									
									.logo-carousel2-track img:hover {
										
										opacity: 1;
									}
									@keyframes logo-scroll2 {
										0%   { transform: translateX(0); }
										100% { transform: translateX(-50%); }
									}

/* Service Cards */
	.service-cards {
		display: flex;
		flex-direction: column;
		gap: 1em;
		margin: 1em 0;
	}

	.service-card {
		display: flex;
		align-items: flex-start;
		gap: 1.2em;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 12px rgba(0,0,0,0.08);
		padding: 1.2em 1.4em;
		transition: box-shadow 0.2s ease, transform 0.2s ease;
	}

	.service-card:hover {
		box-shadow: 0 6px 24px rgba(0,0,0,0.13);
		transform: translateY(-2px);
	}

	.service-card-icon {
		flex-shrink: 0;
		width: 52px;
		height: 52px;
		background: linear-gradient(135deg, #2F455C, #1a2e40);
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 1.5em;
	}
	.problem-card-icon {
		flex-shrink: 0;
		width: 52px;
		height: 52px;
		background: linear-gradient(135deg, #964b4b, #b00000);
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 1.5em;
	}

	.service-card-body h3 {
		font-size: 1em;
		font-weight: 700;
		color: #2c2c2c;
		margin: 0 0 0.35em 0;
		line-height: 1.3;
	}

	.service-card-body p {
		font-size: 0.88em;
		color: #666;
		margin: 0 0 0.6em 0;
		line-height: 1.5;
	}

	.service-card-link {
		font-size: 0.8em;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.08em;
		color: #21D0B3;
		text-decoration: none;
		border: none;
	}

	.service-card-link:hover {
		color: #2FF0C3;
	}

/* Privacy Policy Modal */

	#privacy-policy-modal {
		position: fixed;
		inset: 0;
		z-index: 9100;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.5em;
	}

	#privacy-modal-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(30, 31, 36, 0.85);
		backdrop-filter: blur(3px);
		z-index: 0;
	}

	#privacy-modal-panel {
		position: relative;
		z-index: 1;
		background: #fff;
		border-radius: 8px;
		width: 100%;
		max-width: 720px;
		max-height: 85vh;
		display: flex;
		flex-direction: column;
		box-shadow: 0 20px 60px rgba(0,0,0,0.5);
		overflow: hidden;
	}

	#privacy-modal-content {
		overflow-y: auto;
		padding: 2.5em 2.5em 2em;
		-webkit-overflow-scrolling: touch;
	}

	#privacy-modal-content h2 {
		color: #404248;
		font-size: 1.6em;
		margin-bottom: 0.3em;
	}

	#privacy-modal-content h3 {
		color: #404248;
		font-size: 1em;
		margin-top: 1.8em;
		margin-bottom: 0.5em;
	}

	#privacy-modal-content p,
	#privacy-modal-content ul {
		color: #7b818c;
		font-size: 0.92em;
		line-height: 1.75em;
		margin-bottom: 0;
	}

	#privacy-modal-content a {
		color: #4091bf;
	}

	#privacy-modal-content a:hover {
		color: #50a1cf;
		text-decoration: none;
	}

	#privacy-modal-content ul {
		margin-bottom: 0;
	}

	#privacy-modal-footer {
		margin-top: 2em;
		padding-top: 1.2em;
		border-top: solid 1px #eee;
		text-align: right;
	}

	#privacy-modal-close {
		position: absolute;
		top: 0.8em;
		right: 1em;
		background: none;
		border: none;
		font-size: 1.8em;
		color: #aaa;
		cursor: pointer;
		line-height: 1;
		padding: 0.2em 0.4em;
		z-index: 2;
		transition: color 0.2s ease;
	}

	#privacy-modal-close:hover {
		color: #404248;
	}

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

		#privacy-modal-content {
			padding: 1.8em 1.4em 1.4em;
		}

	}

		#footer dl.contact dt {
			color: #ddd;
		}

	#copyright {
		border-top: solid 1px;
		border-color: #444;
		border-color: rgba(255, 255, 255, 0.075);
		text-align: center;
		margin-top: 2em;
		padding: 3em 0 4em 0;
		color: inherit;
	}

		#copyright a {
			color: inherit;
		}

		/* Honeypot field protection */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    nav-index: -1 !important;
}

/* Large */

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

		/* Basic */

			body {
				line-height: 1.75em;
				font-size: 10.75pt;
			}

			input, select, textarea {
				line-height: 1.75em;
				font-size: 10.75pt;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 2em 0;
			}

			body.homepage #header-wrapper {
				height: auto;
			}

			#footer-wrapper {
				padding: 4.5em 0 4.5em 0;
			}

			.wrapper {
				padding: 4.5em 0 4.5em 0;
			}

		/* Banner */

			#banner {
				width: 100%;
				padding: 4em 20px 2em 20px;
				box-sizing: border-box;
			}

#banner h1,
			#banner h2 {
					font-size: 2.2em;
					line-height: 1.3em;
					margin: 0 0 1em 0;
				}

				#banner p {
					font-size: 1.25em;
					line-height: 1.75em;
					letter-spacing: 0.04em;
					float: none;
					text-align: center;
					width: 100%;
					margin: 0 0 2em 0;
				}

	}

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}

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

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

		/* Box */

			.box.feature2 section {
				margin: 1em 0;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
				background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
				background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
				background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.webp");
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				background-color: rgba(59, 62, 69, 0.9);
				box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), 0px 1px 6px 0px rgba(0, 0, 0, 0.35);
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				text-shadow: -1px -1px 0 black;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#titleBar .title {
					display: block;
					text-transform: uppercase;
					font-weight: 800;
					letter-spacing: 0.04em;
					color: #fff;
					line-height: 44px;
					text-align: center;
				}

				#titleBar .toggle {
					text-decoration: none;
					position: absolute;
					left: 0;
					top: 0;
					width: 60px;
					height: 44px;
					opacity: 0.25;
				}

					#titleBar .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 6 Free';
						font-weight: 900;
					}

					#titleBar .toggle:before {
						display: inline-block;
						text-decoration: none;
						font-size: 18px;
						width: 44px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						color: #fff;
						content: '\f0c9';
					}

					#titleBar .toggle:active {
						opacity: 0.5;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg01.webp");
				background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg01.webp");
				background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg01.webp");
				background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg01.webp");
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				background-color: #303238;
				box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.5), inset -2px 0px 0px rgba(255, 255, 255, 0.15), inset -2px 0px 10px 0px rgba(0, 0, 0, 0.35);
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
			}

				#navPanel .link {
					display: block;
					color: #aaa;
					text-decoration: none;
					height: 44px;
					line-height: 44px;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					border-bottom: solid 1px rgba(0, 0, 0, 0.15);
					padding: 0 1em 0 1em;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 0.95em;
					letter-spacing: 0.075em;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

		/* Header */

			#header, #nav {
				display: none;
			}

		/* Wrappers */

			#header-wrapper {
				display: none;
			}

			.homepage #header-wrapper {
				display: block;
				padding-top: 44px;
			}

			#main-wrapper {
				padding-top: 44px;
			}

			.homepage #main-wrapper {
				padding-top: 0;
			}

		/* Mobile navPanel fixes */

			#navPanel {
				width: 300px;
				transform: translateX(-300px);
			}

			body.navPanel-visible #page-wrapper,
			body.navPanel-visible #titleBar {
				transform: translateX(300px);
			}

			#navPanel .link {
				height: auto;
				line-height: 1.4;
				padding: 0.85em 1em;
				font-size: 0.9em;
				white-space: normal;
				word-break: break-word;
			}

			#navPanel .indent-1,
			#navPanel .indent-2,
			#navPanel .indent-3,
			#navPanel .indent-4,
			#navPanel .indent-5 {
				width: 0.75em;
			}

		/* Mobile title bar logo */

			#titleBar {
				height: 54px;
			}

			#titleBar .toggle {
				width: 54px;
				height: 54px;
			}

			#titleBar .toggle:before {
				width: 54px;
				height: 54px;
				line-height: 54px;
			}

			#titleBar .title {
				line-height: 54px;
				font-size: 0;
			}

			#titleBar .title img {
				max-width: calc(100vw - 120px);
				height: 34px;
				width: auto;
			}

		/* Banner */

			#banner {
				padding: 8em 20px 4em 20px;
				box-sizing: border-box;
			}

				#banner br {
					display: none;
				}

		/* Sidebar */

			#sidebar {
				margin-top: 1em;
			}

	}

/* Small */

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

		/* Basic */

			body, input, select, textarea {
				line-height: 1.75em;
				font-size: 10pt;
				letter-spacing: 0;
			}

			h2, h3, h4, h5, h6 {
				font-size: 13pt !important;
			}

			h2 {
				line-height: 1.5em;
			}

		/* Section/Article */

			section, article {
				margin-bottom: 3em;
			}

		/* Image */

			.image.left {
				width: 25%;
			}

		/* Button */

			.button {
				width: 100%;
				font-size: 1.1em;
				text-align: center;
				padding: 1em 1.25em;
				border-radius: 8px;
				white-space: normal;
				overflow-wrap: break-word;
				box-sizing: border-box;
			}

		/* List */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Box */

			.box.excerpt .image.left {
				width: 25%;
				max-width: 120px;
				margin: 0 1em 1em 0;
			}

			.box.excerpt .image.left img {
				height: 90px;
			}

			.box.excerpt header {
				margin-left: 0;
			}

			.box.excerpt p {
				clear: both;
			}

			.box.feature1 section {
				margin-bottom: 2em !important;
			}

			.box.spotlight {
				margin-top: 2em;
			}

			.box.spotlight .image.featured img {
				height: 180px;
			}

		/* Wrappers */

			#header-wrapper {
				background-position: 35% 50%;
			}

			#footer-wrapper {
				padding: 3em 20px 3em 20px;
			}

				#footer-wrapper section, #footer-wrapper article {
					margin-bottom: 3em !important;
				}

			.wrapper {
				padding: 3em 20px 3em 20px;
			}

		/* Banner */

			#banner {
				padding: 40px 20px 40px 20px;
			}

#banner h1,
			#banner h2 {
					font-size: 18pt !important;
				}

		/* Sidebar */

			#sidebar {
				margin-top: 2em;
			}

		/* Footer */

			#copyright {
				margin-top: 0;
				padding: 3em 0 1em 0;
			}

	}

/*Services */
.services-grid {
												display: grid;
												grid-template-columns: repeat(3, 1fr);
												gap: 1px;
												background: rgba(14, 34, 56, 0.12);
												border: 1px solid rgba(14, 34, 56, 0.12);
												border-radius: 12px;
												overflow: hidden;
												margin-top: 2em;
											}
											.svc-card {
												background: #f0f4f8;
												padding: 28px 24px;
												transition: background 0.2s ease;
											}
											.svc-card:hover {
												background: #ffffff;
											}
											.svc-card__icon {
												width: 44px;
												height: 44px;
												background:  linear-gradient(135deg, #2F455C, #1a2e40);;
												border-radius: 10px;
												display: flex;
												align-items: center;
												justify-content: center;
												color: #fff;
												font-size: 1.2em;
												margin-bottom: 18px;
											}
											.svc-card__title {
												font-size: 1em;
												font-weight: 700;
												color: #1a1a2e;
												margin: 0 0 10px 0;
												line-height: 1.35;
											}
											.svc-card__summary {
												font-size: 0.9em;
												color: #555;
												line-height: 1.6;
												margin: 0 0 18px 0;
											}
											.svc-card__link {
												font-size: 0.78em;
												font-weight: 700;
												text-transform: uppercase;
												letter-spacing: 0.06em;
												color: #b85c00;
												text-decoration: none;
												border: none;
												transition: color 0.2s ease;
											}
											.svc-card__link:hover {
												color: #e07020;
											}
											.svc-card--empty {
												background: #ffffff;
												pointer-events: none;
												padding: 0;
											}
											@media (max-width: 900px) {
												.services-grid { grid-template-columns: repeat(2, 1fr); }
											}
											@media (max-width: 560px) {
												.services-grid { grid-template-columns: 1fr; }
											}

											/*Products */
										
											.products-grid {
												display: grid;
												grid-template-columns: repeat(3, 1fr);
												gap: 1px;
												background: rgba(14, 34, 56, 0.12);
												border: 1px solid rgba(14, 34, 56, 0.12);
												border-radius: 12px;
												overflow: hidden;
												margin-top: 2em;
											}
											.prd-card {
												background: #f0f4f8;
												padding: 28px 24px;
												transition: background 0.2s ease;
											}
											.prd-card:hover {
												background: #ffffff;
											}
											.prd-card__logo {
												height: 56px;
												display: flex;
												align-items: center;
												margin-bottom: 18px;
											}
											.prd-card__logo img {
												max-height: 48px;
												max-width: 140px;
												width: auto;
												object-fit: contain;
												filter: grayscale(20%);
												transition: filter 0.2s ease;
											}
											.prd-card:hover .prd-card__logo img {
												filter: grayscale(0%);
											}
											.prd-card__logo-placeholder {
												width: 44px;
												height: 44px;
												background: #0e2238;
												border-radius: 10px;
												display: flex;
												align-items: center;
												justify-content: center;
												color: #5ce3cb;
												font-size: 1.2em;
											}
											.prd-card__title {
												font-size: 1em;
												font-weight: 700;
												color: #1a1a2e;
												margin: 0 0 10px 0;
												line-height: 1.35;
											}
											.prd-card__desc {
												font-size: 0.9em;
												color: #555;
												line-height: 1.6;
												margin: 0 0 18px 0;
											}
											.prd-card__link {
												font-size: 0.78em;
												font-weight: 700;
												text-transform: uppercase;
												letter-spacing: 0.06em;
												color: #b85c00;
												text-decoration: none;
												border: none;
												transition: color 0.2s ease;
											}
											.prd-card__link:hover {
												color: #e07020;
											}
											.prd-card--empty {
												background: #ffffff;
												pointer-events: none;
												padding: 0;
											}
											@media (max-width: 900px) {
												.products-grid { grid-template-columns: repeat(2, 1fr); }
											}
											@media (max-width: 560px) {
												.products-grid { grid-template-columns: 1fr; }
											}
										
										/* Blog */

										.featured-blog {
											display: grid;
											grid-template-columns: 1.2fr 1fr;
											gap: 2em;
											align-items: center;
											background: #f0f4f8;
											border: 1px solid rgba(14, 34, 56, 0.12);
											border-radius: 12px;
											padding: 32px;
											margin-bottom: 2.5em;
										}
										.featured-blog__content {
											display: flex;
											flex-direction: column;
										}
										.featured-blog__label {
											display: inline-block;
											font-size: 0.72em;
											font-weight: 700;
											text-transform: uppercase;
											letter-spacing: 0.08em;
											color: #b85c00;
											margin-bottom: 10px;
										}
										.featured-blog__title {
											font-size: 1.5em;
											font-weight: 700;
											color: #1a1a2e;
											margin: 0 0 10px 0;
											line-height: 1.3;
										}
										.featured-blog__title a {
											color: inherit;
											text-decoration: none;
											border: none;
										}
										.featured-blog__title a:hover {
											color: #b85c00;
										}
										.featured-blog__date {
											font-size: 0.85em;
											color: #777;
											margin-bottom: 14px;
										}
										.featured-blog__excerpt {
											font-size: 0.95em;
											color: #444;
											line-height: 1.7;
											margin: 0 0 18px 0;
										}
										.featured-blog__link {
											font-size: 0.78em;
											font-weight: 700;
											text-transform: uppercase;
											letter-spacing: 0.06em;
											color: #b85c00;
											text-decoration: none;
											border: none;
											transition: color 0.2s ease;
										}
										.featured-blog__link:hover {
											color: #e07020;
										}
										.featured-blog__media {
											border-radius: 10px;
											overflow: hidden;
										}
										.featured-blog__media img {
											width: 100%;
											height: 100%;
											object-fit: cover;
											display: block;
										}
										.blogs-grid {
											display: grid;
											grid-template-columns: repeat(3, 1fr);
											gap: 1px;
											background: rgba(14, 34, 56, 0.12);
											border: 1px solid rgba(14, 34, 56, 0.12);
											border-radius: 12px;
											overflow: hidden;
											margin-top: 2em;
										}
										.blog-card {
											background: #f0f4f8;
											display: flex;
											flex-direction: column;
											transition: background 0.2s ease;
										}
										.blog-card:hover {
											background: #ffffff;
										}
										.blog-card--empty {
											background: #ffffff;
											pointer-events: none;
											padding: 0;
										}
										.blog-card__media {
											height: 180px;
											overflow: hidden;
											background: #e4eaef;
										}
										.blog-card__media img {
											width: 100%;
											height: 100%;
											object-fit: cover;
											display: block;
											transition: transform 0.3s ease;
										}
										.blog-card:hover .blog-card__media img {
											transform: scale(1.04);
										}
										.blog-card__body {
											padding: 24px;
											display: flex;
											flex-direction: column;
											flex: 1;
										}
										.blog-card__date {
											font-size: 0.78em;
											color: #777;
											margin-bottom: 8px;
										}
										.blog-card__title {
											font-size: 1em;
											font-weight: 700;
											color: #1a1a2e;
											margin: 0 0 10px 0;
											line-height: 1.35;
										}
										.blog-card__title a {
											color: inherit;
											text-decoration: none;
											border: none;
										}
										.blog-card__title a:hover {
											color: #b85c00;
										}
										.blog-card__excerpt {
											font-size: 0.9em;
											color: #555;
											line-height: 1.6;
											margin: 0 0 18px 0;
											flex: 1;
										}
										.blog-card__link {
											font-size: 0.78em;
											font-weight: 700;
											text-transform: uppercase;
											letter-spacing: 0.06em;
											color: #b85c00;
											text-decoration: none;
											border: none;
											transition: color 0.2s ease;
										}
										.blog-card__link:hover {
											color: #e07020;
										}
										.blog-post {
											max-width: 860px;
											margin: 0 auto;
										}
										.blog-post__header {
											text-align: center;
											margin-bottom: 1.5em;
										}
										.blog-post__date {
											font-size: 0.9em;
											color: #777;
										}
										.blog-post__cover {
											border-radius: 12px;
											overflow: hidden;
											margin-bottom: 2em;
										}
										.blog-post__cover img {
											width: 100%;
											height: auto;
											display: block;
										}
										.blog-post__body {
											font-size: 1em;
											line-height: 1.75;
											color: #333;
										}
										.blog-post__body p {
											margin-bottom: 1.2em;
										}
										.blog-post__body h2,
										.blog-post__body h3 {
											color: #1a1a2e;
											margin-top: 1.5em;
											margin-bottom: 0.8em;
										}
										.blog-post__body img {
											max-width: 100%;
											height: auto;
											border-radius: 8px;
										}
										.blog-post__body ul,
										.blog-post__body ol {
											margin-bottom: 1.2em;
											padding-left: 1.5em;
										}
										.blog-post__body ul {
											list-style: disc;
										}
										.blog-post__body ol {
											list-style: decimal;
										}
										.blog-post__body li {
											margin-bottom: 0.4em;
										}
										.blog-post__footer {
											margin-top: 2.5em;
											padding-top: 1.5em;
											border-top: 1px solid rgba(14, 34, 56, 0.12);
										}
										@media (max-width: 900px) {
											.blogs-grid { grid-template-columns: repeat(2, 1fr); }
											.featured-blog { grid-template-columns: 1fr; }
										}
										@media (max-width: 560px) {
											.blogs-grid { grid-template-columns: 1fr; }
											.featured-blog { padding: 24px; }
										}
									

/* Nav Header Buttons */

	#nav .nav-btn-whatsapp,
	#nav .nav-btn-cta {
		display: inline-flex;
		align-items: center;
		gap: 0.4em;
		border-radius: 6px;
		padding: 0.4em 1em;
		font-size: 0.82em;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: none;
		transition: background 0.2s ease, box-shadow 0.2s ease;
		white-space: nowrap;
		box-shadow: none;
		background-image: none;
		height: 3em;
	}

	#nav .nav-btn-whatsapp {
		background: #25D366;
		color: #fff;
		border: 1.5px solid transparent;
	}

	#nav .nav-btn-whatsapp:hover {
		background: #1ebe5a;
		color: #fff;
	}

	#nav .nav-btn-cta {
		background: transparent;
		color: #2FF0C3;
		border: 1.5px solid #2FF0C3;
	}

	#nav .nav-btn-cta:hover {
		background: #2FF0C3;
		color: #2F455C;
	}

/* Contact page */

.contact-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25em;
	margin-bottom: 2em;
}

.contact-info-card {
	background: #f0f4f8;
	border: 1px solid rgba(14, 34, 56, 0.12);
	border-radius: 12px;
	padding: 1.5em;
	display: flex;
	align-items: flex-start;
	gap: 1em;
	text-decoration: none;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.contact-info-card:hover {
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(14, 34, 56, 0.1);
	transform: translateY(-2px);
	border-color: rgba(33, 208, 179, 0.5);
}

.contact-form-styled {
	background: #f0f4f8;
	border: 1px solid rgba(14, 34, 56, 0.12);
	border-radius: 12px;
	padding: 2em;
}

.contact-info-icon {
	width: 44px;
	height: 44px;
	background: linear-gradient(135deg, #2F455C, #1a2e40);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 1.1em;
	flex-shrink: 0;
}

.contact-info-body {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	min-width: 0;
}

.contact-info-label {
	font-size: 0.72em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #b85c00;
}

.contact-info-value {
	font-size: 0.95em;
	font-weight: 700;
	color: #1a1a2e;
	line-height: 1.4;
	word-break: break-word;
}

.contact-form-styled .col-6,
.contact-form-styled .col-12 {
	margin-bottom: 0.5em;
}

.contact-form-styled label {
	display: block;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #404248;
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
}

.contact-form-styled input[type="text"],
.contact-form-styled input[type="email"],
.contact-form-styled textarea {
	background: #ffffff;
	border: 1px solid #e0e4e8;
	border-radius: 8px;
	padding: 0.85em 1em;
	font-size: 0.95em;
	color: #404248;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-styled input[type="text"]:focus,
.contact-form-styled input[type="email"]:focus,
.contact-form-styled textarea:focus {
	border-color: #21D0B3;
	box-shadow: 0 0 0 3px rgba(33, 208, 179, 0.15);
	outline: none;
}

.contact-form-styled textarea {
	min-height: 10em;
	resize: vertical;
}

.contact-map-wrap {
	width: 100%;
	height: 420px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(14, 34, 56, 0.12);
}

@media screen and (max-width: 980px) {
	.contact-info-grid {
		grid-template-columns: 1fr;
	}

	.contact-info-card {
		padding: 1.25em;
	}
}

/* WhatsApp Button */

.btn-whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	background: linear-gradient(135deg, #25D366, #128C7E);
	color: #ffffff;
	box-shadow: 0 4px 24px rgba(37, 211, 102, 0.35);
	border: none;
	border-radius: 4px;
	padding: 0.65em 1.5em;
	font-weight: 700;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	cursor: pointer;
}

.btn-whatsapp:hover {
	box-shadow: 0 6px 32px rgba(37, 211, 102, 0.55);
	transform: translateY(-1px);
	color: #ffffff;
}

.btn-whatsapp:active {
	transform: translateY(0);
	box-shadow: 0 4px 24px rgba(37, 211, 102, 0.35);
}

@media screen and (max-width: 980px) {
	.btn-whatsapp {
		width: 100%;
		justify-content: center;
		padding: 0.75em 1.5em;
	}
}

@media screen and (max-width: 736px) {
	.btn-whatsapp {
		font-size: 0.95em;
		padding: 0.7em 1.25em;
	}
}

/* Mobile floating WhatsApp button */

#whatsapp-float {
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.5rem;
height: 3.5rem;
background: #25D366;
color: #ffffff;
border-radius: 50%;
align-items: center;
justify-content: center;
font-size: 1.75rem;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
z-index: 9999;
transition: transform 0.2s ease, background 0.2s ease;
display: none;
}

#whatsapp-float i {
color: #ffffff;
}

#whatsapp-float:hover {
background: #1ebe57;
transform: scale(1.05);
}

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

#whatsapp-float {
display: flex;
}

}