body {
		font-family: Readex Pro, sans-serif;
	}
	@font-face {
	  font-family: 'sign';
	  src: url('/js/sign.ttf');
	}
	.gradnt {
		background:linear-gradient(90deg, aqua 0%, 	darkblue 100%);
		background-clip: text;
		color: transparent;
	}
	#vid {
		opacity: 1;
		transition: opacity 0.4s ease-in-out;
	}

	#vid.fade-out {
		opacity: 0;
	}
	.txt-sm {
		font-size: small;
	}
	.custom-width {
	  width: 50%;
	}
	@media (min-width: 768px) {
	  .custom-width {
		width: 25%;
	  }
	}
	.lines {
		display: -webkit-box;
		-webkit-line-clamp: 2; /* or the number of lines you want */
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	.hight-1000{
		height: 1000px;
	}
	.dollar:before {
		content: "US$";
		margin-right: 2px;
		font-weight: normal;
		font-size: 75%;
		vertical-align: text-top;
	}
	.accordion-button::after {
		margin-left:0!important;
		margin-right:auto;
	}
	@media print {
	  body * {
		visibility: hidden;
	  }
	  #billModal, #billModal * {
		visibility: visible;
	  }
	  #billModal {
		position: absolute;
		left: 0;
		top: 0;
	  }
	}
	.cutline {
		width: 100%; 
		text-align: center; 
		border-bottom: 1px solid gray; 
		line-height: 0.1em;
		margin: 10px 0 20px; 		
	}
	.wordover {
		background:#fff; 
		padding: 0 10px; 
	}
    .form-floating.custom-class>label {
        top: 0;
        right: 0;
        transform-origin: 100% 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    }
    .form-floating.custom-class>.form-control-plaintext~label, 
	.form-floating.custom-class>.form-control:focus~label, 
	.form-floating>.form-control:not(:placeholder-shown)~label, 
	.form-floating>.form-select~label {
        opacity: .65;
        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;
	}
	.navBtn {
		color: var(--bs-dark) !important;
	}
	.navBtn:hover {
		color: var(--bs-primary) !important;
	}
	.crdlnk {
		color: var(--bs-secondary) !important;
	}
	.crdlnk:hover {
		color: var(--bs-primary) !important;
	}
	.navBtn, .crdlnk, .crdhover {
		transition: all 0.2s ease-in-out;
	}