html,
		body {
			background-color: #000;
		}

		.face-scan-form-section .form-container {
			background: transparent;
			border: 1px solid #00ccbc;
			border-radius: 5px;
			padding: 40px 30px 28px;
			width: 100%;
			max-width: none;
			margin: 0 auto;
		}
		.face-scan-form-section #faceScanForm {
			width: 100%;
			margin: 0 auto;
		}
		.face-scan-form-section .scan-title {
			font-family: "Bebas Neue", sans-serif;
			font-weight: 400;
			font-size: 80px;
			letter-spacing: normal;
			font-style: normal;
			text-transform: uppercase;
			margin-bottom: 36px;
			line-height: 1;
		}
		@media (max-width: 1400px) {
			.face-scan-form-section .scan-title {
				font-size: 73px;
			}
		}
		@media (max-width: 1199px) {
			.face-scan-form-section .scan-title {
				font-size: 65px;
			}
		}
		@media (max-width: 991px) {
			.face-scan-form-section .scan-title {
				font-size: 60px;
				line-height: 1;
			}
		}
		.face-scan-form-section .scan-title::after {
			display: none;
		}
		.face-scan-form-section .heading-style-1 {
			font-size: 80px;
		}
		.face-scan-form-section .heading-style-1 .highlighted-txt {
			color: #fff;
		}
		.face-scan-form-section .heading-style-1 .highlighted-txt span {
			font-size: 70px;
		}
		@media (max-width: 1400px) {
			.face-scan-form-section .heading-style-1 {
				font-size: 73px;
			}
			.face-scan-form-section .heading-style-1 .highlighted-txt span {
				font-size: 63px;
			}
		}
		@media (max-width: 1199px) {
			.face-scan-form-section .heading-style-1 {
				font-size: 65px;
			}
			.face-scan-form-section .heading-style-1 .highlighted-txt span {
				font-size: 55px;
			}
		}
		@media (max-width: 991px) {
			.face-scan-form-section .heading-style-1 {
				font-size: 60px;
				line-height: 1;
			}
			.face-scan-form-section .heading-style-1 .highlighted-txt span {
				font-size: 50px;
			}
		}
		@media (max-width: 767px) {
			.face-scan-form-section .heading-style-1 {
				font-size: 50px;
				margin-bottom: 22px;
			}
			.face-scan-form-section .heading-style-1 .highlighted-txt span {
				font-size: 40px;
			}
		}
		.face-scan-form-section .mb-4 {
			margin-bottom: 24px !important;
		}
		.face-scan-form-section .form-label {
			color: #fff;
			font-weight: 500;
			font-size: 20px;
			margin-bottom: 10px;
			line-height: 1.1;
			position: static;
			top: auto;
			left: auto;
			transform: none;
			opacity: 1;
			filter: none;
			display: inline-block;
			z-index: 1;
		}
		.face-scan-form-section .form-control,
		.face-scan-form-section .form-select {
			background-color: transparent;
			border: 1px solid #00ccbc;
			color: #fff;
			padding: 14px 20px;
			font-size: 20px;
			font-weight: 300;
			border-radius: 5px;
			height: 54px;
			line-height: 1;
			transition: border-color .2s ease, box-shadow .2s ease;
		}
		.face-scan-form-section .form-control:focus,
		.face-scan-form-section .form-select:focus {
			background-color: rgba(0, 0, 0, .25);
			border-color: #00ccbc;
			box-shadow: 0 0 0 2px rgba(0, 204, 188, .14);
			color: #fff;
			outline: 0;
		}
		.face-scan-form-section .form-control::placeholder {
			color: rgba(255, 255, 255, .6);
		}
		.face-scan-form-section .form-select {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300CCBC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
			padding-right: 56px;
			background-size: 16px 16px;
			background-position: right 20px center;
			color: rgba(255, 255, 255, .6);
		}
		.face-scan-form-section .form-select option {
			background-color: #1a1a1a;
			color: rgba(255, 255, 255, .6);
		}
		.face-scan-form-section .field-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 16px;
			margin-bottom: 10px;
		}
		.face-scan-form-section .field-header .form-label {
			margin-bottom: 0;
		}
		.face-scan-form-section .unit-toggle {
			display: flex;
			gap: 0;
			border: 1px solid #00ccbc;
			border-radius: 5px;
			overflow: hidden;
			width: 120px;
			height: 30px;
		}
		.face-scan-form-section .unit-btn {
			flex: 1;
			padding: 0 8px;
			background-color: transparent;
			color: #00ccbc;
			border: none;
			cursor: pointer;
			font-size: 15px;
			line-height: 1;
			transition: all .3s ease;
			text-transform: none;
		}
		.face-scan-form-section .unit-btn.active {
			background-color: #00ccbc;
			color: #000;
		}
		.face-scan-form-section .unit-btn:not(.active):hover {
			background-color: rgba(0, 204, 188, .1);
		}
		.face-scan-form-section .btn-submit {
			background-color: #00ccbc;
			color: #000;
			font-weight: 400;
			font-size: 18px;
			font-family: "Roboto", sans-serif;
			padding: 0 20px;
			border: none;
			border-radius: 5px;
			text-transform: none;
			letter-spacing: 0;
			transition: background-color .2s ease, opacity .2s ease;
			width: 376px;
			max-width: 100%;
			height: 55px;
			margin: 16px auto 0;
			display: block;
			line-height: 24px;
			text-align: center;
		}
		.face-scan-form-section .btn-submit:hover:not(:disabled) {
			background-color: #00ccbc;
			opacity: .92;
		}
		.face-scan-form-section .btn-submit:disabled {
			opacity: .6;
			cursor: not-allowed;
		}
		.face-scan-form-section .disclaimer-text,
		.face-scan-form-section .terms-text {
			text-align: left;
			font-size: 18px;
			line-height: 1.2;
			font-weight: 200;
		}
		.face-scan-form-section .disclaimer-text {
			color: rgba(255, 255, 255, .6);
			margin-top: 6px;
		}
		.face-scan-form-section .terms-text {
			color: rgba(255, 255, 255, .72);
			margin-top: 24px;
			max-width: 854px;
			padding: 0 16px;
			margin-left: auto;
			margin-right: auto;
		}
		.face-scan-form-section .terms-text a {
			color: #00CCBC;
		}
		.face-scan-form-section .error-message {
			color: #dc3545;
			font-size: 14px;
			margin-top: .25rem;
			display: none;
		}
		.face-scan-form-section .is-invalid {
			border-color: #dc3545 !important;
		}
		.face-scan-form-section .is-invalid + .error-message {
			display: block;
		}
		.face-scan-form-section .spinner-border-sm {
			width: 1rem;
			height: 1rem;
			border-width: .15em;
		}
		.zonia-heartage-page {
			overflow-x: hidden;
			overscroll-behavior-y: none;
		}
		.zonia-heartage-page .footer-bar {
			padding-top: 80px !important;
		}
		.zonia-heartage-page .footer-bar,
		.zonia-heartage-page .footer-bar .site-info,
		.zonia-heartage-page .footer-bar .site-info span,
		.zonia-heartage-page .footer-bar .footer-navigation a {
			color: rgba(255, 255, 255, .58) !important;
		}
		.zonia-heartage-page .footer-bar .footer-navigation a:hover {
			color: rgba(255, 255, 255, .78) !important;
		}
		@media (min-width: 1200px) {
			.zonia-heartage-2 .wellness-pattern-box {
				padding-left: 30px !important;
				padding-right: 30px !important;
			}
			.zonia-heartage-2 .wellness-pattern-heading {
				white-space: nowrap;
			}
		}
		@media (max-width: 768px) {
			.zonia-heartage-page {
				overflow-x: hidden;
				overscroll-behavior-y: none;
			}
			.zonia-heartage-page .footer-bar {
				padding-top: 45px !important;
			}
			.zonia-heartage-page .footer-bar .footer-navigation ul {
				flex-wrap: wrap;
				justify-content: center;
				row-gap: 8px;
			}
			.face-scan-form-section .form-container {
				padding: 20px 14px 18px;
				border-width: 1px;
			}
			.face-scan-form-section .form-label {
				font-size: 18px;
			}
			.face-scan-form-section .form-control,
			.face-scan-form-section .form-select {
				font-size: 18px;
				height: 44px;
				padding: 10px 12px;
			}
			.face-scan-form-section .btn-submit {
				font-size: 14px;
				height: 44px;
				width: min(100%, 361px);
				line-height: 1.2;
				padding: 0 12px;
				text-align: center;
				white-space: nowrap;
			}
			.face-scan-form-section .form-select {
				padding-right: 36px;
				background-position: right 12px center;
			}
			.face-scan-form-section .disclaimer-text,
			.face-scan-form-section .terms-text {
				font-size: 12px;
				line-height: 1.35;
			}
			.face-scan-form-section .disclaimer-text {
				font-size: 14px;
			}
			.face-scan-form-section .terms-text {
				font-size: 14px;
				padding: 0 6px;
			}
			.face-scan-form-section .field-header {
				flex-wrap: wrap;
				gap: 8px;
			}
			.face-scan-form-section .field-header .unit-toggle {
				margin-left: auto;
			}
		}