@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');

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

@layer base {
	html {
		font-family: 'Inter', sans-serif;
		@apply text-black;
	}

	span,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Public Sans', sans-serif;
	}
}

body {
	margin: 0;
	font-family: 'Inter', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

/* React Select Styles */
.react-select-container {
	width: 100%;
}

.react-select__control {
	border: 1px solid #d1d5db !important;
	border-radius: 0.5rem !important;
	min-height: 42px !important;
}

.react-select__control--is-focused {
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

.react-select__option--is-selected {
	background-color: #3b82f6 !important;
}

.react-select__option--is-focused {
	background-color: #e5e7eb !important;
}

/* Background Animation */
@keyframes blob {
	0% {
		transform: translate(0px, 0px) scale(1);
	}

	33% {
		transform: translate(30px, -50px) scale(1.1);
	}

	66% {
		transform: translate(-20px, 20px) scale(0.9);
	}

	100% {
		transform: translate(0px, 0px) scale(1);
	}
}

.animate-blob {
	animation: blob 7s infinite;
}

.animation-delay-2000 {
	animation-delay: 2s;
}

.animation-delay-4000 {
	animation-delay: 4s;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

@media (min-width: 1024px) {
	.lg\:px-8 {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}



.pb-16 {
	padding-bottom: 4rem !important;
}

.max-w-\[1300px\] {
	max-width: 1300px !important;
}

.pt-4 {
	padding-top: 1rem !important;
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

*,
::after,
::before {
	border: 0 solid #e5e7eb;
	box-sizing: border-box;
}

body {
	font-family: Inter, sans-serif;
}

@media (min-width: 1024px) {
	.lg\:justify-between {
		justify-content: space-between !important;
	}
}

@media (min-width: 1024px) {
	.lg\:items-center {
		align-items: center !important;
	}
}

@media (min-width: 1024px) {
	.lg\:flex-row {
		flex-direction: row !important;
	}
}

.flex-col {
	flex-direction: column ;
}

.flex {
	display: flex !important;
}

@media (min-width: 1024px) {
	.lg\:ml-12 {
		margin-left: 3rem !important;
	}
}

@media (min-width: 1024px) {
	.lg\:mb-0 {
		margin-bottom: 0 !important;
	}
}

@media (min-width: 1024px) {
	.lg\:order-2 {
		order: 2 !important;
	}
}



.mb-\[24px\] {
	margin-bottom: 24px !important;
}


.rounded-3xl {
	border-radius: 1.5rem !important;
}

.w-full {
	width: 100% !important;
}

.h-\[600px\] {
	height: 600px !important;
}

.hidden {
	display: none !important;
}

.rounded-3xl {
	border-radius: 1.5rem !important;
}



.overflow-hidden {
	overflow: hidden !important;
}

.h-\[300px\] {
	height: 300px !important;
}

.block {
	display: block !important;
}

@media (min-width: 1024px) {
	.lg\:order-1 {
		order: 1 !important;
	}
}



.px-4 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}



.mb-\[12px\] {
	margin-bottom: 12px !important;
}

.items-center {
	align-items: center !important;
}


.tracking-tight {
	letter-spacing: -.025em !important;
}

.leading-\[44px\] {
	line-height: 44px !important;
}

.font-\[700\],
.font-bold {
	font-weight: 700 !important;
}

.h-\[34px\] {
	height: 34px !important;
}

img,
video {
	height: auto;
	max-width: 100%;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle;
}


.mg-0{
    margin:0!important;
}
.text-gray-600 {
	--tw-text-opacity: 1 !important;
	color: #4b5563 !important;
	color: rgb(75 85 99/var(--tw-text-opacity, 1)) !important;
}

.ml-2 {
	margin-left: .5rem !important;
}

.text-\[14px\]\/\[22px\] {
	font-size: 14px !important;
	line-height: 22px !important;
}

.font-semibold {
	font-weight: 600 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	font-family: Public Sans, sans-serif;
}

.leading-\[44px\] {
	line-height: 44px !important;
}

.font-\[700\],
.font-bold {
	font-weight: 700 !important;
}

.text-\[33px\] {
	font-size: 33px !important;
}

.mb-2 {
	margin-bottom: .5rem !important;
}



.mb-\[12px\] {
	margin-bottom: 12px !important;
}

.gap-\[10px\] {
	gap: 10px !important;
}

.items-start {
	/* align-items: flex-start !important; */
}

.mb-\[16px\] {
	margin-bottom: 16px !important;
}

.tracking-\[-0\.04em\] {
	letter-spacing: -.04em !important;
}

.text-\[18px\]\/\[22px\] {
	font-size: 18px !important;
	line-height: 22px !important;
}

.text-\[\#000\] {
	--tw-text-opacity: 1 !important;
	color: #000 !important;
	color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important;
}

.text-\[18px\] {
	font-size: 18px !important;
}

.mb-6 {
	margin-bottom: 1.5rem !important;
}

@media (min-width: 640px) {
	.sm\:flex-row {
		flex-direction: row !important;
	}
}

.gap-4 {
	gap: 1rem !important;
}

@media (min-width: 640px) {
	.sm\:w-auto {
		width: auto !important;
	}
}

.transition-colors {
	transition-duration: .15s !important;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.text-white {
	--tw-text-opacity: 1 !important;
	color: #fff !important;
	color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
}

.font-semibold {
	font-weight: 600 !important;
}

.py-4 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.px-6 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.bg-black {
	--tw-bg-opacity: 1 !important;
	background-color: #000 !important;
	background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important;
}

.rounded-\[100px\] {
	border-radius: 100px !important;
}

.gap-\[10px\] {
	gap: 10px !important;
}

[role="button"],
button {
	cursor: pointer;
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
	-webkit-appearance: button;
	background-color: initial;
	background-image: none;
}

button,
select {
	text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
	font-feature-settings: inherit;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
}

.relative {
	position: relative !important;
}

.object-cover {
	object-fit: cover !important;
}

.w-full {
	width: 100% !important;
}

.h-full {
	height: 100% !important;
}

.inset-0 {
	inset: 0 !important;
}

.absolute {
	position: absolute !important;
}

@media (min-width: 1024px) {
	.lg\:px-8 {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

@media (min-width: 640px) {
	.sm\:px-6 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

.pt-4 {
	padding-top: 1rem !important;
}

.pb-4 {
	padding-bottom: 1rem !important;
}

.px-4 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.max-w-7xl {
	max-width: 80rem !important;
}

.opacity-70 {
	opacity: .7 !important;
}

.text-white {
	--tw-text-opacity: 1 !important;
	color: #fff !important;
	color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important;
}

.max-w-\[1440px\] {
	max-width: 1440px !important;
}

@media (min-width: 768px) {
			.md\:hidden {
		display: none !important;
	}
	.md\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.md\:max-w-\[49\%\] {
		max-width: 49% !important;
	}
		.md\:w-\[49\%\] {
		width: 49% !important;
	}

	.md\:mb-0 {
		margin-bottom: 0 !important;
	}
	.md\:block {
		display: block !important;
	}
		.md\:mb-8 {
		margin-bottom: 2rem !important;
	}
		.md\:leading-\[75px\] {
		line-height: 75px !important;
	}

	.md\:text-\[60px\] {
		font-size: 60px !important;
	}

	.md\:mb-6 {
		margin-bottom: 1.5rem !important;
	}
		.md\:ml-4 {
		margin-left: 1rem !important;
	}
		.md\:pt-16 {
		padding-top: 4rem !important;
	}
		.md\:text-\[60px\] {
		font-size: 60px !important;
	}

	.md\:leading-\[75px\] {
		line-height: 75px !important;
	}

	.md\:mb-8 {
		margin-bottom: 2rem !important;
	}
	.md\:pt-28 {
		padding-top: 7rem !important;
	}

	.md\:pb-12 {
		padding-bottom: 3rem !important;
	}
}