body {
					font-family: Readex Pro, sans-serif;
				}
				@font-face {
					font-family: 'sign';
					src: url('sign.ttf');
				}
				.gradnt {
					background:linear-gradient(90deg, aqua 0%, 	darkblue 100%);
					background-clip: text;
					-webkit-background-clip: text;
					color: transparent;
				}
				.navBtn {
					color: var(--bs-dark) !important;
					transition: color 0.3s ease-in-out;
					cursor: pointer;
				}
				.navBtn:hover {
					color: var(--bs-primary) !important;
				}
				.txt-sm {
					font-size: small;
				}
				.hero-text p {
					font-size: 1.25rem; /* Same as your fs-5 */
					margin-bottom: 0.25rem;
				}
				.hero-signature p {
					font-size: 1.25rem; /* Same as your fs-5 */
					margin-bottom: 0;
				}
				.custom-width {
					width: 50%;
				}
				@media (min-width: 768px) {
					.custom-width {
					width: 25%;
					}
				}
				@media (min-width: 1200px) {
					.hero-text p {
						font-size: 2rem; /* Same as your fs-2 */
					}
					.hero-signature p {
						font-size: 1.75rem; /* Same as your fs-3 */
					}
					.mt-desktop {
						margin-top: 3rem !important; 
					}
				}
				.dollar:before {
					content: "US$";
					margin-right: 2px;
					font-weight: normal;
					font-size: 75%;
					vertical-align: text-top;
				}
				.wordover {
					background:#fff; 
					padding: 0 10px; 
				}
				.cutline {
					width: 100%; 
					text-align: center; 
					border-bottom: 1px solid gray; 
					line-height: 0.1em;
					margin: 10px 0 20px; 		
				}
				@media print {
					body * {
					visibility: hidden;
					}
					#billModal, #billModal * {
					visibility: visible;
					}
					#billModal {
					position: absolute;
					left: 0;
					top: 0;
					}
				}
				.form-floating.custom-class>label {
					top: 0;
					right: 0;
					left: auto;
					transform-origin: 100% 0;
					transition: opacity .1s ease-in-out,transform .1s ease-in-out;
				}
				.form-floating.custom-class>.form-control:focus~label, 
				.form-floating>.form-control:not(:placeholder-shown)~label {
					transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
				}
				.form-control.is-invalid,
				.form-control.is-valid{
					background-position: left;
					background-origin: content-box;
				}
				input:-webkit-autofill,
				input:-webkit-autofill:focus {
					transition: background-color 600000s 0s, color 600000s 0s;
				}
				:root {
					--anim-slow: 0.9s;
					--anim-fast: 0.3s;
				}
				.btn-premium {
					position: relative;
					overflow: hidden;
					display: inline-grid;
					place-items: center;
					transition: 
					background-color var(--anim-slow) ease-in-out,
					border-color var(--anim-slow) ease-in-out,
					opacity var(--anim-fast) ease-in-out !important;
				}
				.btn-premium.is-loading {
					opacity: 0.65 !important;
					pointer-events: none;
				}
				.btn-premium.is-success,
				.btn-premium:not(.is-loading) {
					opacity: 1 !important;
				}
				.btn-text, .spinner-border, .success-icon {
					grid-area: 1 / 1;
				}
				.btn-text {
					transition: opacity var(--anim-fast) ease;
				}
				.is-loading .btn-text, 
				.is-success .btn-text {
					opacity: 0;
				}
				.spinner-border {
					display: none;
					z-index: 2;
				}
				.is-loading .spinner-border {
					display: inline-block;
				}
				.success-icon {
					position: relative;
					left: -120%;
					opacity: 0;
					pointer-events: none;
					transform: scale(0.4);
					transition: 
					left var(--anim-slow) cubic-bezier(0.34, 1.56, 0.64, 1),
					opacity var(--anim-fast) ease,
					transform var(--anim-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
				}
				.is-success .success-icon {
					left: 0%;
					opacity: 1;
					transform: scale(1);
				}
				.crdhover:hover, 
				.en:hover, 
				.mat:hover {
					background-color: var(--bs-light) !important;
				}
				.footBtn {
					text-decoration: none !important;
				}
				.footBtn:hover {
					text-decoration: underline !important;
				}
				.crdlnk {
					color: var(--bs-secondary) !important;
				}
				.crdlnk:hover {
					color: var(--bs-primary) !important;
				}
				.navBtn, .crdlnk, .crdhover {
					transition: all 0.2s ease-in-out;
				}
				.course-icon {
					width: 24px;
					height: 24px;
					vertical-align: middle;
				}
				.crdhover .arrows {
					display: inline-block;
					transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				}
				.crdhover:hover .arrows {
					transform: translateX(-8px); /* Moves it to the left */
				}