@tailwind base;
@tailwind components;
@tailwind utilities;


@layer base {

	html,
	body {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	h1,
	h2 {
		font-family: "PT Sans", sans-serif;
	}

	h1 {
		font-weight: 700;
		font-style: normal;
		line-height: 58px;
		text-align: center;
	}

	.home h1 {
		font-size: 3rem;
		position: absolute;
		width: 55%;
		left: 24%;
		right: 24%;
	}

	h2 {
		font-size: 40px;
		font-weight: 400;
		font-style: normal;
	}

	h3 {
		font-size: 20px;
		font-weight: 300;
		font-style: normal;
	}

	.text-red {
		color: rgb(231, 3, 18);
	}

	.home .form-search {
		margin-top: 280px;
	}

	.form-search button {
		z-index: 1;
		margin-left: -5px;
	}

	.form-search .checkbox {
		margin-top: 6px;
	}

	.home .text-bold-section {
		background: #f8f6f7;
	}

	.home .text-bold-section ul {
		list-style: disc;
	}

	.home .text-bold-section ul li {
		margin-bottom: 10px;
		font-size: 26px;
		font-weight: 700;
	}

	.home .text-bold-section ul li::marker {
		font-size: 14px;
	}

	.hr-line {
		width: 45%;
		height: 3px;
		background: rgb(231, 3, 18);
		margin: 0 auto;
	}

	.home .text-bold-section h2 {
		font-size: 38px;
		font-weight: 700;
	}

	.desktop {
		display: flex !important;
	}

	.mobile {
		display: none !important;
	}

	.text-Montserrat-bold {
		font-family: "Montserrat", sans-serif;
		font-size: 14px;
		font-weight: 700;
	}

	/*Inner Pages*/
	.form-search-innr {
		background: #f8f6f7;
	}

	.page .form-search {
		margin-top: inherit;
	}

	/*privacy-policy*/
	.privacy-policy a {
		color: #0D67FE;
	}

	table {
		border: 1px solid #d9d9d9;
	}

	table th {
		background: #eeeeee;
	}

	table th,
	table td {
		padding: 10px;
		border: 1px solid #d9d9d9;
	}


	/*Responsive*/
	@media only screen and (max-width: 1023px) {
		.addtocart {
			display: none;
		}
	}

	@media only screen and (max-width: 767px) {

		h2 {
			font-size: 30px;
		}

		.desktop {
			display: none !important;
		}

		.mobile {
			display: flex !important;
		}

		.container {
			padding: 0 5%;
		}

		.home h1 {
			font-size: 28px;
			line-height: normal;
			position: relative;
			width: 90%;
			left: inherit;
			right: inherit;
		}

		.home .form-search {
			margin-top: 0;
		}

		.form-search button {
			position: absolute;
			top: 180px;
			/* top: 250px; */
			/* left: 35%; */
			padding: 10px 20px;
		}

		.form-search-innr .form-search button {
			position: inherit;
			top: inherit;
			left: inherit;
			padding: inherit;
		}

		.domain-result-input {
			display: flex;
			flex-direction: column;
		}

		.domain-result-input button {
			width: 200px;
			padding: 10px 20px !important;
			margin: 0 auto;
			margin-top: 10px;
		}

		.home .text-bold-section ul li {
			font-size: 21px;
			font-weight: 600;
		}

		.home .text-bold-section h2 {
			font-size: 28px;
			font-weight: 600;
			line-height: 34px;
		}

	}

}