:root {
			--white: #ffffff;
			--blue1: #c7e3f6;
			--blue2: #5fa8d3;
			--deep: #1b3c73;
			--yellow: #f7d64a;
			--orange: #f29b2b;
			--text: #333;
			--container-w: 720px;
		}

		body {
			margin: 0;
			font-family: 'Comic Sans', sans-serif;
			background: white;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			padding: 40px 20px;
		}

		.page-wrap {
			width: 100%;
			max-width: var(--container-w);
			display: flex;
			flex-direction: column;
			align-items: center;
			background: white;
			border-radius: 16px;
			box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
			overflow: hidden;
		}

		.logo-wrap {
			background: linear-gradient(to bottom, var(--white) 0%, var(--white) 100%);
			padding: 18px 18px 0px 18px;
			border-radius: 12px;
			box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
			margin-top: 20px;
			width: 100%;
			text-align: center;
		}

		.logo-wrap img {
			width: 340px;
			height: auto;
		}

		.content-gradient {
			background: linear-gradient(to bottom, var(--white) 0%, var(--blue2) 100%);
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 0;
			border-radius: 0 0 16px 16px;
			padding-bottom: 0;
		}

		.card {
			background: transparent;
			padding: 0px 34px;
			border-radius: 14px;
			text-align: center;
			width: 90%;
			margin-top: 0px;
			color: black;
		}

		.tag {
			font-style: italic;
			color: black;
			margin-bottom: 6px;
		}

		h1 {
			margin: 6px 0 8px;
			color: black;
			font-size: 28px;
			letter-spacing: 1px;
		}

		h2 {
			margin: 8px 0 18px;
			color: black;
			font-size: 18px;
		}

		ul {
			list-style-position: inside;
			text-align: center;
			/* This will center the text and the bullet within each li */
			list-style: disc;
			color: black;
			line-height: 1.6;
			display: flex;
			flex-direction: column;

			margin: 0 auto;
			padding-left: 10%
		}

		ul li {
			text-align: left;
			margin: 4px 0;
			width: fit-content;
		}

		.arc-combo {
			width: 100%;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			position: relative;
			margin-top: 0;
		}

		svg.phone-address-combo {
			width: 100%;
			max-width: 720px;
			overflow: visible;
		}

		.phone-text {
			font-weight: 700;
			font-size: 28px;
			font-family: 'Comic Sans', sans-serif;
			fill: #1b1b1b;
		}

		.address-text {
			font-weight: 700;
			font-size: 18px;
			font-family: Arial, sans-serif;
		}

		.contact-details {
			background: var(--deep);
			color: white;
			padding: 18px 22px;
			border-radius: 0 0 16px 16px;
			text-align: left;
			width: 100%;
			box-sizing: border-box;
		}

		.contact-row {
			display: flex;
			gap: 10px;
			align-items: center;
			margin-bottom: 6px;
		}

		.contact-row p {
			margin: 0;
		}