html,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
		    font-family: sans-serif;
		    font-size: 14px;
		    line-height: 22px;
		    margin: 0px;
		    padding: 0px;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
		    color: #26272b;
		    font-weight: bold;
		}

		a {
		    color: #2c7be5;
		}

		html {
		    color: #26272b;
		    font-weight: normal;
		}

		h1 {
		    font-size: 2.1rem;
		    line-height: 2.5rem;
		    margin-bottom: 10px;
		}

		h2 {
		    font-size: 2rem;
		    line-height: 2rem;
		    margin-bottom: 10px;
		    text-align: center;
		}

		h3 {
		    font-size: 1.5rem;
		    line-height: 2rem;
		    margin-bottom: 10px;
		}

		[type="checkbox"] {
		    vertical-align: middle;
		}

		.form__error {
		    color: orange;
		    text-align: left;
		    font-size: 12px;
		    display: block;
		    margin-top: 3px;
		    display: none;
		}

		input:valid:not(:placeholder-shown) {
		    border-color: green;
		}

		input:invalid:not(:placeholder-shown) {
		    border-color: orange;
		}

		input:invalid:not(:placeholder-shown)+.form__error {
		    display: block;
		}


		body {
		    background: #EDEFF1;
		    padding: 0;
		    margin: 0;
		}

		#loader {
			position: fixed;
			width: 100%;
			height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(255, 255, 255, 0.3);
			backdrop-filter: blur(3px);
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 9999;
		}


		.api h1 {
		    text-align: center;
		    margin: 0;
		    margin-bottom: 20px;
		}

		.api {
		    margin: 0 auto 0px auto;
		    padding: 30px 30px 10px 30px;
		    border-radius: 0px 0px 10px 10px;
		    background: #fff;
		    max-width: 320px;
		    overflow: auto;
		    z-index: 0;
		}

		.api form>div {
		    margin-bottom: 15px;
		}

		.api input {
		    margin-top: 5px;
		    padding: 10px;
		    border-radius: 5px;
		    border: 1px solid #aaa;
		    width: 100%;
		    font-size: 1.3rem;
		}

		.api button {
		    width: 100%;
		    margin-top: 10px;
		    margin-bottom: 10px;
		    padding: 20px 0px;
		    border: 0px;
		    background: #0094FF;
		    color: #fff;
		    border-radius: 5px;
		    cursor: pointer;
		    font-size: 1.3rem;
		    font-weight: bold;
		}

		.api button:disabled {
		    opacity: 0.1;
		}

		.chb a {
		    color: #777;
		}

		.chb input {
		    cursor: pointer;
		    width: auto;
		    margin: 0;
		    padding: 0;
		}

		.chb label {
		    color: #777;
		    cursor: pointer;
		    font-size: 0.8rem;
		}

		canvas {
		    height: auto;
		    width: 100%;
		}

		.resultsBackgroud {
		    background: rgba(0, 0, 0, 0.5);
		    position: fixed;
		    top: 0;
		    right: 0;
		    left: 0;
		    bottom: 0;
		    z-index: 10;
		    backdrop-filter: blur(2px);
		}

		.results {
		    z-index: 20;
		    position: fixed;
		    left: 50%;
			top: 100px;
		    transform: translateX(-50%);
		    overflow: hidden;
		    background: #fff;
		    padding: 30px;
		    overflow: auto;
		    max-height: 85vh;
			border-radius: 10px;
		}



		/* #phone {
                 background: url('./number.png') no-repeat 10px 12px;
				padding-left: 55px;
                } */

		.display {
		    display: none;
		}

		.resultsTable {
		    width: 1050px;
		    display: flex;
		    flex-wrap: wrap;
		}

		.resultsTable>div {
		    border: 1px solid #ddd;
		    border-radius: 10px;
		    padding: 20px 20px 20px 20px;
		    margin-top: 20px;
			margin-bottom: 20px;
		    min-width: 180px;
		    max-width: 300px;
		}

		.resultsTable>div:nth-child(1) {
		    margin-right: 10px;
		}

		.resultsTable>div:nth-child(2) {
		    margin-right: 10px;
		}

		ol {
		    margin: 0;
		    padding: 0;
		    padding-left: 20px;
		    padding-top: 0px;
		}

		ol li {
		    padding-top: 5px;
		}

		hr {
		    border: 1px solid #ddd;
		    margin-bottom: 20px;
		    margin-top: 20px;
		}

		input[type=number]::-webkit-inner-spin-button,
		input[type=number]::-webkit-outer-spin-button {
		    opacity: 1;
		}

		@media screen and (max-width: 980px) {
		    .results {
		        top: 10px;
		    }

		    .resultsTable {
		        width: 300px;
		    }
		}

		@media screen and (max-width: 320px) {
		    .results {
		        top: 10px;
		    }

		    .resultsTable {
		        width: 240px;
		    }
		}