button, [role="button"] {
	cursor: pointer;
}
button, [type='button'], [type='reset'], [type='submit'] {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}
button, select {
	text-transform: none;
	border: none;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}
.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-t {
	border-top-width: 1px;
}

.justify-center {
	justify-content: center;
}
.items-center {
	align-items: center;
}
.w-full {
	width: 100%;
}
.flex {
	display: flex;
}
.shadow-2xl {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.rounded-lg {
	border-radius: 1rem;
}
.overflow-hidden {
	overflow: hidden;
}
.bottom-16 {
	bottom: 4rem;
}
.fixed {
	position: fixed;
}
.z-40 {
	z-index: 100;
}
.left-0 {
	left: 0px;
}
.left-4 {
	left: 1rem;
}

.bottom-0 {
	bottom: 0px;
}
.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}
.p-4 {
	padding: 1.25rem;
}

.bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.rounded-full {
	border-radius: 9999px;
}
.bottom-2 {
	bottom: 0.5rem;
}
.fixed {
	position: fixed;
}
.fill-white {
	fill: #fff;
}
.w-4 {
	width: 1.75rem;
}
.h-4 {
	height: 1.75rem;
}
.p-7 {
	padding: 2.75rem;
}
.font-bold {
	font-weight: 700;
}
.text-3xl {
	font-size: 2.875rem;
	line-height: 3.25rem;
}

.pb-4 {
	padding-bottom: 1rem;
}
.hover\:text-gray-800:hover {
	--tw-text-opacity: 1;
	color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:bg-gray-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:bg-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(35 37 87 / var(--tw-bg-opacity));
}

.duration-150 {
	transition-duration: 150ms;
}
.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity));
}
.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.flex-1 {
		flex: 1 1 0%;
}
.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-t {
	border-top-width: 1px;
}
.justify-center {
	justify-content: center;
}
.items-center {
	align-items: center;
}
.w-full {
	width: 100%;
}
.flex {
	display: flex;
}
.underline {
	text-decoration-line: underline;
}
.text-primary {
	--tw-text-opacity: 1;
	color: rgb(35 37 87 / var(--tw-text-opacity));
}
.space-y-4 {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));	
}
		
@media (min-width: 1280px) {
	.xl\:w-1\/4 {
		width: 25%;
	}
}

@media (min-width: 640px) {
	.sm\:max-w-\[450px\] {
		max-width: 450px;
	}
}
@media (min-width: 640px) {
	.sm\:min-w-\[450px\] {
		min-width: 450px;
	}
}
@media (min-width: 640px) {
	.sm\:w-1\/2 {
		width: 50%;
	}
}
@media (min-width: 640px) {
	.sm\:left-4 {
		left: 1rem;
	}
}

.wh-icon {
	width: 4.25rem;
    height: 4.25rem;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */