@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0 solid #e5e7eb;
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:

}

:root {
	--dark-green-avatar-bg: #ffcc99;
	--dark-green-avatar-color: #ff8000;
}

::after, ::before {
	--tw-content: ''
}

.poppins-thin {
	font-family: "Poppins", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.poppins-extralight {
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.poppins-light {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.poppins-regular {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.poppins-medium {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.poppins-bold {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.poppins-extrabold {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: normal;
}

.poppins-black {
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.poppins-thin-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.poppins-extralight-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	font-style: italic;
}

.poppins-light-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.poppins-regular-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.poppins-medium-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.poppins-semibold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: italic;
}

.poppins-bold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.poppins-extrabold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: italic;
}

.poppins-black-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	font-style: italic;
}


* {
	font-family: "Poppins", sans-serif;
!important;
	font-optical-sizing: auto;
}

:host, html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	/*font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: "Open Sans", sans-serif;
	color: #5F656F;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-image: url("/assets/ecommerce_theme/images/BG.png");
	background-size: cover;
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b, strong {
	font-weight: bolder
}

code, kbd, pre, samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

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

button, select {
	text-transform: none
}

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

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
	margin: 0
}

fieldset {
	margin: 0;
	padding: 0
}

dialog, legend {
	padding: 0
}

menu, ol, ul {
	list-style: none;
	margin: 0;
	padding-right: 5px
}

textarea {
	resize: vertical
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder, textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

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

:disabled {
	cursor: default
}

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

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

[hidden] {
	display: none
}

::-ms-backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px
}

@media (min-width: 540px) {
	.container {
		max-width: 540px
	}
}

@media (min-width: 640px) {
	.container {
		max-width: 640px;
		padding-right: 1rem;
		padding-left: 1rem
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 992px
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 1024px;
		padding-right: 45px;
		padding-left: 45px
	}
}

@media (min-width: 1280px) {
	.container {
		max-width: 1280px;
		padding-right: 5rem;
		padding-left: 5rem
	}
}

@media (min-width: 1536px) {
	.container {
		max-width: 1536px;
		padding-right: 13rem;
		padding-left: 13rem
	}
}

.form-input, .form-multiselect, .form-select, .form-textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border-color: #6b7280;
	border-width: 1px;
	border-radius: 0;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	--tw-shadow: 0 0 #0000
}

.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {
	outline: transparent solid 2px;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #2563eb;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	border-color: #2563eb
}

.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
	color: #6b7280;
	opacity: 1
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
	color: #6b7280;
	opacity: 1
}

.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
	color: #6b7280;
	opacity: 1
}

.form-input::-ms-input-placeholder, .form-textarea::-ms-input-placeholder {
	color: #6b7280;
	opacity: 1
}

.form-input::placeholder, .form-textarea::placeholder {
	color: #6b7280;
	opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
	padding: 0
}

.form-input::-webkit-date-and-time-value {
	min-height: 1.5em;
	text-align: inherit
}

.form-input::-webkit-datetime-edit {
	display: -webkit-inline-box;
	display: inline-flex
}

.form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-meridiem-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-minute-field, .form-input::-webkit-datetime-edit-month-field, .form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-year-field {
	padding-top: 0;
	padding-bottom: 0
}

.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right .5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2.5rem;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact
}

.form-select:where([size]:not([size="1"])) {
	background-image: initial;
	background-position: initial;
	background-repeat: unset;
	background-size: initial;
	padding-right: .75rem;
	-webkit-print-color-adjust: unset;
	print-color-adjust: unset
}

.form-checkbox, .form-radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	display: inline-block;
	vertical-align: middle;
	background-origin: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 1rem;
	width: 1rem;
	color: #2563eb;
	background-color: #fff;
	border-color: #6b7280;
	border-width: 1px;
	--tw-shadow: 0 0 #0000
}

.form-checkbox {
	border-radius: 0
}

.form-radio {
	border-radius: 100%
}

.form-checkbox:focus, .form-radio:focus {
	outline: transparent solid 2px;
	outline-offset: 2px;
	--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #2563eb;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.form-checkbox:checked, .form-radio:checked {
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}

.form-checkbox:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

.form-radio:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

.form-checkbox:checked:focus, .form-checkbox:checked:hover, .form-radio:checked:focus, .form-radio:checked:hover {
	border-color: transparent;
	background-color: currentColor
}

.form-checkbox:indeterminate {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
	border-color: transparent;
	background-color: currentColor;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}

@media (forced-colors: active) {
	.form-checkbox:checked, .form-radio:checked {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto
	}

	.form-checkbox:indeterminate {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto
	}
}

.form-checkbox:indeterminate:focus, .form-checkbox:indeterminate:hover {
	border-color: transparent;
	background-color: currentColor
}

.pointer-events-none {
	pointer-events: none !important
}

.collapse {
	visibility: collapse !important
}

.fixed {
	position: fixed !important
}

.absolute {
	position: absolute !important
}

.relative {
	position: relative !important
}

.sticky {
	position: sticky !important
}

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

.-bottom-20 {
	bottom: -5rem !important
}

.-end-0 {
	inset-inline-end: -0px !important
}

.-left-2 {
	left: -.5rem !important
}

.-left-3 {
	left: -.75rem !important
}

.-right-2 {
	right: -.5rem !important
}

.-top-1 {
	top: -.5rem !important
}

.-start-0 {
	inset-inline-start: -0px !important
}

.-top-20 {
	top: -5rem !important
}

.bottom-28 {
	bottom: 7rem !important
}

.bottom-3 {
	bottom: .75rem !important
}

.bottom-4 {
	bottom: 1rem !important
}

.bottom-5 {
	bottom: 1.25rem !important
}

.end-0 {
	inset-inline-end: 0px !important
}

.end-3 {
	inset-inline-end: 0.75rem !important
}

.end-4 {
	inset-inline-end: 1rem !important
}

.end-5 {
	inset-inline-end: 1.25rem !important
}

.avatar-medium {
	width: 28px;
	height: 28px;
}

.avatar {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.avatar-frame {
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: var(--avatar-frame-bg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	border: 0 solid #ff8000;
}

.end-\[3px\] {
	inset-inline-end: 3px !important
}

.left-\[2px\] {
	left: 2px !important
}

.start-0 {
	inset-inline-start: 0px !important
}

.start-0\.5 {
	inset-inline-start: 0.125rem !important
}

.start-3 {
	inset-inline-start: 0.75rem !important
}

.start-4 {
	inset-inline-start: 1rem !important
}

.top-0 {
	top: 0 !important
}

.top-0\.5 {
	top: .125rem !important
}

.top-1\/4 {
	top: 25% !important
}

.top-2\/4 {
	top: 50% !important
}

.top-20 {
	top: 5rem !important
}

.top-3 {
	top: .75rem !important
}

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

.top-\[2px\] {
	top: 2px !important
}

.top-\[40\%\] {
	top: 40% !important
}

.top-\[9px\] {
	top: 9px !important
}

.z-1 {
	z-index: 1 !important
}

.z-10 {
	z-index: 10 !important
}

.z-2 {
	z-index: 2 !important
}

.z-50 {
	z-index: 50 !important
}

.order-1 {
	-webkit-box-ordinal-group: 2 !important;
	-ms-flex-order: 1 !important;
	order: 1 !important
}

.order-2 {
	-webkit-box-ordinal-group: 3 !important;
	-ms-flex-order: 2 !important;
	order: 2 !important
}

.order-3 {
	-webkit-box-ordinal-group: 4 !important;
	-ms-flex-order: 3 !important;
	order: 3 !important
}

.col-span-12 {
	grid-column: span 12/span 12 !important
}

.col-span-6 {
	grid-column: span 6/span 6 !important
}

.m-0 {
	margin: 0 !important
}

.m-0\.5 {
	margin: .125rem !important
}

.m-1 {
	margin: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.m-6 {
	margin: 1.5rem !important
}

.m-auto {
	margin: auto !important
}

.m-px {
	margin: 1px !important
}

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

.mx-0\.5 {
	margin-left: .125rem !important;
	margin-right: .125rem !important
}

.mx-3 {
	margin-left: .75rem !important;
	margin-right: .75rem !important
}

.mx-4 {
	margin-left: 1rem !important;
	margin-right: 1rem !important
}

.mx-5 {
	margin-left: 1.25rem !important;
	margin-right: 1.25rem !important
}

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

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

.my-3 {
	margin-top: .75rem !important;
	margin-bottom: .75rem !important
}

.my-4 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.my-5 {
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important
}

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

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important
}

.-mt-32 {
	margin-top: -8rem !important
}

.-mt-\[140px\] {
	margin-top: -140px !important
}

.-mt-\[30px\] {
	margin-top: -30px !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

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

.mb-3 {
	margin-bottom: .75rem !important
}

.mb-4 {
	margin-bottom: 1rem !important
}

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

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

.mb-12 {
	margin-bottom: 3rem !important
}

.me-1 {
	-webkit-margin-end: .25rem !important;
	margin-inline-end: .25rem !important
}

.me-1\.5 {
	-webkit-margin-end: .375rem !important;
	margin-inline-end: .375rem !important
}

.me-2 {
	-webkit-margin-end: .5rem !important;
	margin-inline-end: .5rem !important
}

.me-3 {
	-webkit-margin-end: .75rem !important;
	margin-inline-end: .75rem !important
}

.me-4 {
	-webkit-margin-end: 1rem !important;
	margin-inline-end: 1rem !important
}

.ms-2 {
	-webkit-margin-start: 0.5rem !important;
	margin-inline-start: .5rem !important
}

.ms-3 {
	-webkit-margin-start: 0.75rem !important;
	margin-inline-start: .75rem !important
}

.ms-4 {
	-webkit-margin-start: 1rem !important;
	margin-inline-start: 1rem !important
}

.ms-5 {
	-webkit-margin-start: 1.25rem !important;
	margin-inline-start: 1.25rem !important
}

.ms-auto {
	-webkit-margin-start: auto !important;
	margin-inline-start: auto !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mt-10 {
	margin-top: 2.5rem !important
}

.mt-12 {
	margin-top: 3rem !important
}

.mt-14 {
	margin-top: 3.5rem !important
}

.mt-16 {
	margin-top: 4rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mt-20 {
	margin-top: 5rem !important
}

.mt-24 {
	margin-top: 6rem !important
}

.mt-3 {
	margin-top: .75rem !important
}

.mt-4 {
	margin-top: 1rem !important
}

.mt-5 {
	margin-top: 1.25rem !important
}

.mt-6 {
	margin-top: 1.5rem !important
}

.mt-7 {
	margin-top: 1.75rem !important
}

.mt-8 {
	margin-top: 2rem !important
}

.mt-\[10px\] {
	margin-top: 10px !important
}

.mt-\[70px\] {
	margin-top: 70px !important
}

.block {
	display: block !important
}

.inline-block {
	display: inline-block !important
}

.inline {
	display: inline !important
}

.flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

.inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

.table {
	display: table !important
}

.grid {
	display: grid !important
}

.hidden {
	display: none !important
}

.size-10 {
	width: 2.5rem !important;
	height: 2.5rem !important
}

.size-20 {
	width: 5rem !important;
	height: 5rem !important
}

.size-4 {
	width: 1rem !important;
	height: 1rem !important
}

.size-5 {
	width: 1.25rem !important;
	height: 1.25rem !important
}

.size-6 {
	width: 1.5rem !important;
	height: 1.5rem !important
}

.size-7 {
	width: 1.75rem !important;
	height: 1.75rem !important
}

.size-8 {
	width: 2rem !important;
	height: 2rem !important
}

.size-9 {
	width: 2.25rem !important;
	height: 2.25rem !important
}

.size-\[30px\] {
	width: 30px !important;
	height: 30px !important
}

.size-\[40px\] {
	width: 40px !important;
	height: 40px !important
}

.h-10 {
	height: 2.5rem !important
}

.h-11 {
	height: 2.75rem !important
}

.h-14 {
	height: 3.5rem !important
}

.h-20 {
	height: 5rem !important
}

.h-28 {
	height: 7rem !important
}

.h-4 {
	height: 1rem !important
}

.h-5 {
	height: 1.25rem !important
}

.h-40 {
	height: 10rem !important;
}

.h-48 {
	height: 12rem !important;
}

.h-52 {
	height: 13rem !important
}

.h-6 {
	height: 1.5rem !important
}

.h-7 {
	height: 1.75rem !important
}

.h-8 {
	height: 2rem !important
}

.h-9 {
	height: 2.25rem !important
}

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

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

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

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

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

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

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


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

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

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

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

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

.h-auto {
	height: auto !important
}

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

.h-screen {
	height: 100vh !important
}

.max-h-6 {
	max-height: 1.5rem !important
}

.max-h-12 {
	max-height: 3rem !important
}

.min-h-screen {
	min-height: 100vh !important
}

.w-10 {
	width: 2.5rem !important
}

.w-11 {
	width: 2.75rem !important
}

.w-12 {
	width: 3rem !important
}

.w-14 {
	width: 3.5rem !important
}

.w-16 {
	width: 4rem !important
}

.w-20 {
	width: 5rem !important
}

.w-24 {
	width: 6rem !important
}

.w-28 {
	width: 7rem !important
}

.w-4 {
	width: 1rem !important
}

.w-48 {
	width: 12rem !important
}

.w-52 {
	width: 13rem !important
}

.w-56 {
	width: 14rem !important
}

.w-6 {
	width: 1.5rem !important
}

.w-64 {
	width: 16rem !important
}

.w-7 {
	width: 1.75rem !important
}

.w-72 {
	width: 18rem !important
}

.w-9 {
	width: 2.25rem !important
}

.w-\[130px\] {
	width: 130px !important
}

.w-\[200px\] {
	width: 200px !important
}

.w-\[150px\] {
	width: 150px !important
}

.mt-\[-10px\] {
	margin-top: -10px;
}

.w-\[18px\] {
	width: 18px !important
}

.w-\[35px\] {
	width: 35px !important
}

.bg-primary {
	background-color: #FF8000;
}

.bg-secondary {
	background: #02245B;
}

.bg-opacity-15 {
	opacity: 15%;
}

.w-\[80px\] {
	width: 80px !important
}

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

.min-w-\[100px\] {
	min-width: 100px !important
}

.min-w-\[220px\] {
	min-width: 220px !important
}

.min-w-\[130px\] {
	min-width: 130px !important
}

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

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

.max-w-64 {
	max-width: 16rem;
}

.max-w-md {
	max-width: 28rem !important
}

.max-w-xl {
	max-width: 36rem !important
}

.flex-1 {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 0% !important;
	flex: 1 1 0% !important
}

.shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important
}

.-rotate-90 {
	--tw-rotate: -90deg !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-180 {
	--tw-rotate: 180deg !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-90 {
	--tw-rotate: 90deg !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform {
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.cursor-pointer {
	cursor: pointer !important
}

.resize {
	resize: both !important
}

.list-none {
	list-style-type: none !important
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.flex-col {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

.items-end {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important
}

.items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.justify-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.justify-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.gap-3 {
	gap: .75rem !important
}

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

.gap-5 {
	gap: 1.25rem !important
}

.gap-6 {
	gap: 1.5rem !important
}

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(-1px * var(--tw-space-x-reverse)) !important;
	margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
	margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(.125rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(.125rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(.25rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(.5rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0 !important;
	margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
	margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) !important
}

.overflow-hidden {
	overflow: hidden !important
}

.overflow-x-auto {
	overflow-x: auto !important
}

.scroll-smooth {
	scroll-behavior: smooth !important
}

.whitespace-nowrap {
	white-space: nowrap !important
}

.rounded {
	border-radius: .25rem !important
}

.rounded-full {
	border-radius: 9999px !important
}

.rounded-lg {
	border-radius: .5rem !important
}

.rounded-md {
	border-radius: .375rem !important
}

.rounded-xl {
	border-radius: .75rem !important
}

.rounded-b-full {
	border-bottom-right-radius: 9999px !important;
	border-bottom-left-radius: 9999px !important
}

.rounded-b-md {
	border-bottom-right-radius: .375rem !important;
	border-bottom-left-radius: .375rem !important
}

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

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

.rounded-t-full {
	border-top-left-radius: 9999px !important;
	border-top-right-radius: 9999px !important
}

.rounded-ee-xl {
	border-end-end-radius: 0.75rem !important
}

.rounded-ss-xl {
	border-start-start-radius: 0.75rem !important
}

.border {
	border-width: 1px !important
}

.border-0 {
	border-width: 0 !important
}

.mt-140 {
	margin-top: 10rem;
}

.border-x-4 {
	border-left-width: 4px !important;
	border-right-width: 4px !important
}

.border-b {
	border-bottom-width: 1px !important
}

.border-t {
	border-top-width: 1px !important
}

.border-solid {
	border-style: solid !important
}

.border-gray-100 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important
}

.border-gray-200 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important
}

.border-gray-800 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(31 41 55 / var(--tw-border-opacity)) !important
}

.border-orange-500 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(249 115 22 / var(--tw-border-opacity)) !important
}

.border-slate-800 {
	--tw-border-opacity: 1 !important;
	border-color: rgb(30 41 59 / var(--tw-border-opacity)) !important
}

.border-slate-900\/50 {
	border-color: rgb(15 23 42 / .5) !important
}

.bg-black {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(22 28 45 / var(--tw-bg-opacity)) !important
}

.bg-black\/25 {
	background-color: rgb(22 28 45 / .25) !important
}

.bg-blue-600\/5 {
	background-color: rgb(37 99 235 / .05) !important
}

.bg-dark-footer {
	--tw-bg-opacity: 1 !important;
	background-color: #02245B !important
}

.bg-emerald-500\/5 {
	background-color: rgb(16 185 129 / .05) !important
}

.bg-emerald-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(5 150 105 / var(--tw-bg-opacity)) !important
}

.bg-gray-100 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important
}

.bg-gray-300 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important
}

.bg-gray-400 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important
}

.bg-gray-50 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important
}

.bg-gray-800 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important
}

.bg-indigo-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important
}

.bg-orange-500 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important
}

.bg-orange-500\/10 {
	background-color: rgb(249 115 22 / .1) !important
}

.bg-orange-500\/5 {
	background-color: rgb(249 115 22 / .05) !important
}

.bg-orange-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(234 88 12 / var(--tw-bg-opacity)) !important
}

.bg-red-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important
}

.bg-red-600\/5 {
	background-color: rgb(220 38 38 / .05) !important
}

.bg-slate-50 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important
}

.bg-slate-900 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important
}

.bg-slate-900\/30 {
	background-color: rgb(15 23 42 / .3) !important
}

.bg-transparent {
	background-color: transparent !important
}

.bg-violet-600 {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(124 58 237 / var(--tw-bg-opacity)) !important
}

.bg-white {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.bg-white\/20 {
	background-color: rgb(255 255 255 / .2) !important
}

.bg-white\/70 {
	background-color: rgb(255 255 255 / .7) !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg-shape\.png\'\)\] {
	background-image: url('../../assets/images/hero/bg-shape.png') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg1\.png\'\)\] {
	background-image: url('../../assets/images/hero/bg1.png') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg2\.png\'\)\] {
	background-image: url('../../assets/images/hero/bg2.png') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg3\.png\'\)\] {
	background-image: url('../../assets/images/hero/bg3.png') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg4\.jpg\'\)\] {
	background-image: url('../../assets/images/hero/bg4.jpg') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/bg6\.jpg\'\)\] {
	background-image: url('../../assets/images/hero/bg6.jpg') !important
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/hero\/pages\.jpg\'\)\] {
	background-image: url('../../assets/images/hero/pages.jpg') !important
}

.bg-gradient-to-b {
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops))) !important;
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important
}

.bg-gradient-to-t {
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops))) !important;
	background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important
}

.bg-none {
	background-image: none !important
}

.from-slate-900\/60 {
	--tw-gradient-from: rgb(15 23 42 / 0.6) var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-slate-900\/90 {
	--tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-transparent {
	--tw-gradient-from: transparent var(--tw-gradient-from-position) !important;
	--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.via-black\/40 {
	--tw-gradient-to: rgb(22 28 45 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), rgb(22 28 45 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-slate-900\/50 {
	--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-slate-900\/80 {
	--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position) !important;
	--tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.to-black {
	--tw-gradient-to: #161c2d var(--tw-gradient-to-position) !important
}

.to-slate-900 {
	--tw-gradient-to: #0f172a var(--tw-gradient-to-position) !important
}

.to-transparent {
	--tw-gradient-to: transparent var(--tw-gradient-to-position) !important
}

.bg-cover {
	background-size: cover !important
}

.bg-center {
	background-position: center !important
}

.bg-top {
	background-position: top !important
}

.bg-no-repeat {
	background-repeat: no-repeat !important
}

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

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.p-3 {
	padding: .75rem !important
}

.p-4 {
	padding: 1rem !important
}

.p-5 {
	padding: 1.25rem !important
}

.p-6 {
	padding: 1.5rem !important
}

.p-8 {
	padding: 2rem !important
}

.p-10 {
	padding: 2.25rem !important
}

.p-px {
	padding: 1px !important
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.px-2 {
	padding-left: .5rem !important;
	padding-right: .5rem !important
}

.px-2\.5 {
	padding-left: .625rem !important;
	padding-right: .625rem !important
}

.px-3 {
	padding-left: .75rem !important;
	padding-right: .75rem !important
}

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

.px-5 {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important
}

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

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.py-0\.5 {
	padding-top: .125rem !important;
	padding-bottom: .125rem !important
}

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

.py-1\.5 {
	padding-top: .375rem !important;
	padding-bottom: .375rem !important
}

.py-10 {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important
}

.py-12 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important
}

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

.py-2 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important
}

.py-20 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important
}

.py-24 {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important
}

.py-28 {
	padding-top: 7rem !important;
	padding-bottom: 7rem !important
}

.py-3 {
	padding-top: .75rem !important;
	padding-bottom: .75rem !important
}

.py-32 {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important
}

.py-36 {
	padding-top: 9rem !important;
	padding-bottom: 9rem !important
}

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

.py-6 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important
}

.py-8 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important
}

.py-\[30px\] {
	padding-top: 30px !important;
	padding-bottom: 30px !important
}

.py-\[5px\] {
	padding-top: 5px !important;
	padding-bottom: 5px !important
}

.py-\[60px\] {
	padding-top: 60px !important;
	padding-bottom: 60px !important
}

.pb-0 {
	padding-bottom: 0 !important
}

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

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

.pb-52 {
	padding-bottom: 13rem !important
}

.pb-6 {
	padding-bottom: 1.5rem !important
}

.pb-8 {
	padding-bottom: 2rem !important
}

.pe-1 {
	-webkit-padding-end: 0.25rem !important;
	padding-inline-end: 0.25rem !important
}

.pe-10 {
	-webkit-padding-end: 2.5rem !important;
	padding-inline-end: 2.5rem !important
}

.pe-40 {
	-webkit-padding-end: 10rem !important;
	padding-inline-end: 10rem !important
}

.ps-0 {
	-webkit-padding-start: 0px !important;
	padding-inline-start: 0px !important
}

.ps-0\.5 {
	-webkit-padding-start: 0.125rem !important;
	padding-inline-start: 0.125rem !important
}

.ps-11 {
	-webkit-padding-start: 2.75rem !important;
	padding-inline-start: 2.75rem !important
}

.ps-12 {
	-webkit-padding-start: 3rem !important;
	padding-inline-start: 3rem !important
}

.ps-4 {
	-webkit-padding-start: 1rem !important;
	padding-inline-start: 1rem !important
}

.ps-6 {
	-webkit-padding-start: 1.5rem !important;
	padding-inline-start: 1.5rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pt-36 {
	padding-top: 9rem !important
}

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

.pt-6 {
	padding-top: 1.5rem !important
}

.text-left {
	text-align: left !important
}

.text-center {
	text-align: center;
}

/* Show the element on medium (md) and larger screens */
@media (min-width: 768px) {

	.md\:text-center {
		text-align: center;
	!important;
	}

	.md\:text-left {
		text-align: left;
	!important;
	}
}

.text-primary {
	color: #FF8000; /* Primary color */
}

.text-start {
	text-align: start !important
}

.text-end {
	text-align: end !important
}

.align-middle {
	vertical-align: middle !important
}

.text-2xl {
	font-size: 1.5rem !important;
	line-height: 2rem !important
}

.text-3xl {
	font-size: 1.875rem !important;
	line-height: 2.25rem !important
}

.text-4xl {
	font-size: 2.25rem !important;
	line-height: 2.5rem !important
}

.text-5xl {
	font-size: 3rem !important;
	line-height: 1 !important
}

.text-6xl {
	font-size: 3.75rem !important;
	line-height: 1 !important
}

.text-9xl {
	font-size: 8rem !important;
	line-height: 1 !important
}

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

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

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

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

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

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

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

.text-base {
	font-size: 16px !important;
	line-height: 28px !important
}

.text-lg {
	font-size: 18px !important;
	line-height: 28px !important
}

.text-sm {
	font-size: .875rem !important;
	line-height: 1.25rem !important
}


.text-xl {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important
}

.text-xs {
	font-size: .75rem !important;
	line-height: 1rem !important
}

.font-bold {
	font-weight: 700 !important
}

.font-extrabold {
	font-weight: 800 !important
}

.font-medium {
	font-weight: 500 !important
}

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

.uppercase {
	text-transform: uppercase !important
}

.italic {
	font-style: italic !important
}

.leading-\[0\] {
	line-height: 0 !important
}

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

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

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

.leading-normal {
	line-height: 1.5 !important
}

.tracking-\[0\.5px\] {
	letter-spacing: .5px !important
}

.tracking-\[1px\] {
	letter-spacing: 1px !important
}

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

.tracking-wider {
	letter-spacing: .05em !important
}

.text-amber-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(251 191 36 / var(--tw-text-opacity)) !important
}

.text-amber-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(245 158 11 / var(--tw-text-opacity)) !important
}

.text-black {
	--tw-text-opacity: 1 !important;
	color: rgb(22 28 45 / var(--tw-text-opacity)) !important
}

.text-dark {
	--tw-text-opacity: 1 !important;
	color: rgb(60 72 88 / var(--tw-text-opacity)) !important
}

.text-gray-100 {
	--tw-text-opacity: 1 !important;
	color: rgb(243 244 246 / var(--tw-text-opacity)) !important
}

.text-gray-200 {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.text-gray-300 {
	--tw-text-opacity: 1 !important;
	color: rgb(209 213 219 / var(--tw-text-opacity)) !important
}

.text-gray-900 {
	--tw-text-opacity: 1 !important;
	color: rgb(17 24 39 / var(--tw-text-opacity)) !important
}

.text-green-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(22 163 74 / var(--tw-text-opacity)) !important
}

.text-orange-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(251 146 60 / var(--tw-text-opacity)) !important
}

.text-orange-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

.text-red-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(220 38 38 / var(--tw-text-opacity)) !important
}

.text-slate-300 {
	--tw-text-opacity: 1 !important;
	color: rgb(203 213 225 / var(--tw-text-opacity)) !important
}

.text-slate-400 {
	--tw-text-opacity: 1 !important;
	color: rgb(148 163 184 / var(--tw-text-opacity)) !important
}

.text-slate-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(100 116 139 / var(--tw-text-opacity)) !important
}

.text-slate-900 {
	--tw-text-opacity: 1 !important;
	color: rgb(15 23 42 / var(--tw-text-opacity)) !important
}

.text-slate-950 {
	--tw-text-opacity: 1 !important;
	color: rgb(2 6 23 / var(--tw-text-opacity)) !important
}

.text-transparent {
	color: transparent !important
}

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

.text-white\/50 {
	color: rgb(255 255 255 / .5) !important
}

.text-white\/70 {
	color: rgb(255 255 255 / .7) !important
}

.text-white\/80 {
	color: rgb(255 255 255 / .8) !important
}

.text-yellow-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(234 179 8 / var(--tw-text-opacity)) !important
}

.opacity-0 {
	opacity: 0 !important
}

.opacity-5 {
	opacity: .05 !important
}

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

.opacity-80 {
	opacity: .8 !important
}

.shadow {
	--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 0 3px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-md {
	--tw-shadow: 0 5px 13px rgb(60 72 88 / 0.20) !important;
	--tw-shadow-colored: 0 5px 13px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-sm {
	--tw-shadow: 0 2px 4px 0 rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-gray-100 {
	--tw-shadow-color: #f3f4f6 !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

.outline-none {
	outline: transparent solid 2px !important;
	outline-offset: 2px !important
}

.outline {
	outline-style: solid !important
}

.ring-2 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-4 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-gray-200 {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)) !important
}

.ring-slate-50 {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity)) !important
}

.filter {
	-webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.backdrop-opacity-30 {
	--tw-backdrop-opacity: opacity(0.3) !important;
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.transition {
	-webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	-webkit-transition-duration: 150ms !important;
	transition-duration: 150ms !important
}

.transition-all {
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	-webkit-transition-duration: 150ms !important;
	transition-duration: 150ms !important
}

.duration-500 {
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important
}

.ease-in-out {
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important
}

body {
	margin: 0;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	line-height: 28px;
	--tw-text-opacity: 1;
	color: rgb(22 28 45 / var(--tw-text-opacity))
}

body:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

p {
	line-height: 1.625
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "DM Sans", sans-serif;
	line-height: 1.5
}

::-moz-selection {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

::selection {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

.space-x-4 > * + * {
	margin-left: 1rem; /* 1rem is equivalent to Tailwind's spacing scale of 4 */
}


.topbar-right {
	position: relative;
	background: #ff8000;
}

.topbar-right::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	top: 0;
	left: -15px;
	transform: skewX(-30deg);
	background-color: #ff8000;
}


#topnav {
	position: fixed;
	inset-inline-start: 0px;
	inset-inline-end: 0px;
	top: 20;
	z-index: 999;
	border-width: 0;
	background-color: white !important;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#topnav .logo {
	--tw-text-opacity: 1 !important;
	color: rgb(22 28 45 / var(--tw-text-opacity)) !important
}

#topnav .logo:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

#topnav .logo:where([dir=ltr],[dir=ltr] *) {
	float: left !important
}

#topnav .logo:where([dir=rtl],[dir=rtl] *) {
	float: right !important
}

#topnav .logo .l-dark {
	display: none
}

#topnav .logo .l-light {
	display: inline-block
}

#topnav .logo:focus {
	outline: transparent solid 2px;
	outline-offset: 2px
}

#topnav .has-submenu {
	position: relative
}

#topnav .has-submenu.active a {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

#topnav .has-submenu.active a:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(15 23 42 / var(--tw-text-opacity))
}

#topnav .has-submenu.active .submenu li.active > a {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav .has-submenu.active .submenu li.active > a:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav .has-submenu.active.active .menu-arrow {
	border-top-color: transparent !important;
	border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	border-inline-start-color: transparent !important
}

.bg-blend-normal {
	background-blend-mode: normal;
}

#topnav .has-submenu .submenu .submenu-arrow {
	position: absolute;
	inset-inline-end: 1.25rem;
	top: 15px;
	display: inline-block;
	border-radius: 2px;
	border-width: 3px;
	border-top-color: transparent;
	border-inline-end-color: rgb(22 28 45 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(22 28 45 / var(--tw-border-opacity));
	border-inline-start-color: transparent
}

#topnav .has-submenu .submenu .submenu-arrow:is(.dark *) {
	border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
}

#topnav .has-submenu .submenu .submenu-arrow:where([dir=ltr],[dir=ltr] *) {
	--tw-rotate: -45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .has-submenu .submenu .submenu-arrow:where([dir=rtl],[dir=rtl] *) {
	--tw-rotate: 45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow, #topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover > .submenu-arrow, #topnav .has-submenu .submenu .has-submenu.active > .submenu-arrow, #topnav .has-submenu .submenu .has-submenu:hover > .submenu-arrow {
	border-top-color: transparent;
	border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity));
	border-inline-start-color: transparent
}

#topnav .navbar-toggle {
	position: relative;
	margin: 0;
	cursor: pointer;
	border-width: 0;
	padding: 0
}

#topnav .navbar-toggle .lines {
	position: relative;
	margin-top: 30px;
	-webkit-margin-start: 10px;
	margin-inline-start: 10px;
	-webkit-margin-end: 0;
	margin-inline-end: 0;
	margin-bottom: 26px;
	display: block;
	height: 18px;
	width: 25px
}

#topnav .navbar-toggle span {
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	margin-bottom: 5px;
	display: block;
	height: 2px;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(22 28 45 / var(--tw-bg-opacity))
}

#topnav .navbar-toggle span:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

#topnav .navbar-toggle span:last-child {
	margin-bottom: 0
}

#topnav .navbar-toggle.open span {
	position: absolute
}

#topnav .navbar-toggle.open span:first-child {
	top: 6px;
	--tw-rotate: 45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .navbar-toggle.open span:nth-child(2) {
	visibility: hidden
}

#topnav .navbar-toggle.open span:last-child {
	top: 6px;
	width: 100%;
	--tw-rotate: -45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .navbar-toggle.open span:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity))
}

#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus, #topnav .navbar-toggle:hover {
	background-color: transparent
}

#topnav .buy-button {
	line-height: 74px
}

#topnav .buy-button:where([dir=ltr],[dir=ltr] *) {
	float: right
}

#topnav .buy-button:where([dir=rtl],[dir=rtl] *) {
	float: left
}

#topnav .buy-button > li {
	line-height: initial
}

#topnav .buy-button .btn-icon-dark, #topnav .buy-button .login-btn-primary {
	display: none
}

#topnav .buy-button .btn-icon-light, #topnav .buy-button .login-btn-light {
	display: inline-block
}

#topnav .buy-button .search-bar .menu-search form {
	position: relative
}

#topnav .buy-button .search-bar .searchform::after {
	pointer-events: none !important;
	position: absolute !important;
	inset-inline-end: 14px !important;
	top: 14px !important;
	font-size: 1.25rem !important;
	content: var(--tw-content) !important;
	line-height: 1.25rem !important
}

#topnav .buy-button .search-bar .searchform input[type=text] {
	display: block !important;
	height: 2.75rem !important;
	padding-top: .625rem !important;
	padding-bottom: .625rem !important;
	-webkit-padding-end: 42px !important;
	padding-inline-end: 42px !important;
	-webkit-padding-start: 0.75rem !important;
	padding-inline-start: 0.75rem !important;
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	outline: transparent solid 2px !important;
	outline-offset: 2px !important
}

#topnav .buy-button .search-bar .searchform input[type=submit] {
	display: none
}

#topnav .buy-button .search-bar .searchform:after {
	content: "󰍉";
	font-family: "Material Design Icons"
}

#topnav .buy-button .dropdown .dropdown-toggle::after, #topnav .buy-menu-btn .dropdown .dropdown-toggle::after {
	content: var(--tw-content);
	display: none
}

#topnav .navigation-menu {
	margin: 0;
	list-style-type: none;
	padding: 0
}

#topnav .navigation-menu > li {
	position: relative;
	margin: 0 0px;
	display: block
}

#topnav .navigation-menu > li:where([dir=ltr],[dir=ltr] *) {
	float: left
}

#topnav .navigation-menu > li:where([dir=rtl],[dir=rtl] *) {
	float: right
}

#topnav .navigation-menu > li > a {
	display: block;
	background-color: transparent;
	padding-left: 15px;
	padding-right: 15px;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5rem;
	letter-spacing: 1px;
	--tw-text-opacity: 1;
	color: rgb(22 28 45 / var(--tw-text-opacity))
}

#topnav .navigation-menu > li > a:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

#topnav .navigation-menu > li > a:active, #topnav .navigation-menu > li > a:hover {
	--tw-text-opacity: 1;
	color: rgb(249 115 22 / var(--tw-text-opacity))
}

#topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li:hover > a {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav .navigation-menu > li.active > a:is(.dark *), #topnav .navigation-menu > li:hover > a:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {
	white-space: nowrap !important;
	padding: 10px 1.25rem !important;
	font-size: .75rem !important;
	line-height: 1rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	--tw-text-opacity: 1 !important;
	color: rgb(148 163 184 / var(--tw-text-opacity)) !important
}

#topnav .navigation-menu > li .submenu li {
	position: relative;
	margin-left: 0;
	margin-right: 0
}

#topnav .navigation-menu .has-submenu .menu-arrow {
	position: absolute;
	inset-inline-end: 0px;
	top: 33px;
	display: inline-block;
	border-radius: 2px;
	border-width: 3px;
	border-top-color: transparent;
	border-inline-end-color: rgb(22 28 45 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(22 28 45 / var(--tw-border-opacity));
	border-inline-start-color: transparent;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

#topnav .navigation-menu .has-submenu .menu-arrow:is(.dark *) {
	border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
}

#topnav .navigation-menu .has-submenu .menu-arrow:where([dir=ltr],[dir=ltr] *) {
	--tw-rotate: 45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .navigation-menu .has-submenu .menu-arrow:where([dir=rtl],[dir=rtl] *) {
	--tw-rotate: -45deg;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#topnav .menu-extras:where([dir=ltr],[dir=ltr] *) {
	float: right
}

#topnav .menu-extras:where([dir=rtl],[dir=rtl] *) {
	float: left
}

#topnav.scroll {
	border-style: none;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15);
	--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#topnav.scroll:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

#topnav.scroll .navigation-menu > li > a {
	--tw-text-opacity: 1;
	color: rgb(22 28 45 / var(--tw-text-opacity))
}

#topnav.scroll .navigation-menu > li > a:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

#topnav.scroll .navigation-menu > li > .menu-arrow {
	border-top-color: transparent;
	border-inline-end-color: rgb(22 28 45 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(22 28 45 / var(--tw-border-opacity));
	border-inline-start-color: transparent
}

#topnav.scroll .navigation-menu > li > .menu-arrow:is(.dark *) {
	border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity));
	--tw-border-opacity: 1;
	border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
}

#topnav.scroll .navigation-menu > li.active > a, #topnav.scroll .navigation-menu > li:hover > a {
	--tw-text-opacity: 1;
	color: rgb(249 115 22 / var(--tw-text-opacity))
}

#topnav.scroll .navigation-menu > li.active > .menu-arrow, #topnav.scroll .navigation-menu > li:hover > .menu-arrow {
	border-top-color: transparent !important;
	border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	border-inline-start-color: transparent !important
}

#topnav.defaultscroll.dark-menubar .logo {
	line-height: 70px
}

#topnav.defaultscroll.scroll .logo {
	line-height: 62px
}

#topnav.nav-sticky {
	background-color: rgb(255 255 255 / 1);
	--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15);
	--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	--tw-backdrop-blur: blur(12px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#topnav.nav-sticky:is(.dark *) {
	background-color: rgb(15 23 42 / .8);
	--tw-shadow-color: #374151;
	--tw-shadow: var(--tw-shadow-colored)
}

#topnav.nav-sticky .navigation-menu.nav-light > li > a {
	--tw-text-opacity: 1;
	color: rgb(22 28 45 / var(--tw-text-opacity))
}

#topnav.nav-sticky .navigation-menu.nav-light > li > a:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow {
	border-top-color: transparent !important;
	border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	border-inline-start-color: transparent !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow:is(.dark *), #topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow:is(.dark *) {
	border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity)) !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a:is(.dark *), #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
	border-top-color: transparent !important;
	border-inline-end-color: rgb(22 28 45 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(22 28 45 / var(--tw-border-opacity)) !important;
	border-inline-start-color: transparent !important
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow:is(.dark *) {
	border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

#topnav.nav-sticky.tagline-height {
	top: 0 !important
}

#topnav.nav-sticky .buy-button .btn-icon-dark, #topnav.nav-sticky .buy-button .login-btn-primary {
	display: inline-block
}

#topnav.nav-sticky .buy-button .btn-icon-light, #topnav.nav-sticky .buy-button .login-btn-light {
	display: none
}

#topnav.nav-sticky .buy-button .search-dropdown .dark-icon {
	display: inline-block
}

#topnav.nav-sticky .buy-button .search-dropdown .white-icon {
	display: none
}

#topnav.nav-sticky .logo .l-dark {
	display: inline-block
}

#topnav.nav-sticky .logo .l-light {
	display: none
}

.justify-end {
	justify-content: end;
}

.logo {
	-webkit-margin-end: 15px;
	margin-inline-end: 15px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 24px;
	font-weight: 600;
	line-height: 68px;
	letter-spacing: 1px
}

@media (min-width: 1025px) {
	#topnav .navigation-menu > li .submenu.megamenu {
		width: 1116px !important
	}
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
	#topnav .navigation-menu > li .submenu.megamenu {
		width: 936px !important
	}
}

@media (min-width: 992px) {
	#topnav .navigation-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	#topnav .navigation-menu.justify-end > li:last-child {
		-webkit-margin-end: 0;
		margin-inline-end: 0
	}

	#topnav .navigation-menu.justify-end > li:last-child > .sub-menu-item {
		-webkit-padding-end: 0px !important;
		padding-inline-end: 0px !important
	}

	#topnav .navigation-menu.justify-start > li:first-child {
		-webkit-margin-start: 0px;
		margin-inline-start: 0
	}

	#topnav .navigation-menu > li .submenu {
		-webkit-transition: .2s;
		transition: .2s;
		visibility: hidden;
		position: absolute;
		top: 100%;
		inset-inline-start: 0px;
		z-index: 1000;
		margin-top: 10px;
		min-width: 180px;
		list-style-type: none;
		border-radius: .375rem;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		padding: 15px 0;
		opacity: 0;
		--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15);
		--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
		-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	#topnav .navigation-menu > li .submenu:is(.dark *) {
		--tw-bg-opacity: 1;
		background-color: rgb(15 23 42 / var(--tw-bg-opacity));
		--tw-shadow-color: #374151;
		--tw-shadow: var(--tw-shadow-colored)
	}

	#topnav .navigation-menu > li .submenu li {
		position: relative;
		-webkit-margin-start: 0px;
		margin-inline-start: 0
	}

	#topnav .navigation-menu > li .submenu li a {
		-webkit-transition: .3s;
		transition: .3s;
		clear: both;
		display: block;
		white-space: nowrap;
		padding: 10px 1.25rem;
		font-size: 14px;
		font-weight: 400;
		line-height: 17px;
		letter-spacing: .04em;
		--tw-text-opacity: 1;
		color: rgb(22 28 45 / var(--tw-text-opacity))
	}

	#topnav .navigation-menu > li .submenu li a:is(.dark *) {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	#topnav .navigation-menu > li .submenu li a:hover {
		--tw-text-opacity: 1 !important;
		color: rgb(249 115 22 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li .submenu li a:hover:is(.dark *) {
		--tw-text-opacity: 1 !important;
		color: rgb(249 115 22 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li .submenu li ul {
		margin: 0;
		list-style-type: none;
		-webkit-padding-start: 0px;
		padding-inline-start: 0px
	}

	#topnav .navigation-menu > li .submenu.megamenu {
		position: fixed;
		inset-inline-start: 50%;
		top: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		white-space: nowrap
	}

	#topnav .navigation-menu > li .submenu.megamenu:where([dir=ltr],[dir=ltr] *) {
		--tw-translate-x: -50%;
		-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	#topnav .navigation-menu > li .submenu.megamenu:where([dir=rtl],[dir=rtl] *) {
		--tw-translate-x: 50%;
		-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	#topnav .navigation-menu > li .submenu.megamenu > li {
		width: 20%;
		overflow: hidden;
		vertical-align: top
	}

	#topnav .navigation-menu > li .submenu.megamenu > li .submenu {
		inset-inline-start: 100%;
		inset-inline-end: 100%;
		top: 0;
		-webkit-margin-start: 10px;
		margin-inline-start: 10px;
		margin-top: -1px
	}

	#topnav .navigation-menu > li .submenu > li .submenu {
		inset-inline-start: 101%;
		top: 0;
		-webkit-margin-start: 10px;
		margin-inline-start: 10px;
		margin-top: -1px
	}

	#topnav .navigation-menu > li > a {
		min-height: 62px;
		padding-top: 25px;
		padding-bottom: 25px
	}

	#topnav .navigation-menu > li:hover > .menu-arrow {
		border-top-color: transparent !important;
		border-inline-end-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
		--tw-border-opacity: 1 !important;
		border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity)) !important;
		border-inline-start-color: transparent !important
	}

	#topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li:hover > a {
		--tw-text-opacity: 1 !important;
		color: rgb(249 115 22 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li.active > a:is(.dark *), #topnav .navigation-menu > li:hover > a:is(.dark *) {
		--tw-text-opacity: 1 !important;
		color: rgb(249 115 22 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li.last-elements .submenu {
		inset-inline-start: auto;
		inset-inline-end: 0px
	}

	#topnav .navigation-menu > li.last-elements .submenu::before {
		inset-inline-start: auto;
		content: var(--tw-content);
		inset-inline-end: 10px
	}

	#topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
		inset-inline-start: auto;
		inset-inline-end: 100%;
		-webkit-margin-start: 0px;
		margin-inline-start: 0;
		-webkit-margin-end: 10px;
		margin-inline-end: 10px
	}

	#topnav .navigation-menu.nav-light > li > a {
		color: rgb(255 255 255 / .5)
	}

	#topnav .navigation-menu.nav-light > li.active > a {
		--tw-text-opacity: 1 !important;
		color: rgb(255 255 255 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu.nav-light > li:hover > .menu-arrow {
		border-top-color: transparent !important;
		border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
		--tw-border-opacity: 1 !important;
		border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
		border-inline-start-color: transparent !important
	}

	#topnav .navigation-menu.nav-light > li:hover > a {
		--tw-text-opacity: 1 !important;
		color: rgb(255 255 255 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
		border-top-color: transparent !important;
		border-inline-end-color: rgb(255 255 255 / 0.5) !important;
		border-bottom-color: rgb(255 255 255 / .5) !important;
		border-inline-start-color: transparent !important
	}

	#topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
		border-top-color: transparent !important;
		border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
		--tw-border-opacity: 1 !important;
		border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
		border-inline-start-color: transparent !important
	}

	#topnav .buy-button {
		-webkit-margin-start: 15px;
		margin-inline-start: 15px;
		-webkit-padding-start: 15px;
		padding-inline-start: 15px
	}

	#topnav .buy-button .search-dropdown .dark-icon {
		display: none
	}

	#topnav .buy-button .search-dropdown .white-icon {
		display: inline-block
	}

	#topnav .navbar-toggle {
		display: none
	}

	#topnav #navigation {
		display: block !important
	}

	#topnav.scroll {
		top: 0
	}

	#topnav.scroll .navigation-menu > li > a {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	#topnav.scroll-active .navigation-menu > li > a {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media (max-width: 991px) {
	#topnav {
		min-height: 74px;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15);
		--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
		-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	#topnav:is(.dark *) {
		--tw-bg-opacity: 1;
		background-color: rgb(15 23 42 / var(--tw-bg-opacity));
		--tw-shadow-color: #374151;
		--tw-shadow: var(--tw-shadow-colored)
	}

	#topnav .logo .l-dark {
		display: inline-block !important
	}

	#topnav .logo .l-light {
		display: none !important
	}

	#topnav .container {
		width: auto
	}

	#topnav #navigation {
		max-height: 400px;
		--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15);
		--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
		-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	#topnav .navigation-menu, #topnav .navigation-menu > li {
		float: none !important
	}

	#topnav .navigation-menu > li .submenu {
		margin: 0;
		display: none;
		list-style-type: none;
		-webkit-padding-start: 1.25rem;
		padding-inline-start: 1.25rem
	}

	#topnav .navigation-menu > li .submenu li a {
		-webkit-transition: .3s;
		transition: .3s;
		position: relative !important;
		display: block !important;
		padding: 7px 15px !important;
		letter-spacing: .04em !important;
		--tw-text-opacity: 1 !important;
		color: rgb(22 28 45 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li .submenu li a:is(.dark *) {
		--tw-text-opacity: 1 !important;
		color: rgb(255 255 255 / var(--tw-text-opacity)) !important
	}

	#topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {
		padding: 7px 15px
	}

	#topnav .navigation-menu > li .submenu.megamenu > li > ul {
		list-style-type: none;
		-webkit-padding-start: 0px;
		padding-inline-start: 0px
	}

	#topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: .75rem;
		line-height: 1rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		--tw-text-opacity: 1;
		color: rgb(226 232 240 / var(--tw-text-opacity))
	}

	#topnav .navigation-menu > li .submenu.open {
		display: block
	}

	#topnav .navigation-menu > li .submenu .submenu {
		display: none;
		list-style-type: none
	}

	#topnav .navigation-menu > li .submenu .submenu.open {
		display: block
	}

	#topnav .navigation-menu > li > a {
		padding: 10px 20px;
		--tw-text-opacity: 1;
		color: rgb(22 28 45 / var(--tw-text-opacity))
	}

	#topnav .navigation-menu > li > a::after {
		position: absolute;
		content: var(--tw-content);
		inset-inline-end: 15px
	}

	#topnav .navigation-menu > li > a:is(.dark *) {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	#topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a, #topnav .navigation-menu > li > a:hover {
		--tw-text-opacity: 1;
		color: rgb(249 115 22 / var(--tw-text-opacity))
	}

	#topnav .menu-extras .menu-item {
		--tw-border-opacity: 1;
		border-color: rgb(229 231 235 / var(--tw-border-opacity))
	}

	#topnav .menu-extras .menu-item:is(.dark *) {
		--tw-border-opacity: 1;
		border-color: rgb(55 65 81 / var(--tw-border-opacity))
	}

	#topnav .navbar-header:where([dir=ltr],[dir=ltr] *) {
		float: left
	}

	#topnav .navbar-header:where([dir=rtl],[dir=rtl] *) {
		float: right
	}

	#topnav .buy-button .btn-icon-dark, #topnav .buy-button .login-btn-primary {
		display: inline-block !important
	}

	#topnav .buy-button .btn-icon-light, #topnav .buy-button .login-btn-light {
		display: none
	}

	#topnav .buy-button .search-dropdown .dark-icon {
		display: inline-block
	}

	#topnav .buy-button .search-dropdown .white-icon {
		display: none
	}

	#topnav .has-submenu .submenu .submenu-arrow {
		position: absolute;
		inset-inline-end: 1.25rem;
		top: .75rem
	}

	#topnav .has-submenu .submenu .submenu-arrow:where([dir=ltr],[dir=ltr] *) {
		--tw-rotate: 45deg;
		-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	#topnav .has-submenu.active a {
		--tw-text-opacity: 1;
		color: rgb(249 115 22 / var(--tw-text-opacity))
	}

	#navigation {
		position: absolute;
		top: 74px;
		inset-inline-start: 0px;
		display: none;
		height: auto;
		width: 100%;
		overflow: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	#navigation:is(.dark *) {
		--tw-bg-opacity: 1;
		background-color: rgb(15 23 42 / var(--tw-bg-opacity))
	}

	#navigation.open {
		display: block;
		overflow-y: auto
	}
}

@media (max-width: 768px) {
	#topnav .navigation-menu .has-submenu .menu-arrow {
		inset-inline-end: 0.5rem;
		top: 1rem
	}
}

@media (min-width: 768px) {
	#topnav .navigation-menu > li.has-submenu:hover > .submenu {
		visibility: visible;
		margin-top: 0;
		opacity: 1
	}

	#topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu, #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu > li:hover > .submenu {
		visibility: visible;
		-webkit-margin-start: 0px;
		margin-inline-start: 0;
		-webkit-margin-end: 0;
		margin-inline-end: 0;
		opacity: 1
	}

	.navbar-toggle {
		display: block
	}
}

@media (max-width: 425px) {
	#topnav .buy-menu-btn {
		margin: 0 10px !important;
		display: block !important;
		padding: 10px 1.25rem !important
	}

	#topnav .buy-menu-btn .dropdown .dropdown-menu.show {
		-webkit-transform: translate3d(0, -54px, 0) !important;
		transform: translate3d(0, -54px, 0) !important
	}
}

.tagline {
	position: absolute;
	z-index: 99;
	width: 100%;
	padding: 13px 0;
	font-size: .875rem;
	line-height: 1.25rem
}

@media screen and (max-width: 575px) {
	.tagline {
		display: none
	}

	.tagline-height {
		top: 0 !important
	}
}

@media (min-width: 576px) {
	/*.tagline-height {*/
	/*	top: 47px !important*/
	/*}*/
}

.sidebar-nav {
	padding: 15px 0
}

.sidebar-nav > .navbar-item {
	padding: 3px 15px
}

.sidebar-nav > .navbar-item .navbar-link {
	font-size: 15px;
	font-weight: 600
}

.sidebar-nav > .navbar-item .navbar-link .navbar-icon {
	-webkit-margin-end: 6px;
	margin-inline-end: 6px;
	font-size: 18px;
	line-height: 28px
}

.sidebar-nav li.active a, .sidebar-nav > .navbar-item.active .navbar-link, .sidebar-nav > .navbar-item:hover .navbar-link {
	--tw-text-opacity: 1;
	color: rgb(249 115 22 / var(--tw-text-opacity))
}

.sidebar-nav li.account-menu.active .navbar-link, .sidebar-nav li.account-menu:hover .navbar-link {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

.sidebar-nav li.account-menu.active .navbar-link:is(.dark *), .sidebar-nav li.account-menu:hover .navbar-link:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.container {
	position: relative
}

#preloader {
	background-image: linear-gradient(45deg, #fff, #fff);
	z-index: 99999;
	position: fixed;
	inset: 0px
}

#preloader #status {
	position: absolute;
	inset-inline-start: 0px;
	inset-inline-end: 0px;
	top: 50%;
	--tw-translate-y: -50%;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#preloader #status .spinner {
	position: relative;
	margin: 100px auto;
	height: 2.5rem;
	width: 2.5rem
}

#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {
	position: absolute;
	top: 0;
	inset-inline-start: 0px;
	height: 100%;
	width: 100%;
	border-radius: 9999px;
	background-color: rgb(16 185 129 / .6);
	-webkit-animation: 2s ease-in-out infinite sk-bounce;
	animation: 2s ease-in-out infinite sk-bounce
}

#preloader #status .spinner .double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.label .ball {
	-webkit-transition: -webkit-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear, -webkit-transform .2s linear;
	--tw-translate-x: 0px;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checkbox:checked + .label .ball {
	--tw-translate-x: 1.5rem;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tobii > button.tobii__close svg, .tobii > button.tobii__next svg, .tobii > button.tobii__prev svg {
	height: 2.25rem;
	width: auto
}

.tobii__counter {
	font-size: 16px;
	line-height: 28px
}

.tobii-zoom {
	display: block
}

.tobii-zoom__icon {
	display: none
}

#grid {
	padding: 0
}

@media (max-width: 640px) {
	[data-type] iframe, [data-type] video {
		width: 500px;
		height: 300px
	}
}

@media (max-width: 425px) {
	[data-type] iframe, [data-type] video {
		width: 360px;
		height: 260px
	}
}

@media (max-width: 375px) {
	[data-type] iframe, [data-type] video {
		width: 100%;
		height: auto
	}
}

.img-display {
	overflow: hidden
}

.tns-nav {
	margin-top: .75rem;
	text-align: center
}

.tns-nav button {
	margin: .25rem;
	border-radius: 9999px;
	border-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity));
	background-color: rgb(22 28 45 / .2);
	padding: 2px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.tns-nav button:is(.dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(15 23 42 / var(--tw-border-opacity));
	background-color: rgb(255 255 255 / .2)
}

.tns-nav button.tns-nav-active {
	--tw-border-opacity: 1;
	border-color: rgb(249 115 22 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity))
}

.tns-controls button[data-controls=next], .tns-controls button[data-controls=prev] {
	position: absolute;
	top: 50%;
	z-index: 10;
	height: 2rem;
	width: 2rem;
	--tw-translate-y: -50%;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border-radius: 9999px;
	border-width: 0;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	font-size: 16px;
	line-height: 28px;
	--tw-text-opacity: 1;
	color: rgb(60 72 88 / var(--tw-text-opacity));
	--tw-shadow: 0 5px 13px rgb(60 72 88 / 0.20);
	--tw-shadow-colored: 0 5px 13px var(--tw-shadow-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.tns-controls button[data-controls=next]:is(.dark *), .tns-controls button[data-controls=prev]:is(.dark *) {
	--tw-bg-opacity: 1;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	--tw-shadow-color: #374151;
	--tw-shadow: var(--tw-shadow-colored)
}

.tns-controls button[data-controls=next]:hover, .tns-controls button[data-controls=prev]:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tns-controls button[data-controls=prev] {
	inset-inline-start: 0px
}

.tns-controls button[data-controls=next] {
	inset-inline-end: 0px
}

html[dir=rtl] .swiper-slider-hero, html[dir=rtl] .tns-inner, html[dir=rtl] .tns-nav {
	direction: ltr !important
}

html[dir=rtl] .tns-visually-hidden {
	left: 0 !important;
	visibility: hidden
}

.swiper-slider-hero .swiper-container .swiper-button-next:before, .swiper-slider-hero .swiper-container .swiper-button-prev:before {
	font-family: "Material Design Icons"
}

.swiper-slider-hero .swiper-container .swiper-button-prev:before {
	content: "󰅁"
}

.swiper-slider-hero .swiper-container .swiper-button-next:before {
	content: "󰅂"
}

.swiper-slider-hero .swiper-pagination-bullet {
	background-color: transparent;
	font-weight: 600;
	color: rgb(15 23 42 / .5)
}

.swiper-slider-hero .swiper-pagination-bullet:is(.dark *) {
	color: rgb(255 255 255 / .5)
}

.swiper-slider-hero .swiper-pagination-bullet-active {
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(15 23 42 / var(--tw-text-opacity))
}

.swiper-slider-hero .swiper-pagination-bullet-active:is(.dark *) {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
}

.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-slider-hero .swiper-pagination-custom, .swiper-slider-hero .swiper-pagination-fraction {
	bottom: 45px
}

.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px
}

#countdown .count-down .count-number {
	height: 130px;
	width: 130px;
	border-radius: 9999px;
	background-color: rgb(255 255 255 / .1);
	font-size: 40px;
	line-height: 110px;
	--tw-shadow: 0 5px 13px rgb(60 72 88 / 0.20);
	--tw-shadow-colored: 0 5px 13px var(--tw-shadow-color);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

#countdown .count-down .count-head {
	position: relative;
	display: block;
	--tw-translate-y: -25px;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	font-size: .875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px
}

#maintenance .indicator {
	font-size: 18px;
	line-height: 28px
}

.error {
	margin: .5rem 0;
	display: none;
	--tw-text-opacity: 1;
	color: rgb(220 38 38 / var(--tw-text-opacity))
}

#ajaxsuccess {
	clear: both;
	margin: .5rem 0;
	display: none;
	width: 100%;
	font-size: 16px;
	line-height: 28px
}

#success_page, .error_message {
	margin-bottom: 1.25rem;
	border-radius: .375rem;
	padding: .625rem;
	text-align: center
}

.error_message {
	background-color: rgb(220 38 38 / .05);
	--tw-text-opacity: 1;
	color: rgb(220 38 38 / var(--tw-text-opacity))
}

.contact-loader {
	display: none
}

#success_page {
	background-color: rgb(16 185 129 / .05);
	--tw-text-opacity: 1;
	color: rgb(16 185 129 / var(--tw-text-opacity))
}

.placeholder\:text-gray-200::-webkit-input-placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.placeholder\:text-gray-200::-moz-placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.placeholder\:text-gray-200:-ms-input-placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.placeholder\:text-gray-200::-ms-input-placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.placeholder\:text-gray-200::placeholder {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.hover\:border-orange-500:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(249 115 22 / var(--tw-border-opacity)) !important
}

.hover\:border-orange-600:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(234 88 12 / var(--tw-border-opacity)) !important
}

.hover\:border-slate-900:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgb(15 23 42 / var(--tw-border-opacity)) !important
}

.hover\:bg-gray-50:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important
}

.hover\:bg-orange-500:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important
}

.hover\:bg-orange-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(234 88 12 / var(--tw-bg-opacity)) !important
}

.hover\:bg-red-600:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important
}

.hover\:bg-slate-900:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important
}

.hover\:text-gray-400:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(156 163 175 / var(--tw-text-opacity)) !important
}

.hover\:text-orange-500:hover {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

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

.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 25px -3px rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 10px 25px -3px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.hover\:bg-primary:hover {
	background-color: rgba(255, 128, 0, 0.15);
}

.hover\:shadow-md:hover {
	--tw-shadow: 0 5px 13px rgb(60 72 88 / 0.20) !important;
	--tw-shadow-colored: 0 5px 13px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:border-orange-300:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgb(253 186 116 / var(--tw-border-opacity)) !important
}

.focus\:shadow-none:focus {
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:outline-none:focus {
	outline: transparent solid 2px !important;
	outline-offset: 2px !important
}

.focus\:ring:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-0:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-orange-200:focus {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity)) !important
}

.focus\:ring-opacity-50:focus {
	--tw-ring-opacity: 0.5 !important
}

.focus\:ring-offset-0:focus {
	--tw-ring-offset-width: 0px !important
}

.group:hover .group-hover\:bottom-3 {
	bottom: .75rem !important
}

.group:hover .group-hover\:bottom-5 {
	bottom: 1.25rem !important
}

.group:hover .group-hover\:scale-105 {
	--tw-scale-x: 1.05 !important;
	--tw-scale-y: 1.05 !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.group:hover .group-hover\:scale-110 {
	--tw-scale-x: 1.1 !important;
	--tw-scale-y: 1.1 !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.group:hover .group-hover\:text-orange-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

.group:hover .group-hover\:opacity-100 {
	opacity: 1 !important
}

.group:hover .group-hover\:shadow-lg {
	--tw-shadow: 0 10px 25px -3px rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 10px 25px -3px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.dark\:block:is(.dark *) {
	display: block !important
}

.dark\:inline-block:is(.dark *) {
	display: inline-block !important
}

.dark\:hidden:is(.dark *) {
	display: none !important
}

.dark\:border-gray-600:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important
}

.dark\:border-gray-700:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important
}

.dark\:border-gray-800:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(31 41 55 / var(--tw-border-opacity)) !important
}

.dark\:border-slate-800:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(30 41 59 / var(--tw-border-opacity)) !important
}

.dark\:bg-orange-500:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important
}

.dark\:bg-orange-500\/20:is(.dark *) {
	background-color: rgb(249 115 22 / .2) !important
}

.dark\:bg-slate-800:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important
}

.dark\:bg-slate-900:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important
}

.dark\:bg-slate-900\/70:is(.dark *) {
	background-color: rgb(15 23 42 / .7) !important
}

.dark\:bg-white:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.dark\:text-gray-100:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(243 244 246 / var(--tw-text-opacity)) !important
}

.dark\:text-gray-200:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(229 231 235 / var(--tw-text-opacity)) !important
}

.dark\:text-gray-400:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(156 163 175 / var(--tw-text-opacity)) !important
}

.dark\:text-gray-50:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 250 251 / var(--tw-text-opacity)) !important
}

.dark\:text-slate-200:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(226 232 240 / var(--tw-text-opacity)) !important
}

.dark\:text-slate-400:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(148 163 184 / var(--tw-text-opacity)) !important
}

.dark\:text-white:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.dark\:text-white\/70:is(.dark *) {
	color: rgb(255 255 255 / .7) !important
}

.dark\:shadow:is(.dark *) {
	--tw-shadow: 0 0 3px rgb(60 72 88 / 0.15) !important;
	--tw-shadow-colored: 0 0 3px var(--tw-shadow-color) !important;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.dark\:shadow-gray-700:is(.dark *) {
	--tw-shadow-color: #374151 !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

.dark\:shadow-gray-800:is(.dark *) {
	--tw-shadow-color: #1f2937 !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

.dark\:shadow-slate-800:is(.dark *) {
	--tw-shadow-color: #1e293b !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

.dark\:ring-slate-800:is(.dark *) {
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity)) !important
}

.dark\:hover\:border-gray-100:hover:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important
}

.dark\:hover\:border-orange-500:hover:is(.dark *) {
	--tw-border-opacity: 1 !important;
	border-color: rgb(249 115 22 / var(--tw-border-opacity)) !important
}

.dark\:hover\:bg-orange-500:hover:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(249 115 22 / var(--tw-bg-opacity)) !important
}

.dark\:hover\:bg-slate-100:hover:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important
}

.dark\:hover\:bg-slate-800:hover:is(.dark *) {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important
}

.dark\:hover\:text-orange-500:hover:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(249 115 22 / var(--tw-text-opacity)) !important
}

.dark\:hover\:text-slate-900:hover:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(15 23 42 / var(--tw-text-opacity)) !important
}

.dark\:hover\:text-white:hover:is(.dark *) {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.dark\:hover\:shadow-gray-700:hover:is(.dark *) {
	--tw-shadow-color: #374151 !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

.group:hover .group-hover\:dark\:shadow-gray-800:is(.dark *) {
	--tw-shadow-color: #1f2937 !important;
	--tw-shadow: var(--tw-shadow-colored) !important
}

@media (min-width: 640px) {
	.sm\:-mt-\[200px\] {
		margin-top: -200px !important
	}

	.sm\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important
	}
}

@media (min-width: 768px) {
	.md\:container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 12px;
		padding-left: 12px
	}

	@media (min-width: 540px) {
		.md\:container {
			max-width: 540px
		}
	}@media (min-width: 640px) {
	.md\:container {
		max-width: 640px;
		padding-right: 1rem;
		padding-left: 1rem
	}
}@media (min-width: 768px) {
	.md\:container {
		max-width: 768px
	}
}@media (min-width: 992px) {
	.md\:container {
		max-width: 992px
	}
}@media (min-width: 1024px) {
	.md\:container {
		max-width: 1024px;
		padding-right: 45px;
		padding-left: 45px
	}
}@media (min-width: 1280px) {
	.md\:container {
		max-width: 1280px;
		padding-right: 5rem;
		padding-left: 5rem
	}
}@media (min-width: 1536px) {
	.md\:container {
		max-width: 1536px;
		padding-right: 13rem;
		padding-left: 13rem
	}
}.md\:-end-24 {
	 inset-inline-end: -6rem !important
 }

	.md\:-start-24 {
		inset-inline-start: -6rem !important
	}

	.md\:order-1 {
		-webkit-box-ordinal-group: 2 !important;
		-ms-flex-order: 1 !important;
		order: 1 !important
	}

	.md\:order-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important
	}

	.md\:col-span-10 {
		grid-column: span 10/span 10 !important
	}

	.md\:col-span-12 {
		grid-column: span 12/span 12 !important
	}

	.md\:col-span-4 {
		grid-column: span 4/span 4 !important
	}

	.md\:col-span-5 {
		grid-column: span 5/span 5 !important
	}

	.md\:col-span-6 {
		grid-column: span 6/span 6 !important
	}

	.md\:col-span-7 {
		grid-column: span 7/span 7 !important
	}

	.md\:col-span-8 {
		grid-column: span 8/span 8 !important
	}

	.md\:col-start-2 {
		grid-column-start: 2 !important
	}

	.md\:-mt-48 {
		margin-top: -12rem !important
	}

	.md\:mb-0 {
		margin-bottom: 0 !important
	}

	.md\:me-2 {
		-webkit-margin-end: .5rem !important;
		margin-inline-end: .5rem !important
	}

	.md\:ms-6 {
		-webkit-margin-start: 1.5rem !important;
		margin-inline-start: 1.5rem !important
	}

	.md\:mt-0 {
		margin-top: 0 !important
	}

	.md\:mt-24 {
		margin-top: 6rem !important
	}

	.md\:mt-160 {
		margin-top: 10rem !important
	}

	.md\:mt-\[84px\] {
		margin-top: 84px !important
	}

	.md\:block {
		display: block !important
	}

	.md\:flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.md\:hidden {
		display: none !important
	}

	.md\:h-\[34rem\] {
		height: 34rem !important
	}

	.md\:h-\[44rem\] {
		height: 44rem !important
	}

	.md\:h-screen {
		height: 100vh !important
	}

	.md\:w-1\/2 {
		width: 50% !important
	}

	.md\:w-1\/3 {
		width: 33.333333% !important
	}

	.md\:w-2\/3 {
		width: 66.666667% !important
	}

	.md\:w-3\/4 {
		width: 75% !important
	}

	.md\:w-36 {
		width: 9rem !important
	}

	.md\:w-48 {
		width: 12rem !important
	}

	.md\:w-52 {
		width: 13rem !important
	}

	.md\:w-56 {
		width: 14rem !important
	}

	.md\:shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}

	.md\:grid-cols-12 {
		grid-template-columns:repeat(12, minmax(0, 1fr)) !important
	}

	.md\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important
	}

	.md\:grid-cols-3 {
		grid-template-columns:repeat(3, minmax(0, 1fr)) !important
	}

	.md\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr)) !important
	}

	.md\:rounded-md {
		border-radius: .375rem !important
	}

	.md\:bg-top {
		background-position: top !important
	}

	.md\:px-10 {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important
	}

	.md\:px-8 {
		padding-left: 2rem !important;
		padding-right: 2rem !important
	}

	.md\:px-3 {
		padding-left: .75rem !important;
		padding-right: .75rem !important
	}

	.md\:py-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.md\:py-10 {
		padding-top: 2.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.md\:pt-28 {
		padding-top: 7rem !important
	}

	.md\:pt-32 {
		padding-top: 8rem !important
	}

	.md\:text-start {
		text-align: start !important
	}

	.md\:text-end {
		text-align: end !important
	}

	.md\:text-base {
		font-size: 1rem !important;
		line-height: 1.5rem !important
	}

	.md\:text-3xl {
		font-size: 1.875rem !important;
		line-height: 2.25rem !important
	}

	.md\:text-5xl {
		font-size: 3rem !important;
		line-height: 1 !important
	}

	.md\:text-6xl {
		font-size: 3.75rem !important;
		line-height: 1 !important
	}

	.md\:text-4xl {
		font-size: 2.25rem;
	}

	.md\:text-7xl {
		font-size: 4.5rem !important;
		line-height: 1 !important
	}

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

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

	.md\:leading-normal {
		line-height: 1.5 !important
	}
}

.flex-wrap {
	flex-wrap: wrap;
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-ellipsis {
	text-overflow: ellipsis;
}

@media (min-width: 1024px) {
	.lg\:order-2 {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important
	}

	.lg\:order-3 {
		-webkit-box-ordinal-group: 4 !important;
		-ms-flex-order: 3 !important;
		order: 3 !important
	}

	.lg\:col-span-12 {
		grid-column: span 12/span 12 !important
	}

	.lg\:col-span-3 {
		grid-column: span 3/span 3 !important
	}

	.lg\:col-span-4 {
		grid-column: span 4/span 4 !important
	}

	.lg\:col-span-5 {
		grid-column: span 5/span 5 !important
	}

	.lg\:col-span-6 {
		grid-column: span 6/span 6 !important
	}

	.lg\:col-span-7 {
		grid-column: span 7/span 7 !important
	}

	.lg\:col-span-8 {
		grid-column: span 8/span 8 !important
	}

	.lg\:col-span-9 {
		grid-column: span 9/span 9 !important
	}

	.lg\:col-start-3 {
		grid-column-start: 3 !important
	}

	.lg\:mx-6 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.lg\:ms-5 {
		-webkit-margin-start: 1.25rem !important;
		margin-inline-start: 1.25rem !important
	}

	.lg\:ms-6 {
		-webkit-margin-start: 1.5rem !important;
		margin-inline-start: 1.5rem !important
	}

	.lg\:ms-8 {
		-webkit-margin-start: 2rem !important;
		margin-inline-start: 2rem !important
	}

	.lg\:mt-24 {
		margin-top: 6rem !important
	}

	.lg\:flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.lg\:h-\[614\.66px\] {
		height: 614.66px !important
	}

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

	.lg\:w-1\/3 {
		width: 33.333333% !important
	}

	.lg\:text-lg {
		font-size: 18px !important;
		line-height: 28px !important
	}

	.lg\:w-1\/4 {
		width: 25% !important
	}

	.lg\:w-2\/5 {
		width: 40% !important
	}

	.lg\:w-3\/4 {
		width: 75% !important
	}

	.lg\:w-4\/5 {
		width: 80% !important
	}

	.lg\:grid-cols-1 {
		grid-template-columns:repeat(1, minmax(0, 1fr)) !important
	}

	.lg\:grid-cols-12 {
		grid-template-columns:repeat(12, minmax(0, 1fr)) !important
	}

	.lg\:grid-cols-2 {
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important
	}

	.lg\:grid-cols-3 {
		grid-template-columns:repeat(3, minmax(0, 1fr)) !important
	}

	.lg\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr)) !important
	}

	.lg\:grid-cols-5 {
		grid-template-columns:repeat(5, minmax(0, 1fr)) !important
	}

	.lg\:justify-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.lg\:gap-6 {
		gap: 1.5rem !important
	}

	.lg\:px-20 {
		padding-left: 5rem !important;
		padding-right: 5rem !important
	}

	.lg\:py-20 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important
	}

	.lg\:py-24 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}

	.lg\:py-40 {
		padding-top: 10rem !important;
		padding-bottom: 10rem !important
	}

	.lg\:py-44 {
		padding-top: 11rem !important;
		padding-bottom: 11rem !important
	}

	.lg\:pb-24 {
		padding-bottom: 6rem !important
	}

	.lg\:text-\[72px\] {
		font-size: 72px !important
	}
}

@media (min-width: 1280px) {
	.xl\:h-\[738\.66px\] {
		height: 738.66px !important
	}

	.xl\:grid-cols-6 {
		grid-template-columns:repeat(6, minmax(0, 1fr)) !important
	}

	.xl\:grid-cols-4 {
		grid-template-columns:repeat(4, minmax(0, 1fr)) !important
	}
}

.ltr\:block:where([dir=ltr],[dir=ltr] *) {
	display: block !important
}

.ltr\:hidden:where([dir=ltr],[dir=ltr] *) {
	display: none !important
}

.ltr\:rotate-0:where([dir=ltr],[dir=ltr] *) {
	--tw-rotate: 0deg !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:-mt-1:where([dir=rtl],[dir=rtl] *) {
	margin-top: -.25rem !important
}

.rtl\:block:where([dir=rtl],[dir=rtl] *) {
	display: block !important
}

.rtl\:hidden:where([dir=rtl],[dir=rtl] *) {
	display: none !important
}

.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *) {
	--tw-rotate: 180deg !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

/*# sourceMappingURL=tailwind.min.css.map */
[data-path="cart"] .modal-backdrop {
	background-color: #f8f8f8;
}

.modal-backdrop.show {
	opacity: .8;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.fade {
	transition: opacity .15s linear;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	scrollbar-width: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal.show .modal-dialog {
	transform: none;
}

.modal.fade .modal-dialog {
	transition: transform .2s ease;
	transform: translateY(-15%);
}

.modal.show .modal-dialog {
	transform: none;
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0, -50px);
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 4.75rem auto;
	}
}

.modal .modal-content {
	border-color: #ededed;
}

@media (min-width: 576px) {
	.modal-content {
		box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5);
	}
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 12px;
	box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .5);
	outline: 0;
}

.modal .modal-header {
	position: sticky;
	top: 0;
	z-index: 3;
	background: inherit;
	padding: 7px 20px;
	border-bottom: 1px solid #ededed;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #e2e2e2;
	border-top-left-radius: calc(12px - 1px);
	border-top-right-radius: calc(12px - 1px);
}

.fill-width {
	flex: 1;
}

.modal .modal-header .modal-title {
	font-weight: 500;
	line-height: 2em;
	font-size: 1.125rem;
	max-width: calc(100% - 80px);
}

h4.modal-title {
	font-size: 1em;
	margin: 0px !important;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal .modal-header .btn-modal-close {
	padding: 4px 0;
}

.btn:not(.btn-md):not(.btn-lg) {
	padding: 4px 8px;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

.hide {
	display: none !important;
}

.btn-modal-close {
	display: inline-block;
	font-weight: 500;
	color: #525252;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	padding: .5rem 1rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: .375rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-link .icon, .btn-link .es-icon, .btn-link:hover {
	text-decoration: none !important;
}

.icon-sm {
	width: 16px;
	height: 16px;
}

.icon, .es-icon {
	display: inline-block;
	font-size: 0;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	fill: transparent;
	stroke: #383838;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

.btn-link {
	box-shadow: none !important;
	outline: none;
}

.btn-link {
	font-weight: 400;
	color: #171717;
	text-decoration: none;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 15px 20px;
}

.modal-content {
	pointer-events: auto;
}

.modal .modal-body .form-layout:last-child > .form-page .visible-section:last-child {
	padding-bottom: 0;
}

.modal .modal-body .form-layout:first-child > .form-page .visible-section:first-child {
	padding-top: 0;
}

.modal .form-section {
	padding: var(--padding-sm) 0;
}

.form-section {
	margin: 0px;
}

.modal .modal-body .form-layout:first-child > .form-page .visible-section:first-child .section-body {
	margin-top: 0;
}

.form-section .section-body {
	width: 100%;
	margin: 0;
	margin-top: 0px;
}

.form-section .section-body, .dialog-assignment-row {
	display: flex;
	flex-wrap: wrap;
}

.modal .form-section .form-column:first-child {
	padding-left: 0;
}

@media (min-width: 576px) {
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.col-sm-6 {
	position: relative;
	width: 100%;
	padding-right: 15px;
}

.frappe-control {
	font-size: 13px;
	font-weight: 420;
	letter-spacing: .02em;
}

.form-group {
	margin-bottom: 1rem;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.frappe-control .control-label.reqd::after {
	content: " *";
	color: #eb9091;
}

.frappe-control .help:empty {
	display: none;
}

.frappe-control[data-fieldtype="Data"] .control-input, .control-value {
	position: relative;
}

.form-control.bold {
	font-weight: 500;
}

.form-control {
	border: none;
	font-size: 13px;
	font-weight: 420;
	letter-spacing: .02em;
}

.form-control {
	border: none;
	height: 28px;
	font-size: 13px;
	font-weight: 420;
	letter-spacing: .02em;
	border-radius: 8px;
	padding: 6px 8px;
	position: relative;
}

.form-control {
	display: block;
	width: 100%;
	height: 28px;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #525252;
	background-color: #f3f3f3;
	background-clip: padding-box;
	border: 1px solid #f3f3f3;
	border-radius: .375rem;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control::placeholder {
	color: #7c7c7c;
	opacity: 1;
}

.tooltip-content {
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 9999;
	padding: 2px 6px;
	border-radius: var(--border-radius-sm);
	background-color: var(--bg-dark-gray);
	color: var(--text-dark);
	font-size: var(--text-xs);
	opacity: 0;
	cursor: copy;
	transition: opacity .3s, transform 3s;
	pointer-events: none;
}

.modal .form-section .form-column:last-child {
	padding-right: 0;
}

.frappe-control[data-fieldtype="Select"] .control-input, .frappe-control[data-fieldtype="Select"].form-group {
	position: relative;
}

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

.frappe-control[data-fieldtype="Select"] .control-input select, .frappe-control[data-fieldtype="Select"].form-group select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.form-control.bold {
	font-weight: 500;
}

select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-block: 0;
}

.ellipsis, .awesomplete > [role="listbox"] > li, .awesomplete > [role="listbox"] > [role="option"], .logged-in .nav-link {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.awesomplete .input-with-feedback {
	background-color: #f3f3f3;
	color: #8f8f8f;
}

.awesomplete > input {
	display: block;
}

.modal .awesomplete ul, .modal .awesomplete [role="listbox"] {
	z-index: 2;
}

.awesomplete > [role="listbox"] {
	position: absolute;
	width: 100%;
	list-style: none;
	background-color: white;
	max-height: min(60vh, 300px);
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 8px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0.5px 2px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.16);
	border: 1px solid #ededed;
	left: 0;
	margin: 0;
	padding: 5px;
	z-index: 4;
	min-width: 250px;
}

.awesomplete [hidden] {
	display: none;
}

[hidden] {
	display: none !important;
}

.awesomplete > [role="listbox"] > li:hover, .awesomplete > [role="listbox"] > li[aria-selected="true"], .awesomplete > [role="listbox"] > [role="option"]:hover, .awesomplete > [role="listbox"] > [role="option"][aria-selected="true"] {
	background-color: #f3f3f3;
	color: #8f8f8f;
}

.awesomplete > [role="listbox"] > li:not(:last-child), .awesomplete > [role="listbox"] > [role="option"]:not(:last-child) {
	margin-bottom: 5px;
}

.ellipsis, .awesomplete > [role="listbox"] > li, .awesomplete > [role="listbox"] > [role="option"], .logged-in .nav-link {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.awesomplete > [role="listbox"] > li, .awesomplete > [role="listbox"] > [role="option"] {
	cursor: pointer;
	font-size: 13px;
	font-weight: 420;
	letter-spacing: .02em;
	padding: 7px;
	color: #8f8f8f;
	border-radius: 8px;
	white-space: unset;
}

.frappe-control .link-btn {
	position: absolute;
	top: 0px;
	right: 4px;
	padding: 3px;
	z-index: 3;
}

.icon-xs {
	width: 12px;
	height: 12px;
}

.modal .modal-footer {
	position: sticky;
	bottom: 0;
	z-index: 1;
	background: inherit;
	padding: 15px 20px;
	justify-content: space-between;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: .75rem;
	border-top: 1px solid #e2e2e2;
	border-bottom-right-radius: calc(12px - 1px);
	border-bottom-left-radius: calc(12px - 1px);
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

element {
}

.btn:not(.btn-md):not(.btn-lg) {
	padding: 4px 8px;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.modal .modal-footer button {
	box-shadow: none;
}

.btn.btn-primary {
	background-color: rgb(249 115 22 /1) !important;
	color: var(--neutral);
	white-space: nowrap;
	--icon-stroke: currentColor;
	--icon-fill-bg: rgb(249 115 22 /1);
	border: none;
	border-radius: 8px;
	box-shadow: none;
	font-size: 13px;
	font-weight: 420;
	letter-spacing: .02em;
	color: white;
}

.address-card.active .check {
	display: inline-flex !important;
}

.address-card {
	cursor: pointer;
	position: relative;
}

.address-card.active {
	border-color: rgb(249 115 22 /1);
}

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

.col-sm-12 {
	width: 100% !important;
}

.modal .address-card .card-body {
	padding: 7px;
	border-radius: 8px;
	border: 1px solid #e2e2e2;
}

.address-card .card-body {
	max-width: 80%;
}

.card-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.check {
	color: #fff;
	font-size: 12px;
}

.check {
	display: inline-flex;
	padding: .25rem;
	background: rgb(249 115 22 /1);
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	width: 24px;
	height: 24px;
}

.web-list-table {
	overflow: auto;
}

.web-list-table .table {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	width: 100%;
}

.web-list-table .table thead tr th {
	border: 0;
	font-size: 13px;
	font-weight: normal;
	color: #525252;
}

.web-list-table .table thead tr th input[type="checkbox"] {
	margin-bottom: -2px;
}

.web-list-table .table tbody tr {
	color: #8f8f8f;
	cursor: pointer;
}

.web-list-table .table tbody tr td {
	font-size: 13px;
	border-top: 1px solid #ededed;
	max-width: 160px;
}

.web-list-table .table tbody tr td .ql-editor, .web-list-table .table tbody tr td p {
	width: max-content;
	max-width: 150px;
	margin-bottom: 0;
}

.web-list-table .table tbody tr td .ql-editor.read-mode, .web-list-table .table tbody tr td p.read-mode {
	display: inline-flex;
	gap: 5px;
}

.web-list-table .table input[type="checkbox"] {
	margin-top: 2px;
}

.web-list-table .table .list-col-checkbox {
	width: 1rem;
}

.web-list-table .table .list-col-serial {
	width: 1.5rem;
}

.web-list-table .no-result {
	min-height: 330px;
	border-top: 1px solid #ededed;
}

.web-list-table .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #e2e2e2;
}

.web-list-table .table th, .table td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #e2e2e2;
}

.web-list-table th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

.like-disabled-input {
	min-height: 28px;
	border-radius: 8px;
	padding: 4px 8px;
	cursor: default;
	color: #7c7c7c;
	background-color: #f8f8f8;
}

.filter-label.mb-3 {
	border-bottom-width: 1px !important
}


.our-team {
	padding: 30px 0 50px;
	margin-bottom: 30px;
	background-color: #f7f5ec;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.our-team .picture {
	display: inline-block;
	height: 130px;
	width: 130px;
	margin-bottom: 50px;
	z-index: 1;
	position: relative;
}

.our-team .picture::before {
	content: "";
	width: 100%;
	height: 0;
	border-radius: 50%;
	background-color: #FF8000;
	position: absolute;
	bottom: 135%;
	right: 0;
	left: 0;
	opacity: 0.9;
	transform: scale(3);
	transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
	height: 100%;
}

.our-team .picture::after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FF8000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.our-team .picture img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform: scale(1);
	transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
	box-shadow: 0 0 0 14px #f7f5ec;
	transform: scale(0.7);
}

.our-team .title {
	display: block;
	font-size: 15px;
	color: #4e5052;
	text-transform: capitalize;
}

.our-team .social {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #FF8000;
	position: absolute;
	bottom: -100px;
	left: 0;
	transition: all 0.5s ease 0s;
}

.our-team:hover .social {
	bottom: 0;
}

.our-team .social li {
	display: inline-block;
}

.our-team .social li a {
	display: block;
	padding: 10px;
	font-size: 17px;
	color: white;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.our-team .social li a:hover {
	color: #FF8000;
	background-color: #f7f5ec;
}


.btn-square, .btn-sm-square, .btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

.bg-light {
	background-color: #f5f5f5 !important;
}

.ps-4 {
	padding-left: 1.5rem !important;
}

.justify-content-center {
	justify-content: center !important;
}

.flex-column {
	flex-direction: column !important;
}

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

.position-relative {
	position: relative !important;
}

.d-flex {
	display: flex !important;
}

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

.img-fluid {
	max-width: 100%;
	height: auto;
}

.team-item .team-social {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	display: flex;;
	align-items: center;
	background: #FF8000;
	transition: .5s;
}

.btn-square, .btn-sm-square, .btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

.btn-square {
	width: 56px;
	height: 38px;
}

.team-item:hover .team-social {
	left: 0;
}

.btn-dark {
	color: #fff;
	background-color: #02245B;
	border-color: #02245B;
}

.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #5F656F;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: 0px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rounded-circle {
	border-radius: 50% !important;
}

.mx-1 {
	margin-right: .25rem !important;
	margin-left: .25rem !important;
}

.btn i {
	background-color: #0a0a0a;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

.facts {
	position: relative;
	background: #02245B;
}


.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.text-white {
	color: #fff !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.fs-5 {
	font-size: 1.25rem !important;
}

@media (min-width: 1200px) {
	.display-2 {
		font-size: 4.5rem;
	}
}

.display-2 {
	font-size: calc(.75rem + 3.9vw);
	font-weight: 600;
	line-height: 1.2;
}

.fai-3x {
	font-size: 2rem;
}

.fs-5 {
	font-size: 1.25rem !important;
}

.product-card {
	width: 100%;
	position: relative;
	box-shadow: 0 2px 7px #dfdfdf;
	background: #fafafa;
}

.badge {
	position: absolute;
	left: 0;
	top: 20px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	background: red;
	color: #fff;
	padding: 3px 10px;
}

.product-tumb {
	display: flex;
	align-items: center;
	justify-content: center;
}


.product-details {
	padding: 30px;
}

.product-catagory {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ccc;
	margin-bottom: 18px;
}

.product-details h4 a {
	font-weight: 500;
	display: block;
	margin-bottom: 18px;
	text-transform: uppercase;
	color: #363636;
	text-decoration: none;
	transition: 0.3s;
}

.product-details h4 a:hover {
	color: #ff8000;
}

.product-details p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 18px;
	color: #999;
}

.product-bottom-details {
	overflow: hidden;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.product-bottom-details div {
	float: left;
	width: 50%;
}

.product-price {
	font-size: 18px;
	color: #ff8000;
	font-weight: 600;
}

.product-price small {
	font-size: 80%;
	font-weight: 400;
	text-decoration: line-through;
	display: inline-block;
	margin-right: 5px;
}

.product-links {
	text-align: right;
}

.product-links a, .product-links button {
	background-color: #ff8000;
	display: inline-block;
	margin-left: 5px;
	color: #FFFFFF;
	transition: 0.3s;
	font-size: 17px;
	padding: 5px 10px;
	border-radius: 5px;
}

.product-links a:hover, .product-links button:hover {
	color: #ff8000;
	background-color: #FFFFFF;
}

.py-20 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}


/*** Header ***/
.carousel-caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	background: linear-gradient(to right, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%);
	z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
	width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: 3.5rem;
	height: 3.5rem;
	background-color: #FF8000;
	border: 15px solid #FF8000;
	border-radius: 3.5rem;
}

@media (max-width: 768px) {
	#header-carousel .carousel-item {
		position: relative;
		min-height: 450px;
	}

	#header-carousel .carousel-item img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.page-header {
	background: linear-gradient(to right, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%), url(../img/carousel-2.jpg) center center no-repeat;
	background-size: cover;
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
	color: var(--light);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
	font-size: 18px;
	color: var(--light);
}


/*** Features ***/
.btn-play {
	position: absolute;
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
	display: block;
	box-sizing: content-box;
	width: 16px;
	height: 26px;
	border-radius: 100%;
	border: none;
	outline: none !important;
	padding: 18px 20px 20px 28px;
	background: #FF8000;
}

@media (max-width: 992px) {
	.btn-play {
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
	}
}

.btn-play:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #FF8000;
	border-radius: 100%;
	animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: #FF8000;
	border-radius: 100%;
	transition: all 200ms;
}

.btn-play span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	left: -1px;
	border-left: 16px solid #FFFFFF;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
		opacity: 0;
	}
}

.modal-video .modal-dialog {
	position: relative;
	max-width: 800px;
	margin: 60px auto 0 auto;
}

.modal-video .modal-body {
	position: relative;
	padding: 0px;
}

.modal-video .close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0px;
	top: -30px;
	z-index: 999;
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000;
	opacity: 1;
}

.h-100 {
	width: 100%;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-start {
	align-self: flex-start !important;
}

@media (min-width: 1200px) {
	.display-5 {
		font-size: 3rem;
	}
}

.display-5 {
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 700;
	line-height: 1.2;
}


.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.btn-square, .btn-sm-square, .btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

.btn-lg-square {
	width: 48px;
	height: 48px;
}

.rounded-circle {
	border-radius: 50% !important;
}

.ms-4 {
	margin-left: 1.5rem !important;
}

.me-2 {
	margin-right: .5rem !important;
}

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

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

* Useful Classes *

/
.xy-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.transition {
	transition: all 350ms ease-in-out;
}

.r-3-2 {
	width: 100%;
	padding-bottom: 66.667%;
	background-color: #ddd;
}

.image-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Main Styles */
.gallery-wrapper {
	position: relative;
	overflow: hidden;
}

.gallery {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.item-wrapper {
	cursor: pointer;
	width: 23%; /* arbitrary value */
	display: inline-block;
	background-color: white;
}

.gallery-item {
	opacity: 0.5;
}

.gallery-item.active {
	opacity: 1;
}

.controls {
	font-size: 18px;
	border-top: none;
	display: flex;
}

.move-btnn {
	display: inline-block;
	width: 50%;
	border: none;
	color: #0E4190;
	/*color: #ccc;*/
	background-color: transparent;
	padding: 0.2em 1.5em;
}

.move-btnn:first-child {
	border-right: none;
}

.move-btnn.left {
	cursor: w-resize;
}

.move-btnn.right {
	cursor: e-resize;
}

.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.line-clamp-4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.product-details {
	position: relative; /* Ensures the child absolute container aligns within this */
	height: 250px; /* Ensures the parent container takes up a fixed height */
	overflow: hidden; /* Prevents overflowing content */
	border: 1px solid #ddd; /* Optional styling for card */
}

.product-content {
	padding: 1rem; /* Adds padding to content */
	margin-bottom: 4rem; /* Prevents content overlap with bottom section */
}

.product-bottom-details {
	position: absolute; /* Fixed at the bottom of the card */
	bottom: 0; /* Anchors to the bottom */
	left: 0;
	width: 100%; /* Full width */
	padding: 0.5rem 1rem; /* Adds spacing */
	display: flex;
	justify-content: space-between; /* Aligns price and cart button */
	align-items: center;
}

.team-image {
	display: flex;
	justify-content: center;
}

.newsletter-card {
	padding: 25px;
	opacity: 1;
}

.newsletter-bg {
	background-color: rgba(255, 255, 255, 0.1); /* Apply 10% opacity */
}

.chat-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}

#chat-toggler {
	background-color: transparent;
	color: white;
	border: none;
	cursor: pointer;
}

.chat-options {
	display: none;
	position: absolute;
	bottom: 50px;
	right: 0;
	margin-bottom: 10px;
	background: transparent;
	overflow: hidden;
	transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
	max-height: 0;
	opacity: 0;
}

.chat-options.show {
	max-height: 500px;
	opacity: 1;
}

.chat-options a {
	display: block;
	text-decoration: none;
}

#open-icon, #close-icon {
	transition: opacity 0.5s ease;
}

#open-icon.fade-out, #close-icon.fade-out {
	opacity: 0;
}

#open-icon.fade-in, #close-icon.fade-in {
	opacity: 1;
}

.header_bg {
	display: inline-block;
	background-image: url("/assets/ecommerce_theme/images/header_bg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: left;
}

.align-top {
	vertical-align: top;
}

.max-w-\[100\] {
	max-width: 100%;
}

.swiper-button-next, .swiper-button-prev {
	color: #fff !important;
}

/* Display 1 - Smallest */
@media (min-width: 1200px) {
	.display-1 {
		font-size: 2rem;
	}
}
.display-1 {
	font-size: calc(1rem + 1.5vw);
	font-weight: 600;
	line-height: 1.2;
}

/* Display 2 */
@media (min-width: 1200px) {
	.display-2 {
		font-size: 3rem;
	}
}
.display-2 {
	font-size: calc(1.25rem + 2vw);
	font-weight: 600;
	line-height: 1.2;
}

/* Display 3 */
@media (min-width: 1200px) {
	.display-3 {
		font-size: 3.75rem;
	}
}
.display-3 {
	font-size: calc(1.5rem + 2.5vw);
	font-weight: 600;
	line-height: 1.2;
}

/* Display 4 */
@media (min-width: 1200px) {
	.display-4 {
		font-size: 4.5rem;
	}
}
.display-4 {
	font-size: calc(1.75rem + 3vw);
	font-weight: 700;
	line-height: 1.2;
}

/* Display 5 - Largest */
@media (min-width: 1200px) {
	.display-5 {
		font-size: 5.5rem;
	}
}
.display-5 {
	font-size: calc(2rem + 3.5vw);
	font-weight: 700;
	line-height: 1.2;
}