:root {
	--odblue: #0d6efd;
	--odindigo: #6610f2;
	--odpurple: #6f42c1;
	--odpink: #d63384;
	--odred: #ed1c24;
	--odorange: #fd7e14;
	--odyellow: #ffc107;
	--odgreen: #198754;
	--odteal: #20c997;
	--odcyan: #0dcaf0;
	--odblack: #000000;
	--odwhite: #fff;
	--odgray: #6c757d;
	--odgray-dark: #343a40;
	--odgray-100: #f8f9fa;
	--odgray-200: #e9ecef;
	--odgray-300: #dee2e6;
	--odgray-400: #ced4da;
	--odgray-500: #adb5bd;
	--odgray-600: #6c757d;
	--odgray-700: #495057;
	--odgray-800: #343a40;
	--odgray-900: #212529;
	--odprimary: #ffbb09;
	--odsecondary: #17273b;
	--odsuccess: #198754;
	--odinfo: #0dcaf0;
	--odwarning: #ffc107;
	--oddanger: #ed1c24;
	--odlight: #f8f9fa;
	--oddark: #212529;
	--odprimary-rgb: 255, 187, 9;
	--odsecondary-rgb: 23, 39, 59;
	--odsuccess-rgb: 25, 135, 84;
	--odinfo-rgb: 13, 202, 240;
	--odwarning-rgb: 255, 193, 7;
	--oddanger-rgb: 237, 28, 36;
	--odlight-rgb: 248, 249, 250;
	--oddark-rgb: 33, 37, 41;
	--odwhite-rgb: 255, 255, 255;
	--odblack-rgb: 0, 0, 0;
	--odbody-color-rgb: 33, 37, 41;
	--odbody-bg-rgb: 255, 255, 255;
	--odfont-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--odfont-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--odgradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--odbody-font-family: var(--odfont-sans-serif);
	--odbody-font-size: 1rem;
	--odbody-font-weight: 400;
	--odbody-line-height: 1.5;
	--odbody-color: #212529;
	--odbody-bg: #fff;
	--odborder-width: 1px;
	--odborder-style: solid;
	--odborder-color: #dee2e6;
	--odborder-color-translucent: rgba(0, 0, 0, 0.175);
	--odborder-radius: 0.375rem;
	--odborder-radius-sm: 0.25rem;
	--odborder-radius-lg: 0.5rem;
	--odborder-radius-xl: 1rem;
	--odborder-radius-2xl: 2rem;
	--odborder-radius-pill: 50rem;
	--odlink-color: #ffbb09;
	--odlink-hover-color: #cc9607;
	--odcode-color: #d63384;
	--odhighlight-bg: #fff3cd
}

*,
*::before,
*::after {
	box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth
	}
}

body {
	margin: 0;
	font-family: var(--odbody-font-family);
	font-size: var(--odbody-font-size);
	font-weight: var(--odbody-font-weight);
	line-height: var(--odbody-line-height);
	color: var(--odbody-color);
	text-align: var(--odbody-text-align);
	background-color: var(--odbody-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.od-brand-box img {
    width: 110px !important;
}

hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: .25
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

h1,
.h1 {
	font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

	h1,
	.h1 {
		font-size: 2.5rem
	}
}

h2,
.h2 {
	font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {

	h2,
	.h2 {
		font-size: 2rem
	}
}

h3,
.h3 {
	font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

	h3,
	.h3 {
		font-size: 1.75rem
	}
}

h4,
.h4 {
	font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

	h4,
	.h4 {
		font-size: 1.5rem
	}
}

h5,
.h5 {
	font-size: 1.25rem
}

h6,
.h6 {
	font-size: 1rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

ol,
ul {
	padding-left: 2rem
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

b,
strong {
	font-weight: bolder
}

small,
.small {
	font-size: 0.875em
}

mark,
.mark {
	padding: .1875em;
	background-color: var(--odhighlight-bg)
}

sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

a {
	color: var(--odlink-color);
	text-decoration: underline
}

a:hover {
	color: var(--odlink-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

pre,
code,
kbd,
samp {
	font-family: var(--odfont-monospace);
	font-size: 1em
}

pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal
}

code {
	font-size: 0.875em;
	color: var(--odcode-color);
	word-wrap: break-word
}

a>code {
	color: inherit
}

kbd {
	padding: .1875rem .375rem;
	font-size: 0.875em;
	color: var(--odbody-bg);
	background-color: var(--odbody-color);
	border-radius: .25rem
}

kbd kbd {
	padding: 0;
	font-size: 1em
}

figure {
	margin: 0 0 1rem
}

img,
svg {
	vertical-align: middle
}

table {
	caption-side: bottom;
	border-collapse: collapse
}

caption {
	padding-top: .5rem;
	padding-bottom: .5rem;
	color: #6c757d;
	text-align: left
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: inherit;
	border-style: solid;
	border-width: 0
}

label {
	display: inline-block
}

button {
	border-radius: 0
}

button:focus:not(:focus-visible) {
	outline: 0
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
select {
	text-transform: none
}

[role=button] {
	cursor: pointer
}

select {
	word-wrap: normal
}

select:disabled {
	opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
	display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer
}

::-moz-focus-inner {
	padding: 0;
	border-style: none
}

textarea {
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit
}

@media(min-width: 1200px) {
	legend {
		font-size: 1.5rem
	}
}

legend+* {
	clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
	padding: 0
}

::-webkit-inner-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
	padding: 0
}

::file-selector-button {
	font: inherit;
	-webkit-appearance: button
}

output {
	display: inline-block
}

iframe {
	border: 0
}

summary {
	display: list-item;
	cursor: pointer
}

progress {
	vertical-align: baseline
}

[hidden] {
	display: none !important
}

.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.display-1 {
	font-size: calc(1.625rem + 4.5vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-1 {
		font-size: 5rem
	}
}

.display-2 {
	font-size: calc(1.575rem + 3.9vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-2 {
		font-size: 4.5rem
	}
}

.display-3 {
	font-size: calc(1.525rem + 3.3vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-3 {
		font-size: 4rem
	}
}

.display-4 {
	font-size: calc(1.475rem + 2.7vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-4 {
		font-size: 3.5rem
	}
}

.display-5 {
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-5 {
		font-size: 3rem
	}
}

.display-6 {
	font-size: calc(1.375rem + 1.5vw);
	font-weight: 300;
	line-height: 1.2
}

@media(min-width: 1200px) {
	.display-6 {
		font-size: 2.5rem
	}
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline {
	padding-left: 0;
	list-style: none
}

.list-inline-item {
	display: inline-block
}

.list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.initialism {
	font-size: 0.875em;
	text-transform: uppercase
}

.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem
}

.blockquote>:last-child {
	margin-bottom: 0
}

.blockquote-footer {
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.875em;
	color: #6c757d
}

.blockquote-footer::before {
	content: "— "
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid var(--odborder-color);
	border-radius: .375rem;
	max-width: 100%;
	height: auto
}

.figure {
	display: inline-block
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}

.figure-caption {
	font-size: 0.875em;
	color: #6c757d
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--odgutter-x: 1.5rem;
	--odgutter-y: 0;
	width: 100%;
	padding-right: calc(var(--odgutter-x)*.5);
	padding-left: calc(var(--odgutter-x)*.5);
	margin-right: auto;
	margin-left: auto
}

@media(min-width: 576px) {

	.container-sm,
	.container {
		max-width: 100%
	}
}

@media(min-width: 768px) {

	.container-md,
	.container-sm,
	.container {
		max-width: 100%
	}
}

@media(min-width: 992px) {

	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 95%
	}
}

@media(min-width: 1200px) {

	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1200px
	}
}

@media(min-width: 1400px) {

	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1620px
	}
}

.row {
	--odgutter-x: 1.5rem;
	--odgutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1*var(--odgutter-y));
	margin-right: calc(-0.5*var(--odgutter-x));
	margin-left: calc(-0.5*var(--odgutter-x))
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--odgutter-x)*.5);
	padding-left: calc(var(--odgutter-x)*.5);
	margin-top: var(--odgutter-y)
}

.grid {
	display: grid;
	grid-template-rows: repeat(var(--odrows, 1), 1fr);
	grid-template-columns: repeat(var(--odcolumns, 12), 1fr);
	gap: var(--odgap, 1.5rem)
}

.grid .g-col-1 {
	grid-column: auto/span 1
}

.grid .g-col-2 {
	grid-column: auto/span 2
}

.grid .g-col-3 {
	grid-column: auto/span 3
}

.grid .g-col-4 {
	grid-column: auto/span 4
}

.grid .g-col-5 {
	grid-column: auto/span 5
}

.grid .g-col-6 {
	grid-column: auto/span 6
}

.grid .g-col-7 {
	grid-column: auto/span 7
}

.grid .g-col-8 {
	grid-column: auto/span 8
}

.grid .g-col-9 {
	grid-column: auto/span 9
}

.grid .g-col-10 {
	grid-column: auto/span 10
}

.grid .g-col-11 {
	grid-column: auto/span 11
}

.grid .g-col-12 {
	grid-column: auto/span 12
}

.grid .g-start-1 {
	grid-column-start: 1
}

.grid .g-start-2 {
	grid-column-start: 2
}

.grid .g-start-3 {
	grid-column-start: 3
}

.grid .g-start-4 {
	grid-column-start: 4
}

.grid .g-start-5 {
	grid-column-start: 5
}

.grid .g-start-6 {
	grid-column-start: 6
}

.grid .g-start-7 {
	grid-column-start: 7
}

.grid .g-start-8 {
	grid-column-start: 8
}

.grid .g-start-9 {
	grid-column-start: 9
}

.grid .g-start-10 {
	grid-column-start: 10
}

.grid .g-start-11 {
	grid-column-start: 11
}

@media(min-width: 576px) {
	.grid .g-col-sm-1 {
		grid-column: auto/span 1
	}

	.grid .g-col-sm-2 {
		grid-column: auto/span 2
	}

	.grid .g-col-sm-3 {
		grid-column: auto/span 3
	}

	.grid .g-col-sm-4 {
		grid-column: auto/span 4
	}

	.grid .g-col-sm-5 {
		grid-column: auto/span 5
	}

	.grid .g-col-sm-6 {
		grid-column: auto/span 6
	}

	.grid .g-col-sm-7 {
		grid-column: auto/span 7
	}

	.grid .g-col-sm-8 {
		grid-column: auto/span 8
	}

	.grid .g-col-sm-9 {
		grid-column: auto/span 9
	}

	.grid .g-col-sm-10 {
		grid-column: auto/span 10
	}

	.grid .g-col-sm-11 {
		grid-column: auto/span 11
	}

	.grid .g-col-sm-12 {
		grid-column: auto/span 12
	}

	.grid .g-start-sm-1 {
		grid-column-start: 1
	}

	.grid .g-start-sm-2 {
		grid-column-start: 2
	}

	.grid .g-start-sm-3 {
		grid-column-start: 3
	}

	.grid .g-start-sm-4 {
		grid-column-start: 4
	}

	.grid .g-start-sm-5 {
		grid-column-start: 5
	}

	.grid .g-start-sm-6 {
		grid-column-start: 6
	}

	.grid .g-start-sm-7 {
		grid-column-start: 7
	}

	.grid .g-start-sm-8 {
		grid-column-start: 8
	}

	.grid .g-start-sm-9 {
		grid-column-start: 9
	}

	.grid .g-start-sm-10 {
		grid-column-start: 10
	}

	.grid .g-start-sm-11 {
		grid-column-start: 11
	}
}

@media(min-width: 768px) {
	.grid .g-col-md-1 {
		grid-column: auto/span 1
	}

	.grid .g-col-md-2 {
		grid-column: auto/span 2
	}

	.grid .g-col-md-3 {
		grid-column: auto/span 3
	}

	.grid .g-col-md-4 {
		grid-column: auto/span 4
	}

	.grid .g-col-md-5 {
		grid-column: auto/span 5
	}

	.grid .g-col-md-6 {
		grid-column: auto/span 6
	}

	.grid .g-col-md-7 {
		grid-column: auto/span 7
	}

	.grid .g-col-md-8 {
		grid-column: auto/span 8
	}

	.grid .g-col-md-9 {
		grid-column: auto/span 9
	}

	.grid .g-col-md-10 {
		grid-column: auto/span 10
	}

	.grid .g-col-md-11 {
		grid-column: auto/span 11
	}

	.grid .g-col-md-12 {
		grid-column: auto/span 12
	}

	.grid .g-start-md-1 {
		grid-column-start: 1
	}

	.grid .g-start-md-2 {
		grid-column-start: 2
	}

	.grid .g-start-md-3 {
		grid-column-start: 3
	}

	.grid .g-start-md-4 {
		grid-column-start: 4
	}

	.grid .g-start-md-5 {
		grid-column-start: 5
	}

	.grid .g-start-md-6 {
		grid-column-start: 6
	}

	.grid .g-start-md-7 {
		grid-column-start: 7
	}

	.grid .g-start-md-8 {
		grid-column-start: 8
	}

	.grid .g-start-md-9 {
		grid-column-start: 9
	}

	.grid .g-start-md-10 {
		grid-column-start: 10
	}

	.grid .g-start-md-11 {
		grid-column-start: 11
	}
}

@media(min-width: 992px) {
	.grid .g-col-lg-1 {
		grid-column: auto/span 1
	}

	.grid .g-col-lg-2 {
		grid-column: auto/span 2
	}

	.grid .g-col-lg-3 {
		grid-column: auto/span 3
	}

	.grid .g-col-lg-4 {
		grid-column: auto/span 4
	}

	.grid .g-col-lg-5 {
		grid-column: auto/span 5
	}

	.grid .g-col-lg-6 {
		grid-column: auto/span 6
	}

	.grid .g-col-lg-7 {
		grid-column: auto/span 7
	}

	.grid .g-col-lg-8 {
		grid-column: auto/span 8
	}

	.grid .g-col-lg-9 {
		grid-column: auto/span 9
	}

	.grid .g-col-lg-10 {
		grid-column: auto/span 10
	}

	.grid .g-col-lg-11 {
		grid-column: auto/span 11
	}

	.grid .g-col-lg-12 {
		grid-column: auto/span 12
	}

	.grid .g-start-lg-1 {
		grid-column-start: 1
	}

	.grid .g-start-lg-2 {
		grid-column-start: 2
	}

	.grid .g-start-lg-3 {
		grid-column-start: 3
	}

	.grid .g-start-lg-4 {
		grid-column-start: 4
	}

	.grid .g-start-lg-5 {
		grid-column-start: 5
	}

	.grid .g-start-lg-6 {
		grid-column-start: 6
	}

	.grid .g-start-lg-7 {
		grid-column-start: 7
	}

	.grid .g-start-lg-8 {
		grid-column-start: 8
	}

	.grid .g-start-lg-9 {
		grid-column-start: 9
	}

	.grid .g-start-lg-10 {
		grid-column-start: 10
	}

	.grid .g-start-lg-11 {
		grid-column-start: 11
	}
}

@media(min-width: 1200px) {
	.grid .g-col-xl-1 {
		grid-column: auto/span 1
	}

	.grid .g-col-xl-2 {
		grid-column: auto/span 2
	}

	.grid .g-col-xl-3 {
		grid-column: auto/span 3
	}

	.grid .g-col-xl-4 {
		grid-column: auto/span 4
	}

	.grid .g-col-xl-5 {
		grid-column: auto/span 5
	}

	.grid .g-col-xl-6 {
		grid-column: auto/span 6
	}

	.grid .g-col-xl-7 {
		grid-column: auto/span 7
	}

	.grid .g-col-xl-8 {
		grid-column: auto/span 8
	}

	.grid .g-col-xl-9 {
		grid-column: auto/span 9
	}

	.grid .g-col-xl-10 {
		grid-column: auto/span 10
	}

	.grid .g-col-xl-11 {
		grid-column: auto/span 11
	}

	.grid .g-col-xl-12 {
		grid-column: auto/span 12
	}

	.grid .g-start-xl-1 {
		grid-column-start: 1
	}

	.grid .g-start-xl-2 {
		grid-column-start: 2
	}

	.grid .g-start-xl-3 {
		grid-column-start: 3
	}

	.grid .g-start-xl-4 {
		grid-column-start: 4
	}

	.grid .g-start-xl-5 {
		grid-column-start: 5
	}

	.grid .g-start-xl-6 {
		grid-column-start: 6
	}

	.grid .g-start-xl-7 {
		grid-column-start: 7
	}

	.grid .g-start-xl-8 {
		grid-column-start: 8
	}

	.grid .g-start-xl-9 {
		grid-column-start: 9
	}

	.grid .g-start-xl-10 {
		grid-column-start: 10
	}

	.grid .g-start-xl-11 {
		grid-column-start: 11
	}
}

@media(min-width: 1400px) {
	.grid .g-col-xxl-1 {
		grid-column: auto/span 1
	}

	.grid .g-col-xxl-2 {
		grid-column: auto/span 2
	}

	.grid .g-col-xxl-3 {
		grid-column: auto/span 3
	}

	.grid .g-col-xxl-4 {
		grid-column: auto/span 4
	}

	.grid .g-col-xxl-5 {
		grid-column: auto/span 5
	}

	.grid .g-col-xxl-6 {
		grid-column: auto/span 6
	}

	.grid .g-col-xxl-7 {
		grid-column: auto/span 7
	}

	.grid .g-col-xxl-8 {
		grid-column: auto/span 8
	}

	.grid .g-col-xxl-9 {
		grid-column: auto/span 9
	}

	.grid .g-col-xxl-10 {
		grid-column: auto/span 10
	}

	.grid .g-col-xxl-11 {
		grid-column: auto/span 11
	}

	.grid .g-col-xxl-12 {
		grid-column: auto/span 12
	}

	.grid .g-start-xxl-1 {
		grid-column-start: 1
	}

	.grid .g-start-xxl-2 {
		grid-column-start: 2
	}

	.grid .g-start-xxl-3 {
		grid-column-start: 3
	}

	.grid .g-start-xxl-4 {
		grid-column-start: 4
	}

	.grid .g-start-xxl-5 {
		grid-column-start: 5
	}

	.grid .g-start-xxl-6 {
		grid-column-start: 6
	}

	.grid .g-start-xxl-7 {
		grid-column-start: 7
	}

	.grid .g-start-xxl-8 {
		grid-column-start: 8
	}

	.grid .g-start-xxl-9 {
		grid-column-start: 9
	}

	.grid .g-start-xxl-10 {
		grid-column-start: 10
	}

	.grid .g-start-xxl-11 {
		grid-column-start: 11
	}
}

.col {
	flex: 1 0 0%
}

.row-cols-auto>* {
	flex: 0 0 auto;
	width: auto
}

.row-cols-1>* {
	flex: 0 0 auto;
	width: 100%
}

.row-cols-2>* {
	flex: 0 0 auto;
	width: 50%
}

.row-cols-3>* {
	flex: 0 0 auto;
	width: 33.3333333333%
}

.row-cols-4>* {
	flex: 0 0 auto;
	width: 25%
}

.row-cols-5>* {
	flex: 0 0 auto;
	width: 20%
}

.row-cols-6>* {
	flex: 0 0 auto;
	width: 16.6666666667%
}

.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

.offset-1 {
	margin-left: 8.33333333%
}

.offset-2 {
	margin-left: 16.66666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333333%
}

.offset-5 {
	margin-left: 41.66666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333333%
}

.offset-8 {
	margin-left: 66.66666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333333%
}

.offset-11 {
	margin-left: 91.66666667%
}

.g-0,
.gx-0 {
	--odgutter-x: 0
}

.g-0,
.gy-0 {
	--odgutter-y: 0
}

.g-1,
.gx-1 {
	--odgutter-x: 0.25rem
}

.g-1,
.gy-1 {
	--odgutter-y: 0.25rem
}

.g-2,
.gx-2 {
	--odgutter-x: 0.5rem
}

.g-2,
.gy-2 {
	--odgutter-y: 0.5rem
}

.g-3,
.gx-3 {
	--odgutter-x: 1rem
}

.g-3,
.gy-3 {
	--odgutter-y: 1rem
}

.g-4,
.gx-4 {
	--odgutter-x: 1.5rem
}

.g-4,
.gy-4 {
	--odgutter-y: 1.5rem
}

.g-5,
.gx-5 {
	--odgutter-x: 3rem
}

.g-5,
.gy-5 {
	--odgutter-y: 3rem
}

@media(min-width: 576px) {
	.col-sm {
		flex: 1 0 0%
	}

	.row-cols-sm-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-sm-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-sm-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-sm-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-sm-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-sm-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-sm-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.33333333%
	}

	.offset-sm-2 {
		margin-left: 16.66666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.33333333%
	}

	.offset-sm-5 {
		margin-left: 41.66666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.33333333%
	}

	.offset-sm-8 {
		margin-left: 66.66666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.33333333%
	}

	.offset-sm-11 {
		margin-left: 91.66666667%
	}

	.g-sm-0,
	.gx-sm-0 {
		--odgutter-x: 0
	}

	.g-sm-0,
	.gy-sm-0 {
		--odgutter-y: 0
	}

	.g-sm-1,
	.gx-sm-1 {
		--odgutter-x: 0.25rem
	}

	.g-sm-1,
	.gy-sm-1 {
		--odgutter-y: 0.25rem
	}

	.g-sm-2,
	.gx-sm-2 {
		--odgutter-x: 0.5rem
	}

	.g-sm-2,
	.gy-sm-2 {
		--odgutter-y: 0.5rem
	}

	.g-sm-3,
	.gx-sm-3 {
		--odgutter-x: 1rem
	}

	.g-sm-3,
	.gy-sm-3 {
		--odgutter-y: 1rem
	}

	.g-sm-4,
	.gx-sm-4 {
		--odgutter-x: 1.5rem
	}

	.g-sm-4,
	.gy-sm-4 {
		--odgutter-y: 1.5rem
	}

	.g-sm-5,
	.gx-sm-5 {
		--odgutter-x: 3rem
	}

	.g-sm-5,
	.gy-sm-5 {
		--odgutter-y: 3rem
	}
}

@media(min-width: 768px) {
	.col-md {
		flex: 1 0 0%
	}

	.row-cols-md-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-md-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-md-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-md-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-md-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-md-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-md-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.33333333%
	}

	.offset-md-2 {
		margin-left: 16.66666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.33333333%
	}

	.offset-md-5 {
		margin-left: 41.66666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.33333333%
	}

	.offset-md-8 {
		margin-left: 66.66666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.33333333%
	}

	.offset-md-11 {
		margin-left: 91.66666667%
	}

	.g-md-0,
	.gx-md-0 {
		--odgutter-x: 0
	}

	.g-md-0,
	.gy-md-0 {
		--odgutter-y: 0
	}

	.g-md-1,
	.gx-md-1 {
		--odgutter-x: 0.25rem
	}

	.g-md-1,
	.gy-md-1 {
		--odgutter-y: 0.25rem
	}

	.g-md-2,
	.gx-md-2 {
		--odgutter-x: 0.5rem
	}

	.g-md-2,
	.gy-md-2 {
		--odgutter-y: 0.5rem
	}

	.g-md-3,
	.gx-md-3 {
		--odgutter-x: 1rem
	}

	.g-md-3,
	.gy-md-3 {
		--odgutter-y: 1rem
	}

	.g-md-4,
	.gx-md-4 {
		--odgutter-x: 1.5rem
	}

	.g-md-4,
	.gy-md-4 {
		--odgutter-y: 1.5rem
	}

	.g-md-5,
	.gx-md-5 {
		--odgutter-x: 3rem
	}

	.g-md-5,
	.gy-md-5 {
		--odgutter-y: 3rem
	}
}

@media(min-width: 992px) {
	.col-lg {
		flex: 1 0 0%
	}

	.row-cols-lg-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-lg-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-lg-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-lg-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-lg-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-lg-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-lg-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.33333333%
	}

	.offset-lg-2 {
		margin-left: 16.66666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.33333333%
	}

	.offset-lg-5 {
		margin-left: 41.66666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.33333333%
	}

	.offset-lg-8 {
		margin-left: 66.66666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.33333333%
	}

	.offset-lg-11 {
		margin-left: 91.66666667%
	}

	.g-lg-0,
	.gx-lg-0 {
		--odgutter-x: 0
	}

	.g-lg-0,
	.gy-lg-0 {
		--odgutter-y: 0
	}

	.g-lg-1,
	.gx-lg-1 {
		--odgutter-x: 0.25rem
	}

	.g-lg-1,
	.gy-lg-1 {
		--odgutter-y: 0.25rem
	}

	.g-lg-2,
	.gx-lg-2 {
		--odgutter-x: 0.5rem
	}

	.g-lg-2,
	.gy-lg-2 {
		--odgutter-y: 0.5rem
	}

	.g-lg-3,
	.gx-lg-3 {
		--odgutter-x: 1rem
	}

	.g-lg-3,
	.gy-lg-3 {
		--odgutter-y: 1rem
	}

	.g-lg-4,
	.gx-lg-4 {
		--odgutter-x: 1.5rem
	}

	.g-lg-4,
	.gy-lg-4 {
		--odgutter-y: 1.5rem
	}

	.g-lg-5,
	.gx-lg-5 {
		--odgutter-x: 3rem
	}

	.g-lg-5,
	.gy-lg-5 {
		--odgutter-y: 3rem
	}
}

@media(min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%
	}

	.row-cols-xl-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xl-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xl-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xl-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xl-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.33333333%
	}

	.offset-xl-2 {
		margin-left: 16.66666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.33333333%
	}

	.offset-xl-5 {
		margin-left: 41.66666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.33333333%
	}

	.offset-xl-8 {
		margin-left: 66.66666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.33333333%
	}

	.offset-xl-11 {
		margin-left: 91.66666667%
	}

	.g-xl-0,
	.gx-xl-0 {
		--odgutter-x: 0
	}

	.g-xl-0,
	.gy-xl-0 {
		--odgutter-y: 0
	}

	.g-xl-1,
	.gx-xl-1 {
		--odgutter-x: 0.25rem
	}

	.g-xl-1,
	.gy-xl-1 {
		--odgutter-y: 0.25rem
	}

	.g-xl-2,
	.gx-xl-2 {
		--odgutter-x: 0.5rem
	}

	.g-xl-2,
	.gy-xl-2 {
		--odgutter-y: 0.5rem
	}

	.g-xl-3,
	.gx-xl-3 {
		--odgutter-x: 1rem
	}

	.g-xl-3,
	.gy-xl-3 {
		--odgutter-y: 1rem
	}

	.g-xl-4,
	.gx-xl-4 {
		--odgutter-x: 1.5rem
	}

	.g-xl-4,
	.gy-xl-4 {
		--odgutter-y: 1.5rem
	}

	.g-xl-5,
	.gx-xl-5 {
		--odgutter-x: 3rem
	}

	.g-xl-5,
	.gy-xl-5 {
		--odgutter-y: 3rem
	}
}

@media(min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%
	}

	.row-cols-xxl-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xxl-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xxl-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xxl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xxl-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xxl-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xxl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xxl-0 {
		margin-left: 0
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%
	}

	.offset-xxl-3 {
		margin-left: 25%
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%
	}

	.offset-xxl-6 {
		margin-left: 50%
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%
	}

	.offset-xxl-9 {
		margin-left: 75%
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%
	}

	.g-xxl-0,
	.gx-xxl-0 {
		--odgutter-x: 0
	}

	.g-xxl-0,
	.gy-xxl-0 {
		--odgutter-y: 0
	}

	.g-xxl-1,
	.gx-xxl-1 {
		--odgutter-x: 0.25rem
	}

	.g-xxl-1,
	.gy-xxl-1 {
		--odgutter-y: 0.25rem
	}

	.g-xxl-2,
	.gx-xxl-2 {
		--odgutter-x: 0.5rem
	}

	.g-xxl-2,
	.gy-xxl-2 {
		--odgutter-y: 0.5rem
	}

	.g-xxl-3,
	.gx-xxl-3 {
		--odgutter-x: 1rem
	}

	.g-xxl-3,
	.gy-xxl-3 {
		--odgutter-y: 1rem
	}

	.g-xxl-4,
	.gx-xxl-4 {
		--odgutter-x: 1.5rem
	}

	.g-xxl-4,
	.gy-xxl-4 {
		--odgutter-y: 1.5rem
	}

	.g-xxl-5,
	.gx-xxl-5 {
		--odgutter-x: 3rem
	}

	.g-xxl-5,
	.gy-xxl-5 {
		--odgutter-y: 3rem
	}
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.text-bg-primary {
	color: #000 !important;
	background-color: RGBA(255, 187, 9, var(--odbg-opacity, 1)) !important
}

.text-bg-secondary {
	color: #fff !important;
	background-color: RGBA(23, 39, 59, var(--odbg-opacity, 1)) !important
}

.text-bg-success {
	color: #fff !important;
	background-color: RGBA(25, 135, 84, var(--odbg-opacity, 1)) !important
}

.text-bg-info {
	color: #000 !important;
	background-color: RGBA(13, 202, 240, var(--odbg-opacity, 1)) !important
}

.text-bg-warning {
	color: #000 !important;
	background-color: RGBA(255, 193, 7, var(--odbg-opacity, 1)) !important
}

.text-bg-danger {
	color: #000 !important;
	background-color: RGBA(237, 28, 36, var(--odbg-opacity, 1)) !important
}

.text-bg-light {
	color: #000 !important;
	background-color: RGBA(248, 249, 250, var(--odbg-opacity, 1)) !important
}

.text-bg-dark {
	color: #fff !important;
	background-color: RGBA(33, 37, 41, var(--odbg-opacity, 1)) !important
}

.link-primary {
	color: #ffbb09 !important
}

.link-primary:hover,
.link-primary:focus {
	color: #ffc93a !important
}

.link-secondary {
	color: #17273b !important
}

.link-secondary:hover,
.link-secondary:focus {
	color: #121f2f !important
}

.link-success {
	color: #198754 !important
}

.link-success:hover,
.link-success:focus {
	color: #146c43 !important
}

.link-info {
	color: #0dcaf0 !important
}

.link-info:hover,
.link-info:focus {
	color: #3dd5f3 !important
}

.link-warning {
	color: #ffc107 !important
}

.link-warning:hover,
.link-warning:focus {
	color: #ffcd39 !important
}

.link-danger {
	color: #ed1c24 !important
}

.link-danger:hover,
.link-danger:focus {
	color: #f14950 !important
}

.link-light {
	color: #f8f9fa !important
}

.link-light:hover,
.link-light:focus {
	color: #f9fafb !important
}

.link-dark {
	color: #212529 !important
}

.link-dark:hover,
.link-dark:focus {
	color: #1a1e21 !important
}

.ratio {
	position: relative;
	width: 100%
}

.ratio::before {
	display: block;
	padding-top: var(--odaspect-ratio);
	content: ""
}

.ratio>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ratio-1x1 {
	--odaspect-ratio: 100%
}

.ratio-4x3 {
	--odaspect-ratio: 75%
}

.ratio-16x9 {
	--odaspect-ratio: 56.25%
}

.ratio-21x9 {
	--odaspect-ratio: 42.8571428571%
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030
}

.sticky-top {
	position: sticky;
	top: 0;
	z-index: 1020
}

.sticky-bottom {
	position: sticky;
	bottom: 0;
	z-index: 1020
}

@media(min-width: 576px) {
	.sticky-sm-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}

	.sticky-sm-bottom {
		position: sticky;
		bottom: 0;
		z-index: 1020
	}
}

@media(min-width: 768px) {
	.sticky-md-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}

	.sticky-md-bottom {
		position: sticky;
		bottom: 0;
		z-index: 1020
	}
}

@media(min-width: 992px) {
	.sticky-lg-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}

	.sticky-lg-bottom {
		position: sticky;
		bottom: 0;
		z-index: 1020
	}
}

@media(min-width: 1200px) {
	.sticky-xl-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}

	.sticky-xl-bottom {
		position: sticky;
		bottom: 0;
		z-index: 1020
	}
}

@media(min-width: 1400px) {
	.sticky-xxl-top {
		position: sticky;
		top: 0;
		z-index: 1020
	}

	.sticky-xxl-bottom {
		position: sticky;
		bottom: 0;
		z-index: 1020
	}
}

.hstack {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch
}

.vstack {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: ""
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.vr {
	display: inline-block;
	align-self: stretch;
	width: 1px;
	min-height: 1em;
	background-color: currentcolor;
	opacity: .25
}

.list-group {
	--odlist-group-color: #212529;
	--odlist-group-bg: #fff;
	--odlist-group-border-color: rgba(0, 0, 0, 0.125);
	--odlist-group-border-width: 1px;
	--odlist-group-border-radius: 0.375rem;
	--odlist-group-item-padding-x: 1rem;
	--odlist-group-item-padding-y: 0.5rem;
	--odlist-group-action-color: #495057;
	--odlist-group-action-hover-color: #495057;
	--odlist-group-action-hover-bg: #f8f9fa;
	--odlist-group-action-active-color: #212529;
	--odlist-group-action-active-bg: #e9ecef;
	--odlist-group-disabled-color: #6c757d;
	--odlist-group-disabled-bg: #fff;
	--odlist-group-active-color: #fff;
	--odlist-group-active-bg: #ffbb09;
	--odlist-group-active-border-color: #ffbb09;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: var(--odlist-group-border-radius)
}

.list-group-numbered {
	list-style-type: none;
	counter-reset: section
}

.list-group-numbered>.list-group-item::before {
	content: counters(section, ".") ". ";
	counter-increment: section
}

.list-group-item-action {
	width: 100%;
	color: var(--odlist-group-action-color);
	text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
	z-index: 1;
	color: var(--odlist-group-action-hover-color);
	text-decoration: none;
	background-color: var(--odlist-group-action-hover-bg)
}

.list-group-item-action:active {
	color: var(--odlist-group-action-active-color);
	background-color: var(--odlist-group-action-active-bg)
}

.list-group-item {
	position: relative;
	display: block;
	padding: var(--odlist-group-item-padding-y) var(--odlist-group-item-padding-x);
	color: var(--odlist-group-color);
	text-decoration: none;
	background-color: var(--odlist-group-bg);
	border: var(--odlist-group-border-width) solid var(--odlist-group-border-color)
}

.list-group-item:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.list-group-item:last-child {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
	color: var(--odlist-group-disabled-color);
	pointer-events: none;
	background-color: var(--odlist-group-disabled-bg)
}

.list-group-item.active {
	z-index: 2;
	color: var(--odlist-group-active-color);
	background-color: var(--odlist-group-active-bg);
	border-color: var(--odlist-group-active-border-color)
}

.list-group-item+.list-group-item {
	border-top-width: 0
}

.list-group-item+.list-group-item.active {
	margin-top: calc(-1*var(--odlist-group-border-width));
	border-top-width: var(--odlist-group-border-width)
}

.list-group-horizontal {
	flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
	border-bottom-left-radius: var(--odlist-group-border-radius);
	border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
	border-top-right-radius: var(--odlist-group-border-radius);
	border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
	margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
	border-top-width: var(--odlist-group-border-width);
	border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
	margin-left: calc(-1*var(--odlist-group-border-width));
	border-left-width: var(--odlist-group-border-width)
}

@media(min-width: 576px) {
	.list-group-horizontal-sm {
		flex-direction: row
	}

	.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
		border-bottom-left-radius: var(--odlist-group-border-radius);
		border-top-right-radius: 0
	}

	.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
		border-top-right-radius: var(--odlist-group-border-radius);
		border-bottom-left-radius: 0
	}

	.list-group-horizontal-sm>.list-group-item.active {
		margin-top: 0
	}

	.list-group-horizontal-sm>.list-group-item+.list-group-item {
		border-top-width: var(--odlist-group-border-width);
		border-left-width: 0
	}

	.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
		margin-left: calc(-1*var(--odlist-group-border-width));
		border-left-width: var(--odlist-group-border-width)
	}
}

@media(min-width: 768px) {
	.list-group-horizontal-md {
		flex-direction: row
	}

	.list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
		border-bottom-left-radius: var(--odlist-group-border-radius);
		border-top-right-radius: 0
	}

	.list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
		border-top-right-radius: var(--odlist-group-border-radius);
		border-bottom-left-radius: 0
	}

	.list-group-horizontal-md>.list-group-item.active {
		margin-top: 0
	}

	.list-group-horizontal-md>.list-group-item+.list-group-item {
		border-top-width: var(--odlist-group-border-width);
		border-left-width: 0
	}

	.list-group-horizontal-md>.list-group-item+.list-group-item.active {
		margin-left: calc(-1*var(--odlist-group-border-width));
		border-left-width: var(--odlist-group-border-width)
	}
}

@media(min-width: 992px) {
	.list-group-horizontal-lg {
		flex-direction: row
	}

	.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
		border-bottom-left-radius: var(--odlist-group-border-radius);
		border-top-right-radius: 0
	}

	.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
		border-top-right-radius: var(--odlist-group-border-radius);
		border-bottom-left-radius: 0
	}

	.list-group-horizontal-lg>.list-group-item.active {
		margin-top: 0
	}

	.list-group-horizontal-lg>.list-group-item+.list-group-item {
		border-top-width: var(--odlist-group-border-width);
		border-left-width: 0
	}

	.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
		margin-left: calc(-1*var(--odlist-group-border-width));
		border-left-width: var(--odlist-group-border-width)
	}
}

@media(min-width: 1200px) {
	.list-group-horizontal-xl {
		flex-direction: row
	}

	.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
		border-bottom-left-radius: var(--odlist-group-border-radius);
		border-top-right-radius: 0
	}

	.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
		border-top-right-radius: var(--odlist-group-border-radius);
		border-bottom-left-radius: 0
	}

	.list-group-horizontal-xl>.list-group-item.active {
		margin-top: 0
	}

	.list-group-horizontal-xl>.list-group-item+.list-group-item {
		border-top-width: var(--odlist-group-border-width);
		border-left-width: 0
	}

	.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
		margin-left: calc(-1*var(--odlist-group-border-width));
		border-left-width: var(--odlist-group-border-width)
	}
}

@media(min-width: 1400px) {
	.list-group-horizontal-xxl {
		flex-direction: row
	}

	.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
		border-bottom-left-radius: var(--odlist-group-border-radius);
		border-top-right-radius: 0
	}

	.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
		border-top-right-radius: var(--odlist-group-border-radius);
		border-bottom-left-radius: 0
	}

	.list-group-horizontal-xxl>.list-group-item.active {
		margin-top: 0
	}

	.list-group-horizontal-xxl>.list-group-item+.list-group-item {
		border-top-width: var(--odlist-group-border-width);
		border-left-width: 0
	}

	.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
		margin-left: calc(-1*var(--odlist-group-border-width));
		border-left-width: var(--odlist-group-border-width)
	}
}

.list-group-flush {
	border-radius: 0
}

.list-group-flush>.list-group-item {
	border-width: 0 0 var(--odlist-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
	border-bottom-width: 0
}

.list-group-item-primary {
	color: #664b04;
	background-color: #fff1ce
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
	color: #664b04;
	background-color: #e6d9b9
}

.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #664b04;
	border-color: #664b04
}

.list-group-item-secondary {
	color: #0e1723;
	background-color: #d1d4d8
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
	color: #0e1723;
	background-color: #bcbfc2
}

.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #0e1723;
	border-color: #0e1723
}

.list-group-item-success {
	color: #0f5132;
	background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
	color: #0f5132;
	background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #0f5132;
	border-color: #0f5132
}

.list-group-item-info {
	color: #055160;
	background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
	color: #055160;
	background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #055160;
	border-color: #055160
}

.list-group-item-warning {
	color: #664d03;
	background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
	color: #664d03;
	background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #664d03;
	border-color: #664d03
}

.list-group-item-danger {
	color: #8e1116;
	background-color: #fbd2d3
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
	color: #8e1116;
	background-color: #e2bdbe
}

.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #8e1116;
	border-color: #8e1116
}

.list-group-item-light {
	color: #636464;
	background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
	color: #636464;
	background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #636464;
	border-color: #636464
}

.list-group-item-dark {
	color: #141619;
	background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
	color: #141619;
	background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #141619;
	border-color: #141619
}

.fade {
	transition: opacity .15s linear
}

@media(prefers-reduced-motion: reduce) {
	.fade {
		transition: none
	}
}

.fade:not(.show) {
	opacity: 0
}

.collapse:not(.show) {
	display: none
}

.collapsing {
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}

@media(prefers-reduced-motion: reduce) {
	.collapsing {
		transition: none
	}
}

.collapsing.collapse-horizontal {
	width: 0;
	height: auto;
	transition: width .35s ease
}

@media(prefers-reduced-motion: reduce) {
	.collapsing.collapse-horizontal {
		transition: none
	}
}

.align-baseline {
	vertical-align: baseline !important
}

.align-top {
	vertical-align: top !important
}

.align-middle {
	vertical-align: middle !important
}

.align-bottom {
	vertical-align: bottom !important
}

.align-text-bottom {
	vertical-align: text-bottom !important
}

.align-text-top {
	vertical-align: text-top !important
}

.float-start {
	float: left !important
}

.float-end {
	float: right !important
}

.float-none {
	float: none !important
}

.opacity-0 {
	opacity: 0 !important
}

.opacity-25 {
	opacity: .25 !important
}

.opacity-50 {
	opacity: .5 !important
}

.opacity-75 {
	opacity: .75 !important
}

.opacity-100 {
	opacity: 1 !important
}

.overflow-auto {
	overflow: auto !important
}

.overflow-hidden {
	overflow: hidden !important
}

.overflow-visible {
	overflow: visible !important
}

.overflow-scroll {
	overflow: scroll !important
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-grid {
	display: grid !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

.d-flex {
	display: flex !important
}

.d-inline-flex {
	display: inline-flex !important
}

.d-none {
	display: none !important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
	box-shadow: none !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.position-sticky {
	position: sticky !important
}

.top-0 {
	top: 0 !important
}

.top-50 {
	top: 50% !important
}

.top-100 {
	top: 100% !important
}

.bottom-0 {
	bottom: 0 !important
}

.bottom-50 {
	bottom: 50% !important
}

.bottom-100 {
	bottom: 100% !important
}

.start-0 {
	left: 0 !important
}

.start-50 {
	left: 50% !important
}

.start-100 {
	left: 100% !important
}

.end-0 {
	right: 0 !important
}

.end-50 {
	right: 50% !important
}

.end-100 {
	right: 100% !important
}

.translate-middle {
	transform: translate(-50%, -50%) !important
}

.translate-middle-x {
	transform: translateX(-50%) !important
}

.translate-middle-y {
	transform: translateY(-50%) !important
}

.border {
	border: var(--odborder-width) var(--odborder-style) var(--odborder-color) !important
}

.border-0 {
	border: 0 !important
}

.border-top {
	border-top: var(--odborder-width) var(--odborder-style) var(--odborder-color) !important
}

.border-top-0 {
	border-top: 0 !important
}

.border-end {
	border-right: var(--odborder-width) var(--odborder-style) var(--odborder-color) !important
}

.border-end-0 {
	border-right: 0 !important
}

.border-bottom {
	border-bottom: var(--odborder-width) var(--odborder-style) var(--odborder-color) !important
}

.border-bottom-0 {
	border-bottom: 0 !important
}

.border-start {
	border-left: var(--odborder-width) var(--odborder-style) var(--odborder-color) !important
}

.border-start-0 {
	border-left: 0 !important
}

.border-primary {
	--odborder-opacity: 1;
	border-color: rgba(var(--odprimary-rgb), var(--odborder-opacity)) !important
}

.border-secondary {
	--odborder-opacity: 1;
	border-color: rgba(var(--odsecondary-rgb), var(--odborder-opacity)) !important
}

.border-success {
	--odborder-opacity: 1;
	border-color: rgba(var(--odsuccess-rgb), var(--odborder-opacity)) !important
}

.border-info {
	--odborder-opacity: 1;
	border-color: rgba(var(--odinfo-rgb), var(--odborder-opacity)) !important
}

.border-warning {
	--odborder-opacity: 1;
	border-color: rgba(var(--odwarning-rgb), var(--odborder-opacity)) !important
}

.border-danger {
	--odborder-opacity: 1;
	border-color: rgba(var(--oddanger-rgb), var(--odborder-opacity)) !important
}

.border-light {
	--odborder-opacity: 1;
	border-color: rgba(var(--odlight-rgb), var(--odborder-opacity)) !important
}

.border-dark {
	--odborder-opacity: 1;
	border-color: rgba(var(--oddark-rgb), var(--odborder-opacity)) !important
}

.border-white {
	--odborder-opacity: 1;
	border-color: rgba(var(--odwhite-rgb), var(--odborder-opacity)) !important
}

.border-1 {
	--odborder-width: 1px
}

.border-2 {
	--odborder-width: 2px
}

.border-3 {
	--odborder-width: 3px
}

.border-4 {
	--odborder-width: 4px
}

.border-5 {
	--odborder-width: 5px
}

.border-opacity-10 {
	--odborder-opacity: 0.1
}

.border-opacity-25 {
	--odborder-opacity: 0.25
}

.border-opacity-50 {
	--odborder-opacity: 0.5
}

.border-opacity-75 {
	--odborder-opacity: 0.75
}

.border-opacity-100 {
	--odborder-opacity: 1
}

.w-25 {
	width: 25% !important
}

.w-50 {
	width: 50% !important
}

.w-75 {
	width: 75% !important
}

.w-100 {
	width: 100% !important
}

.w-auto {
	width: auto !important
}

.mw-100 {
	max-width: 100% !important
}

.vw-100 {
	width: 100vw !important
}

.min-vw-100 {
	min-width: 100vw !important
}

.h-25 {
	height: 25% !important
}

.h-50 {
	height: 50% !important
}

.h-75 {
	height: 75% !important
}

.h-100 {
	height: 100% !important
}

.h-auto {
	height: auto !important
}

.mh-100 {
	max-height: 100% !important
}

.vh-100 {
	height: 100vh !important
}

.min-vh-100 {
	min-height: 100vh !important
}

.flex-fill {
	flex: 1 1 auto !important
}

.flex-row {
	flex-direction: row !important
}

.flex-column {
	flex-direction: column !important
}

.flex-row-reverse {
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	flex-direction: column-reverse !important
}

.flex-grow-0 {
	flex-grow: 0 !important
}

.flex-grow-1 {
	flex-grow: 1 !important
}

.flex-shrink-0 {
	flex-shrink: 0 !important
}

.flex-shrink-1 {
	flex-shrink: 1 !important
}

.flex-wrap {
	flex-wrap: wrap !important
}

.flex-nowrap {
	flex-wrap: nowrap !important
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important
}

.justify-content-start {
	justify-content: flex-start !important
}

.justify-content-end {
	justify-content: flex-end !important
}

.justify-content-center {
	justify-content: center !important
}

.justify-content-between {
	justify-content: space-between !important
}

.justify-content-around {
	justify-content: space-around !important
}

.justify-content-evenly {
	justify-content: space-evenly !important
}

.align-items-start {
	align-items: flex-start !important
}

.align-items-end {
	align-items: flex-end !important
}

.align-items-center {
	align-items: center !important
}

.align-items-baseline {
	align-items: baseline !important
}

.align-items-stretch {
	align-items: stretch !important
}

.align-content-start {
	align-content: flex-start !important
}

.align-content-end {
	align-content: flex-end !important
}

.align-content-center {
	align-content: center !important
}

.align-content-between {
	align-content: space-between !important
}

.align-content-around {
	align-content: space-around !important
}

.align-content-stretch {
	align-content: stretch !important
}

.align-self-auto {
	align-self: auto !important
}

.align-self-start {
	align-self: flex-start !important
}

.align-self-end {
	align-self: flex-end !important
}

.align-self-center {
	align-self: center !important
}

.align-self-baseline {
	align-self: baseline !important
}

.align-self-stretch {
	align-self: stretch !important
}

.order-first {
	order: -1 !important
}

.order-0 {
	order: 0 !important
}

.order-1 {
	order: 1 !important
}

.order-2 {
	order: 2 !important
}

.order-3 {
	order: 3 !important
}

.order-4 {
	order: 4 !important
}

.order-5 {
	order: 5 !important
}

.order-last {
	order: 6 !important
}

.m-0 {
	margin: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.m-auto {
	margin: auto !important
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.mx-1 {
	margin-right: .25rem !important;
	margin-left: .25rem !important
}

.mx-2 {
	margin-right: .5rem !important;
	margin-left: .5rem !important
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.my-1 {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important
}

.my-2 {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mt-3 {
	margin-top: 1rem !important
}

.mt-4 {
	margin-top: 1.5rem !important
}

.mt-5 {
	margin-top: 3rem !important
}

.mt-auto {
	margin-top: auto !important
}

.me-0 {
	margin-right: 0 !important
}

.me-1 {
	margin-right: .25rem !important
}

.me-2 {
	margin-right: .5rem !important
}

.me-3 {
	margin-right: 1rem !important
}

.me-4 {
	margin-right: 1.5rem !important
}

.me-5 {
	margin-right: 3rem !important
}

.me-auto {
	margin-right: auto !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.mb-3 {
	margin-bottom: 1rem !important
}

.mb-4 {
	margin-bottom: 1.5rem !important
}

.mb-5 {
	margin-bottom: 3rem !important
}

.mb-auto {
	margin-bottom: auto !important
}

.ms-0 {
	margin-left: 0 !important
}

.ms-1 {
	margin-left: .25rem !important
}

.ms-2 {
	margin-left: .5rem !important
}

.ms-3 {
	margin-left: 1rem !important
}

.ms-4 {
	margin-left: 1.5rem !important
}

.ms-5 {
	margin-left: 3rem !important
}

.ms-auto {
	margin-left: auto !important
}

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.px-1 {
	padding-right: .25rem !important;
	padding-left: .25rem !important
}

.px-2 {
	padding-right: .5rem !important;
	padding-left: .5rem !important
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.py-1 {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important
}

.py-2 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-1 {
	padding-top: .25rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pt-3 {
	padding-top: 1rem !important
}

.pt-4 {
	padding-top: 1.5rem !important
}

.pt-5 {
	padding-top: 3rem !important
}

.pe-0 {
	padding-right: 0 !important
}

.pe-1 {
	padding-right: .25rem !important
}

.pe-2 {
	padding-right: .5rem !important
}

.pe-3 {
	padding-right: 1rem !important
}

.pe-4 {
	padding-right: 1.5rem !important
}

.pe-5 {
	padding-right: 3rem !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-1 {
	padding-bottom: .25rem !important
}

.pb-2 {
	padding-bottom: .5rem !important
}

.pb-3 {
	padding-bottom: 1rem !important
}

.pb-4 {
	padding-bottom: 1.5rem !important
}

.pb-5 {
	padding-bottom: 3rem !important
}

.ps-0 {
	padding-left: 0 !important
}

.ps-1 {
	padding-left: .25rem !important
}

.ps-2 {
	padding-left: .5rem !important
}

.ps-3 {
	padding-left: 1rem !important
}

.ps-4 {
	padding-left: 1.5rem !important
}

.ps-5 {
	padding-left: 3rem !important
}

.gap-0 {
	gap: 0 !important
}

.gap-1 {
	gap: .25rem !important
}

.gap-2 {
	gap: .5rem !important
}

.gap-3 {
	gap: 1rem !important
}

.gap-4 {
	gap: 1.5rem !important
}

.gap-5 {
	gap: 3rem !important
}

.font-monospace {
	font-family: var(--odfont-monospace) !important
}

.fs-1 {
	font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
	font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
	font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
	font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
	font-size: 1.25rem !important
}

.fs-6 {
	font-size: 1rem !important
}

.fst-italic {
	font-style: italic !important
}

.fst-normal {
	font-style: normal !important
}

.fw-light {
	font-weight: 300 !important
}

.fw-lighter {
	font-weight: lighter !important
}

.fw-normal {
	font-weight: 400 !important
}

.fw-bold {
	font-weight: 700 !important
}

.fw-semibold {
	font-weight: 600 !important
}

.fw-bolder {
	font-weight: bolder !important
}

.lh-1 {
	line-height: 1 !important
}

.lh-sm {
	line-height: 1.25 !important
}

.lh-base {
	line-height: 1.5 !important
}

.lh-lg {
	line-height: 2 !important
}

.text-start {
	text-align: left !important
}

.text-end {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

.text-decoration-none {
	text-decoration: none !important
}

.text-decoration-underline {
	text-decoration: underline !important
}

.text-decoration-line-through {
	text-decoration: line-through !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.text-wrap {
	white-space: normal !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-break {
	word-wrap: break-word !important;
	word-break: break-word !important
}

.text-primary {
	--odtext-opacity: 1;
	color: rgba(var(--odprimary-rgb), var(--odtext-opacity)) !important
}

.text-secondary {
	--odtext-opacity: 1;
	color: rgba(var(--odsecondary-rgb), var(--odtext-opacity)) !important
}

.text-success {
	--odtext-opacity: 1;
	color: rgba(var(--odsuccess-rgb), var(--odtext-opacity)) !important
}

.text-info {
	--odtext-opacity: 1;
	color: rgba(var(--odinfo-rgb), var(--odtext-opacity)) !important
}

.text-warning {
	--odtext-opacity: 1;
	color: rgba(var(--odwarning-rgb), var(--odtext-opacity)) !important
}

.text-danger {
	--odtext-opacity: 1;
	color: rgba(var(--oddanger-rgb), var(--odtext-opacity)) !important
}

.text-light {
	--odtext-opacity: 1;
	color: rgba(var(--odlight-rgb), var(--odtext-opacity)) !important
}

.text-dark {
	--odtext-opacity: 1;
	color: rgba(var(--oddark-rgb), var(--odtext-opacity)) !important
}

.text-black {
	--odtext-opacity: 1;
	color: rgba(var(--odblack-rgb), var(--odtext-opacity)) !important
}

.text-white {
	--odtext-opacity: 1;
	color: rgba(var(--odwhite-rgb), var(--odtext-opacity)) !important
}

.text-body {
	--odtext-opacity: 1;
	color: rgba(var(--odbody-color-rgb), var(--odtext-opacity)) !important
}

.text-muted {
	--odtext-opacity: 1;
	color: #6c757d !important
}

.text-black-50 {
	--odtext-opacity: 1;
	color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
	--odtext-opacity: 1;
	color: rgba(255, 255, 255, .5) !important
}

.text-reset {
	--odtext-opacity: 1;
	color: inherit !important
}

.text-opacity-25 {
	--odtext-opacity: 0.25
}

.text-opacity-50 {
	--odtext-opacity: 0.5
}

.text-opacity-75 {
	--odtext-opacity: 0.75
}

.text-opacity-100 {
	--odtext-opacity: 1
}

.bg-primary {
	--odbg-opacity: 1;
	background-color: rgba(var(--odprimary-rgb), var(--odbg-opacity)) !important
}

.bg-secondary {
	--odbg-opacity: 1;
	background-color: rgba(var(--odsecondary-rgb), var(--odbg-opacity)) !important
}

.bg-success {
	--odbg-opacity: 1;
	background-color: rgba(var(--odsuccess-rgb), var(--odbg-opacity)) !important
}

.bg-info {
	--odbg-opacity: 1;
	background-color: rgba(var(--odinfo-rgb), var(--odbg-opacity)) !important
}

.bg-warning {
	--odbg-opacity: 1;
	background-color: rgba(var(--odwarning-rgb), var(--odbg-opacity)) !important
}

.bg-danger {
	--odbg-opacity: 1;
	background-color: rgba(var(--oddanger-rgb), var(--odbg-opacity)) !important
}

.bg-light {
	--odbg-opacity: 1;
	background-color: rgba(var(--odlight-rgb), var(--odbg-opacity)) !important
}

.bg-dark {
	--odbg-opacity: 1;
	background-color: rgba(var(--oddark-rgb), var(--odbg-opacity)) !important
}

.bg-black {
	--odbg-opacity: 1;
	background-color: rgba(var(--odblack-rgb), var(--odbg-opacity)) !important
}

.bg-white {
	--odbg-opacity: 1;
	background-color: rgba(var(--odwhite-rgb), var(--odbg-opacity)) !important
}

.bg-body {
	--odbg-opacity: 1;
	background-color: rgba(var(--odbody-bg-rgb), var(--odbg-opacity)) !important
}

.bg-transparent {
	--odbg-opacity: 1;
	background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
	--odbg-opacity: 0.1
}

.bg-opacity-25 {
	--odbg-opacity: 0.25
}

.bg-opacity-50 {
	--odbg-opacity: 0.5
}

.bg-opacity-75 {
	--odbg-opacity: 0.75
}

.bg-opacity-100 {
	--odbg-opacity: 1
}

.bg-gradient {
	background-image: var(--odgradient) !important
}

.user-select-all {
	-webkit-user-select: all !important;
	-moz-user-select: all !important;
	user-select: all !important
}

.user-select-auto {
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	user-select: auto !important
}

.user-select-none {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important
}

.pe-none {
	pointer-events: none !important
}

.pe-auto {
	pointer-events: auto !important
}

.rounded {
	border-radius: var(--odborder-radius) !important
}

.rounded-0 {
	border-radius: 0 !important
}

.rounded-1 {
	border-radius: var(--odborder-radius-sm) !important
}

.rounded-2 {
	border-radius: var(--odborder-radius) !important
}

.rounded-3 {
	border-radius: var(--odborder-radius-lg) !important
}

.rounded-4 {
	border-radius: var(--odborder-radius-xl) !important
}

.rounded-5 {
	border-radius: var(--odborder-radius-2xl) !important
}

.rounded-circle {
	border-radius: 50% !important
}

.rounded-pill {
	border-radius: var(--odborder-radius-pill) !important
}

.rounded-top {
	border-top-left-radius: var(--odborder-radius) !important;
	border-top-right-radius: var(--odborder-radius) !important
}

.rounded-end {
	border-top-right-radius: var(--odborder-radius) !important;
	border-bottom-right-radius: var(--odborder-radius) !important
}

.rounded-bottom {
	border-bottom-right-radius: var(--odborder-radius) !important;
	border-bottom-left-radius: var(--odborder-radius) !important
}

.rounded-start {
	border-bottom-left-radius: var(--odborder-radius) !important;
	border-top-left-radius: var(--odborder-radius) !important
}

.visible {
	visibility: visible !important
}

.invisible {
	visibility: hidden !important
}

@media(min-width: 576px) {
	.float-sm-start {
		float: left !important
	}

	.float-sm-end {
		float: right !important
	}

	.float-sm-none {
		float: none !important
	}

	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.d-sm-grid {
		display: grid !important
	}

	.d-sm-table {
		display: table !important
	}

	.d-sm-table-row {
		display: table-row !important
	}

	.d-sm-table-cell {
		display: table-cell !important
	}

	.d-sm-flex {
		display: flex !important
	}

	.d-sm-inline-flex {
		display: inline-flex !important
	}

	.d-sm-none {
		display: none !important
	}

	.flex-sm-fill {
		flex: 1 1 auto !important
	}

	.flex-sm-row {
		flex-direction: row !important
	}

	.flex-sm-column {
		flex-direction: column !important
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-sm-grow-0 {
		flex-grow: 0 !important
	}

	.flex-sm-grow-1 {
		flex-grow: 1 !important
	}

	.flex-sm-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-sm-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-sm-start {
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		justify-content: center !important
	}

	.justify-content-sm-between {
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		justify-content: space-around !important
	}

	.justify-content-sm-evenly {
		justify-content: space-evenly !important
	}

	.align-items-sm-start {
		align-items: flex-start !important
	}

	.align-items-sm-end {
		align-items: flex-end !important
	}

	.align-items-sm-center {
		align-items: center !important
	}

	.align-items-sm-baseline {
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		align-items: stretch !important
	}

	.align-content-sm-start {
		align-content: flex-start !important
	}

	.align-content-sm-end {
		align-content: flex-end !important
	}

	.align-content-sm-center {
		align-content: center !important
	}

	.align-content-sm-between {
		align-content: space-between !important
	}

	.align-content-sm-around {
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		align-content: stretch !important
	}

	.align-self-sm-auto {
		align-self: auto !important
	}

	.align-self-sm-start {
		align-self: flex-start !important
	}

	.align-self-sm-end {
		align-self: flex-end !important
	}

	.align-self-sm-center {
		align-self: center !important
	}

	.align-self-sm-baseline {
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		align-self: stretch !important
	}

	.order-sm-first {
		order: -1 !important
	}

	.order-sm-0 {
		order: 0 !important
	}

	.order-sm-1 {
		order: 1 !important
	}

	.order-sm-2 {
		order: 2 !important
	}

	.order-sm-3 {
		order: 3 !important
	}

	.order-sm-4 {
		order: 4 !important
	}

	.order-sm-5 {
		order: 5 !important
	}

	.order-sm-last {
		order: 6 !important
	}

	.m-sm-0 {
		margin: 0 !important
	}

	.m-sm-1 {
		margin: .25rem !important
	}

	.m-sm-2 {
		margin: .5rem !important
	}

	.m-sm-3 {
		margin: 1rem !important
	}

	.m-sm-4 {
		margin: 1.5rem !important
	}

	.m-sm-5 {
		margin: 3rem !important
	}

	.m-sm-auto {
		margin: auto !important
	}

	.mx-sm-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-sm-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-sm-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-sm-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-sm-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-sm-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-sm-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-sm-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-sm-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-sm-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-sm-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-sm-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-sm-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-sm-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-sm-0 {
		margin-top: 0 !important
	}

	.mt-sm-1 {
		margin-top: .25rem !important
	}

	.mt-sm-2 {
		margin-top: .5rem !important
	}

	.mt-sm-3 {
		margin-top: 1rem !important
	}

	.mt-sm-4 {
		margin-top: 1.5rem !important
	}

	.mt-sm-5 {
		margin-top: 3rem !important
	}

	.mt-sm-auto {
		margin-top: auto !important
	}

	.me-sm-0 {
		margin-right: 0 !important
	}

	.me-sm-1 {
		margin-right: .25rem !important
	}

	.me-sm-2 {
		margin-right: .5rem !important
	}

	.me-sm-3 {
		margin-right: 1rem !important
	}

	.me-sm-4 {
		margin-right: 1.5rem !important
	}

	.me-sm-5 {
		margin-right: 3rem !important
	}

	.me-sm-auto {
		margin-right: auto !important
	}

	.mb-sm-0 {
		margin-bottom: 0 !important
	}

	.mb-sm-1 {
		margin-bottom: .25rem !important
	}

	.mb-sm-2 {
		margin-bottom: .5rem !important
	}

	.mb-sm-3 {
		margin-bottom: 1rem !important
	}

	.mb-sm-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-sm-5 {
		margin-bottom: 3rem !important
	}

	.mb-sm-auto {
		margin-bottom: auto !important
	}

	.ms-sm-0 {
		margin-left: 0 !important
	}

	.ms-sm-1 {
		margin-left: .25rem !important
	}

	.ms-sm-2 {
		margin-left: .5rem !important
	}

	.ms-sm-3 {
		margin-left: 1rem !important
	}

	.ms-sm-4 {
		margin-left: 1.5rem !important
	}

	.ms-sm-5 {
		margin-left: 3rem !important
	}

	.ms-sm-auto {
		margin-left: auto !important
	}

	.p-sm-0 {
		padding: 0 !important
	}

	.p-sm-1 {
		padding: .25rem !important
	}

	.p-sm-2 {
		padding: .5rem !important
	}

	.p-sm-3 {
		padding: 1rem !important
	}

	.p-sm-4 {
		padding: 1.5rem !important
	}

	.p-sm-5 {
		padding: 3rem !important
	}

	.px-sm-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-sm-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-sm-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-sm-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-sm-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-sm-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-sm-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-sm-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-sm-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-sm-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-sm-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-sm-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-sm-0 {
		padding-top: 0 !important
	}

	.pt-sm-1 {
		padding-top: .25rem !important
	}

	.pt-sm-2 {
		padding-top: .5rem !important
	}

	.pt-sm-3 {
		padding-top: 1rem !important
	}

	.pt-sm-4 {
		padding-top: 1.5rem !important
	}

	.pt-sm-5 {
		padding-top: 3rem !important
	}

	.pe-sm-0 {
		padding-right: 0 !important
	}

	.pe-sm-1 {
		padding-right: .25rem !important
	}

	.pe-sm-2 {
		padding-right: .5rem !important
	}

	.pe-sm-3 {
		padding-right: 1rem !important
	}

	.pe-sm-4 {
		padding-right: 1.5rem !important
	}

	.pe-sm-5 {
		padding-right: 3rem !important
	}

	.pb-sm-0 {
		padding-bottom: 0 !important
	}

	.pb-sm-1 {
		padding-bottom: .25rem !important
	}

	.pb-sm-2 {
		padding-bottom: .5rem !important
	}

	.pb-sm-3 {
		padding-bottom: 1rem !important
	}

	.pb-sm-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-sm-5 {
		padding-bottom: 3rem !important
	}

	.ps-sm-0 {
		padding-left: 0 !important
	}

	.ps-sm-1 {
		padding-left: .25rem !important
	}

	.ps-sm-2 {
		padding-left: .5rem !important
	}

	.ps-sm-3 {
		padding-left: 1rem !important
	}

	.ps-sm-4 {
		padding-left: 1.5rem !important
	}

	.ps-sm-5 {
		padding-left: 3rem !important
	}

	.gap-sm-0 {
		gap: 0 !important
	}

	.gap-sm-1 {
		gap: .25rem !important
	}

	.gap-sm-2 {
		gap: .5rem !important
	}

	.gap-sm-3 {
		gap: 1rem !important
	}

	.gap-sm-4 {
		gap: 1.5rem !important
	}

	.gap-sm-5 {
		gap: 3rem !important
	}

	.text-sm-start {
		text-align: left !important
	}

	.text-sm-end {
		text-align: right !important
	}

	.text-sm-center {
		text-align: center !important
	}
}

@media(min-width: 768px) {
	.float-md-start {
		float: left !important
	}

	.float-md-end {
		float: right !important
	}

	.float-md-none {
		float: none !important
	}

	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-grid {
		display: grid !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: flex !important
	}

	.d-md-inline-flex {
		display: inline-flex !important
	}

	.d-md-none {
		display: none !important
	}

	.flex-md-fill {
		flex: 1 1 auto !important
	}

	.flex-md-row {
		flex-direction: row !important
	}

	.flex-md-column {
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-md-wrap {
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-md-start {
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		justify-content: center !important
	}

	.justify-content-md-between {
		justify-content: space-between !important
	}

	.justify-content-md-around {
		justify-content: space-around !important
	}

	.justify-content-md-evenly {
		justify-content: space-evenly !important
	}

	.align-items-md-start {
		align-items: flex-start !important
	}

	.align-items-md-end {
		align-items: flex-end !important
	}

	.align-items-md-center {
		align-items: center !important
	}

	.align-items-md-baseline {
		align-items: baseline !important
	}

	.align-items-md-stretch {
		align-items: stretch !important
	}

	.align-content-md-start {
		align-content: flex-start !important
	}

	.align-content-md-end {
		align-content: flex-end !important
	}

	.align-content-md-center {
		align-content: center !important
	}

	.align-content-md-between {
		align-content: space-between !important
	}

	.align-content-md-around {
		align-content: space-around !important
	}

	.align-content-md-stretch {
		align-content: stretch !important
	}

	.align-self-md-auto {
		align-self: auto !important
	}

	.align-self-md-start {
		align-self: flex-start !important
	}

	.align-self-md-end {
		align-self: flex-end !important
	}

	.align-self-md-center {
		align-self: center !important
	}

	.align-self-md-baseline {
		align-self: baseline !important
	}

	.align-self-md-stretch {
		align-self: stretch !important
	}

	.order-md-first {
		order: -1 !important
	}

	.order-md-0 {
		order: 0 !important
	}

	.order-md-1 {
		order: 1 !important
	}

	.order-md-2 {
		order: 2 !important
	}

	.order-md-3 {
		order: 3 !important
	}

	.order-md-4 {
		order: 4 !important
	}

	.order-md-5 {
		order: 5 !important
	}

	.order-md-last {
		order: 6 !important
	}

	.m-md-0 {
		margin: 0 !important
	}

	.m-md-1 {
		margin: .25rem !important
	}

	.m-md-2 {
		margin: .5rem !important
	}

	.m-md-3 {
		margin: 1rem !important
	}

	.m-md-4 {
		margin: 1.5rem !important
	}

	.m-md-5 {
		margin: 3rem !important
	}

	.m-md-auto {
		margin: auto !important
	}

	.mx-md-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-md-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-md-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-md-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-md-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-md-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-md-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-md-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-md-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-md-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-md-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-md-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-md-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-md-0 {
		margin-top: 0 !important
	}

	.mt-md-1 {
		margin-top: .25rem !important
	}

	.mt-md-2 {
		margin-top: .5rem !important
	}

	.mt-md-3 {
		margin-top: 1rem !important
	}

	.mt-md-4 {
		margin-top: 1.5rem !important
	}

	.mt-md-5 {
		margin-top: 3rem !important
	}

	.mt-md-auto {
		margin-top: auto !important
	}

	.me-md-0 {
		margin-right: 0 !important
	}

	.me-md-1 {
		margin-right: .25rem !important
	}

	.me-md-2 {
		margin-right: .5rem !important
	}

	.me-md-3 {
		margin-right: 1rem !important
	}

	.me-md-4 {
		margin-right: 1.5rem !important
	}

	.me-md-5 {
		margin-right: 3rem !important
	}

	.me-md-auto {
		margin-right: auto !important
	}

	.mb-md-0 {
		margin-bottom: 0 !important
	}

	.mb-md-1 {
		margin-bottom: .25rem !important
	}

	.mb-md-2 {
		margin-bottom: .5rem !important
	}

	.mb-md-3 {
		margin-bottom: 1rem !important
	}

	.mb-md-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-md-5 {
		margin-bottom: 3rem !important
	}

	.mb-md-auto {
		margin-bottom: auto !important
	}

	.ms-md-0 {
		margin-left: 0 !important
	}

	.ms-md-1 {
		margin-left: .25rem !important
	}

	.ms-md-2 {
		margin-left: .5rem !important
	}

	.ms-md-3 {
		margin-left: 1rem !important
	}

	.ms-md-4 {
		margin-left: 1.5rem !important
	}

	.ms-md-5 {
		margin-left: 3rem !important
	}

	.ms-md-auto {
		margin-left: auto !important
	}

	.p-md-0 {
		padding: 0 !important
	}

	.p-md-1 {
		padding: .25rem !important
	}

	.p-md-2 {
		padding: .5rem !important
	}

	.p-md-3 {
		padding: 1rem !important
	}

	.p-md-4 {
		padding: 1.5rem !important
	}

	.p-md-5 {
		padding: 3rem !important
	}

	.px-md-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-md-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-md-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-md-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-md-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-md-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-md-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-md-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-md-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-md-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-md-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-md-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-md-0 {
		padding-top: 0 !important
	}

	.pt-md-1 {
		padding-top: .25rem !important
	}

	.pt-md-2 {
		padding-top: .5rem !important
	}

	.pt-md-3 {
		padding-top: 1rem !important
	}

	.pt-md-4 {
		padding-top: 1.5rem !important
	}

	.pt-md-5 {
		padding-top: 3rem !important
	}

	.pe-md-0 {
		padding-right: 0 !important
	}

	.pe-md-1 {
		padding-right: .25rem !important
	}

	.pe-md-2 {
		padding-right: .5rem !important
	}

	.pe-md-3 {
		padding-right: 1rem !important
	}

	.pe-md-4 {
		padding-right: 1.5rem !important
	}

	.pe-md-5 {
		padding-right: 3rem !important
	}

	.pb-md-0 {
		padding-bottom: 0 !important
	}

	.pb-md-1 {
		padding-bottom: .25rem !important
	}

	.pb-md-2 {
		padding-bottom: .5rem !important
	}

	.pb-md-3 {
		padding-bottom: 1rem !important
	}

	.pb-md-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-md-5 {
		padding-bottom: 3rem !important
	}

	.ps-md-0 {
		padding-left: 0 !important
	}

	.ps-md-1 {
		padding-left: .25rem !important
	}

	.ps-md-2 {
		padding-left: .5rem !important
	}

	.ps-md-3 {
		padding-left: 1rem !important
	}

	.ps-md-4 {
		padding-left: 1.5rem !important
	}

	.ps-md-5 {
		padding-left: 3rem !important
	}

	.gap-md-0 {
		gap: 0 !important
	}

	.gap-md-1 {
		gap: .25rem !important
	}

	.gap-md-2 {
		gap: .5rem !important
	}

	.gap-md-3 {
		gap: 1rem !important
	}

	.gap-md-4 {
		gap: 1.5rem !important
	}

	.gap-md-5 {
		gap: 3rem !important
	}

	.text-md-start {
		text-align: left !important
	}

	.text-md-end {
		text-align: right !important
	}

	.text-md-center {
		text-align: center !important
	}
}

@media(min-width: 992px) {
	.float-lg-start {
		float: left !important
	}

	.float-lg-end {
		float: right !important
	}

	.float-lg-none {
		float: none !important
	}

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-grid {
		display: grid !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: flex !important
	}

	.d-lg-inline-flex {
		display: inline-flex !important
	}

	.d-lg-none {
		display: none !important
	}

	.flex-lg-fill {
		flex: 1 1 auto !important
	}

	.flex-lg-row {
		flex-direction: row !important
	}

	.flex-lg-column {
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-lg-start {
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		justify-content: center !important
	}

	.justify-content-lg-between {
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		justify-content: space-around !important
	}

	.justify-content-lg-evenly {
		justify-content: space-evenly !important
	}

	.align-items-lg-start {
		align-items: flex-start !important
	}

	.align-items-lg-end {
		align-items: flex-end !important
	}

	.align-items-lg-center {
		align-items: center !important
	}

	.align-items-lg-baseline {
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		align-items: stretch !important
	}

	.align-content-lg-start {
		align-content: flex-start !important
	}

	.align-content-lg-end {
		align-content: flex-end !important
	}

	.align-content-lg-center {
		align-content: center !important
	}

	.align-content-lg-between {
		align-content: space-between !important
	}

	.align-content-lg-around {
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		align-content: stretch !important
	}

	.align-self-lg-auto {
		align-self: auto !important
	}

	.align-self-lg-start {
		align-self: flex-start !important
	}

	.align-self-lg-end {
		align-self: flex-end !important
	}

	.align-self-lg-center {
		align-self: center !important
	}

	.align-self-lg-baseline {
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		align-self: stretch !important
	}

	.order-lg-first {
		order: -1 !important
	}

	.order-lg-0 {
		order: 0 !important
	}

	.order-lg-1 {
		order: 1 !important
	}

	.order-lg-2 {
		order: 2 !important
	}

	.order-lg-3 {
		order: 3 !important
	}

	.order-lg-4 {
		order: 4 !important
	}

	.order-lg-5 {
		order: 5 !important
	}

	.order-lg-last {
		order: 6 !important
	}

	.m-lg-0 {
		margin: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mx-lg-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-lg-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-lg-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-lg-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-lg-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-lg-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-lg-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-lg-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-lg-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-lg-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-lg-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-lg-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-lg-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-lg-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-lg-0 {
		margin-top: 0 !important
	}

	.mt-lg-1 {
		margin-top: .25rem !important
	}

	.mt-lg-2 {
		margin-top: .5rem !important
	}

	.mt-lg-3 {
		margin-top: 1rem !important
	}

	.mt-lg-4 {
		margin-top: 1.5rem !important
	}

	.mt-lg-5 {
		margin-top: 3rem !important
	}

	.mt-lg-auto {
		margin-top: auto !important
	}

	.me-lg-0 {
		margin-right: 0 !important
	}

	.me-lg-1 {
		margin-right: .25rem !important
	}

	.me-lg-2 {
		margin-right: .5rem !important
	}

	.me-lg-3 {
		margin-right: 1rem !important
	}

	.me-lg-4 {
		margin-right: 1.5rem !important
	}

	.me-lg-5 {
		margin-right: 3rem !important
	}

	.me-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-0 {
		margin-bottom: 0 !important
	}

	.mb-lg-1 {
		margin-bottom: .25rem !important
	}

	.mb-lg-2 {
		margin-bottom: .5rem !important
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-lg-5 {
		margin-bottom: 3rem !important
	}

	.mb-lg-auto {
		margin-bottom: auto !important
	}

	.ms-lg-0 {
		margin-left: 0 !important
	}

	.ms-lg-1 {
		margin-left: .25rem !important
	}

	.ms-lg-2 {
		margin-left: .5rem !important
	}

	.ms-lg-3 {
		margin-left: 1rem !important
	}

	.ms-lg-4 {
		margin-left: 1.5rem !important
	}

	.ms-lg-5 {
		margin-left: 3rem !important
	}

	.ms-lg-auto {
		margin-left: auto !important
	}

	.p-lg-0 {
		padding: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.px-lg-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-lg-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-lg-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-lg-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-lg-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-lg-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-lg-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-lg-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-lg-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-lg-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-lg-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-lg-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-lg-0 {
		padding-top: 0 !important
	}

	.pt-lg-1 {
		padding-top: .25rem !important
	}

	.pt-lg-2 {
		padding-top: .5rem !important
	}

	.pt-lg-3 {
		padding-top: 1rem !important
	}

	.pt-lg-4 {
		padding-top: 1.5rem !important
	}

	.pt-lg-5 {
		padding-top: 3rem !important
	}

	.pe-lg-0 {
		padding-right: 0 !important
	}

	.pe-lg-1 {
		padding-right: .25rem !important
	}

	.pe-lg-2 {
		padding-right: .5rem !important
	}

	.pe-lg-3 {
		padding-right: 1rem !important
	}

	.pe-lg-4 {
		padding-right: 1.5rem !important
	}

	.pe-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-0 {
		padding-bottom: 0 !important
	}

	.pb-lg-1 {
		padding-bottom: .25rem !important
	}

	.pb-lg-2 {
		padding-bottom: .5rem !important
	}

	.pb-lg-3 {
		padding-bottom: 1rem !important
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-lg-5 {
		padding-bottom: 3rem !important
	}

	.ps-lg-0 {
		padding-left: 0 !important
	}

	.ps-lg-1 {
		padding-left: .25rem !important
	}

	.ps-lg-2 {
		padding-left: .5rem !important
	}

	.ps-lg-3 {
		padding-left: 1rem !important
	}

	.ps-lg-4 {
		padding-left: 1.5rem !important
	}

	.ps-lg-5 {
		padding-left: 3rem !important
	}

	.gap-lg-0 {
		gap: 0 !important
	}

	.gap-lg-1 {
		gap: .25rem !important
	}

	.gap-lg-2 {
		gap: .5rem !important
	}

	.gap-lg-3 {
		gap: 1rem !important
	}

	.gap-lg-4 {
		gap: 1.5rem !important
	}

	.gap-lg-5 {
		gap: 3rem !important
	}

	.text-lg-start {
		text-align: left !important
	}

	.text-lg-end {
		text-align: right !important
	}

	.text-lg-center {
		text-align: center !important
	}
}

@media(min-width: 1200px) {
	.float-xl-start {
		float: left !important
	}

	.float-xl-end {
		float: right !important
	}

	.float-xl-none {
		float: none !important
	}

	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-grid {
		display: grid !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: flex !important
	}

	.d-xl-inline-flex {
		display: inline-flex !important
	}

	.d-xl-none {
		display: none !important
	}

	.flex-xl-fill {
		flex: 1 1 auto !important
	}

	.flex-xl-row {
		flex-direction: row !important
	}

	.flex-xl-column {
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xl-start {
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		justify-content: center !important
	}

	.justify-content-xl-between {
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		justify-content: space-around !important
	}

	.justify-content-xl-evenly {
		justify-content: space-evenly !important
	}

	.align-items-xl-start {
		align-items: flex-start !important
	}

	.align-items-xl-end {
		align-items: flex-end !important
	}

	.align-items-xl-center {
		align-items: center !important
	}

	.align-items-xl-baseline {
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		align-items: stretch !important
	}

	.align-content-xl-start {
		align-content: flex-start !important
	}

	.align-content-xl-end {
		align-content: flex-end !important
	}

	.align-content-xl-center {
		align-content: center !important
	}

	.align-content-xl-between {
		align-content: space-between !important
	}

	.align-content-xl-around {
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		align-content: stretch !important
	}

	.align-self-xl-auto {
		align-self: auto !important
	}

	.align-self-xl-start {
		align-self: flex-start !important
	}

	.align-self-xl-end {
		align-self: flex-end !important
	}

	.align-self-xl-center {
		align-self: center !important
	}

	.align-self-xl-baseline {
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		align-self: stretch !important
	}

	.order-xl-first {
		order: -1 !important
	}

	.order-xl-0 {
		order: 0 !important
	}

	.order-xl-1 {
		order: 1 !important
	}

	.order-xl-2 {
		order: 2 !important
	}

	.order-xl-3 {
		order: 3 !important
	}

	.order-xl-4 {
		order: 4 !important
	}

	.order-xl-5 {
		order: 5 !important
	}

	.order-xl-last {
		order: 6 !important
	}

	.m-xl-0 {
		margin: 0 !important
	}

	.m-xl-1 {
		margin: .25rem !important
	}

	.m-xl-2 {
		margin: .5rem !important
	}

	.m-xl-3 {
		margin: 1rem !important
	}

	.m-xl-4 {
		margin: 1.5rem !important
	}

	.m-xl-5 {
		margin: 3rem !important
	}

	.m-xl-auto {
		margin: auto !important
	}

	.mx-xl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-xl-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-xl-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-xl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-xl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-xl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-xl-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-xl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-xl-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-xl-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-xl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-xl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-xl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-xl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-xl-0 {
		margin-top: 0 !important
	}

	.mt-xl-1 {
		margin-top: .25rem !important
	}

	.mt-xl-2 {
		margin-top: .5rem !important
	}

	.mt-xl-3 {
		margin-top: 1rem !important
	}

	.mt-xl-4 {
		margin-top: 1.5rem !important
	}

	.mt-xl-5 {
		margin-top: 3rem !important
	}

	.mt-xl-auto {
		margin-top: auto !important
	}

	.me-xl-0 {
		margin-right: 0 !important
	}

	.me-xl-1 {
		margin-right: .25rem !important
	}

	.me-xl-2 {
		margin-right: .5rem !important
	}

	.me-xl-3 {
		margin-right: 1rem !important
	}

	.me-xl-4 {
		margin-right: 1.5rem !important
	}

	.me-xl-5 {
		margin-right: 3rem !important
	}

	.me-xl-auto {
		margin-right: auto !important
	}

	.mb-xl-0 {
		margin-bottom: 0 !important
	}

	.mb-xl-1 {
		margin-bottom: .25rem !important
	}

	.mb-xl-2 {
		margin-bottom: .5rem !important
	}

	.mb-xl-3 {
		margin-bottom: 1rem !important
	}

	.mb-xl-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-xl-5 {
		margin-bottom: 3rem !important
	}

	.mb-xl-auto {
		margin-bottom: auto !important
	}

	.ms-xl-0 {
		margin-left: 0 !important
	}

	.ms-xl-1 {
		margin-left: .25rem !important
	}

	.ms-xl-2 {
		margin-left: .5rem !important
	}

	.ms-xl-3 {
		margin-left: 1rem !important
	}

	.ms-xl-4 {
		margin-left: 1.5rem !important
	}

	.ms-xl-5 {
		margin-left: 3rem !important
	}

	.ms-xl-auto {
		margin-left: auto !important
	}

	.p-xl-0 {
		padding: 0 !important
	}

	.p-xl-1 {
		padding: .25rem !important
	}

	.p-xl-2 {
		padding: .5rem !important
	}

	.p-xl-3 {
		padding: 1rem !important
	}

	.p-xl-4 {
		padding: 1.5rem !important
	}

	.p-xl-5 {
		padding: 3rem !important
	}

	.px-xl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-xl-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-xl-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-xl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-xl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-xl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-xl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-xl-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-xl-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-xl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-xl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-xl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-xl-0 {
		padding-top: 0 !important
	}

	.pt-xl-1 {
		padding-top: .25rem !important
	}

	.pt-xl-2 {
		padding-top: .5rem !important
	}

	.pt-xl-3 {
		padding-top: 1rem !important
	}

	.pt-xl-4 {
		padding-top: 1.5rem !important
	}

	.pt-xl-5 {
		padding-top: 3rem !important
	}

	.pe-xl-0 {
		padding-right: 0 !important
	}

	.pe-xl-1 {
		padding-right: .25rem !important
	}

	.pe-xl-2 {
		padding-right: .5rem !important
	}

	.pe-xl-3 {
		padding-right: 1rem !important
	}

	.pe-xl-4 {
		padding-right: 1.5rem !important
	}

	.pe-xl-5 {
		padding-right: 3rem !important
	}

	.pb-xl-0 {
		padding-bottom: 0 !important
	}

	.pb-xl-1 {
		padding-bottom: .25rem !important
	}

	.pb-xl-2 {
		padding-bottom: .5rem !important
	}

	.pb-xl-3 {
		padding-bottom: 1rem !important
	}

	.pb-xl-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-xl-5 {
		padding-bottom: 3rem !important
	}

	.ps-xl-0 {
		padding-left: 0 !important
	}

	.ps-xl-1 {
		padding-left: .25rem !important
	}

	.ps-xl-2 {
		padding-left: .5rem !important
	}

	.ps-xl-3 {
		padding-left: 1rem !important
	}

	.ps-xl-4 {
		padding-left: 1.5rem !important
	}

	.ps-xl-5 {
		padding-left: 3rem !important
	}

	.gap-xl-0 {
		gap: 0 !important
	}

	.gap-xl-1 {
		gap: .25rem !important
	}

	.gap-xl-2 {
		gap: .5rem !important
	}

	.gap-xl-3 {
		gap: 1rem !important
	}

	.gap-xl-4 {
		gap: 1.5rem !important
	}

	.gap-xl-5 {
		gap: 3rem !important
	}

	.text-xl-start {
		text-align: left !important
	}

	.text-xl-end {
		text-align: right !important
	}

	.text-xl-center {
		text-align: center !important
	}
}

@media(min-width: 1400px) {
	.float-xxl-start {
		float: left !important
	}

	.float-xxl-end {
		float: right !important
	}

	.float-xxl-none {
		float: none !important
	}

	.d-xxl-inline {
		display: inline !important
	}

	.d-xxl-inline-block {
		display: inline-block !important
	}

	.d-xxl-block {
		display: block !important
	}

	.d-xxl-grid {
		display: grid !important
	}

	.d-xxl-table {
		display: table !important
	}

	.d-xxl-table-row {
		display: table-row !important
	}

	.d-xxl-table-cell {
		display: table-cell !important
	}

	.d-xxl-flex {
		display: flex !important
	}

	.d-xxl-inline-flex {
		display: inline-flex !important
	}

	.d-xxl-none {
		display: none !important
	}

	.flex-xxl-fill {
		flex: 1 1 auto !important
	}

	.flex-xxl-row {
		flex-direction: row !important
	}

	.flex-xxl-column {
		flex-direction: column !important
	}

	.flex-xxl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xxl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xxl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xxl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xxl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xxl-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-xxl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xxl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xxl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xxl-start {
		justify-content: flex-start !important
	}

	.justify-content-xxl-end {
		justify-content: flex-end !important
	}

	.justify-content-xxl-center {
		justify-content: center !important
	}

	.justify-content-xxl-between {
		justify-content: space-between !important
	}

	.justify-content-xxl-around {
		justify-content: space-around !important
	}

	.justify-content-xxl-evenly {
		justify-content: space-evenly !important
	}

	.align-items-xxl-start {
		align-items: flex-start !important
	}

	.align-items-xxl-end {
		align-items: flex-end !important
	}

	.align-items-xxl-center {
		align-items: center !important
	}

	.align-items-xxl-baseline {
		align-items: baseline !important
	}

	.align-items-xxl-stretch {
		align-items: stretch !important
	}

	.align-content-xxl-start {
		align-content: flex-start !important
	}

	.align-content-xxl-end {
		align-content: flex-end !important
	}

	.align-content-xxl-center {
		align-content: center !important
	}

	.align-content-xxl-between {
		align-content: space-between !important
	}

	.align-content-xxl-around {
		align-content: space-around !important
	}

	.align-content-xxl-stretch {
		align-content: stretch !important
	}

	.align-self-xxl-auto {
		align-self: auto !important
	}

	.align-self-xxl-start {
		align-self: flex-start !important
	}

	.align-self-xxl-end {
		align-self: flex-end !important
	}

	.align-self-xxl-center {
		align-self: center !important
	}

	.align-self-xxl-baseline {
		align-self: baseline !important
	}

	.align-self-xxl-stretch {
		align-self: stretch !important
	}

	.order-xxl-first {
		order: -1 !important
	}

	.order-xxl-0 {
		order: 0 !important
	}

	.order-xxl-1 {
		order: 1 !important
	}

	.order-xxl-2 {
		order: 2 !important
	}

	.order-xxl-3 {
		order: 3 !important
	}

	.order-xxl-4 {
		order: 4 !important
	}

	.order-xxl-5 {
		order: 5 !important
	}

	.order-xxl-last {
		order: 6 !important
	}

	.m-xxl-0 {
		margin: 0 !important
	}

	.m-xxl-1 {
		margin: .25rem !important
	}

	.m-xxl-2 {
		margin: .5rem !important
	}

	.m-xxl-3 {
		margin: 1rem !important
	}

	.m-xxl-4 {
		margin: 1.5rem !important
	}

	.m-xxl-5 {
		margin: 3rem !important
	}

	.m-xxl-auto {
		margin: auto !important
	}

	.mx-xxl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

	.mx-xxl-1 {
		margin-right: .25rem !important;
		margin-left: .25rem !important
	}

	.mx-xxl-2 {
		margin-right: .5rem !important;
		margin-left: .5rem !important
	}

	.mx-xxl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important
	}

	.mx-xxl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important
	}

	.mx-xxl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

	.mx-xxl-auto {
		margin-right: auto !important;
		margin-left: auto !important
	}

	.my-xxl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important
	}

	.my-xxl-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

	.my-xxl-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

	.my-xxl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important
	}

	.my-xxl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important
	}

	.my-xxl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

	.my-xxl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important
	}

	.mt-xxl-0 {
		margin-top: 0 !important
	}

	.mt-xxl-1 {
		margin-top: .25rem !important
	}

	.mt-xxl-2 {
		margin-top: .5rem !important
	}

	.mt-xxl-3 {
		margin-top: 1rem !important
	}

	.mt-xxl-4 {
		margin-top: 1.5rem !important
	}

	.mt-xxl-5 {
		margin-top: 3rem !important
	}

	.mt-xxl-auto {
		margin-top: auto !important
	}

	.me-xxl-0 {
		margin-right: 0 !important
	}

	.me-xxl-1 {
		margin-right: .25rem !important
	}

	.me-xxl-2 {
		margin-right: .5rem !important
	}

	.me-xxl-3 {
		margin-right: 1rem !important
	}

	.me-xxl-4 {
		margin-right: 1.5rem !important
	}

	.me-xxl-5 {
		margin-right: 3rem !important
	}

	.me-xxl-auto {
		margin-right: auto !important
	}

	.mb-xxl-0 {
		margin-bottom: 0 !important
	}

	.mb-xxl-1 {
		margin-bottom: .25rem !important
	}

	.mb-xxl-2 {
		margin-bottom: .5rem !important
	}

	.mb-xxl-3 {
		margin-bottom: 1rem !important
	}

	.mb-xxl-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-xxl-5 {
		margin-bottom: 3rem !important
	}

	.mb-xxl-auto {
		margin-bottom: auto !important
	}

	.ms-xxl-0 {
		margin-left: 0 !important
	}

	.ms-xxl-1 {
		margin-left: .25rem !important
	}

	.ms-xxl-2 {
		margin-left: .5rem !important
	}

	.ms-xxl-3 {
		margin-left: 1rem !important
	}

	.ms-xxl-4 {
		margin-left: 1.5rem !important
	}

	.ms-xxl-5 {
		margin-left: 3rem !important
	}

	.ms-xxl-auto {
		margin-left: auto !important
	}

	.p-xxl-0 {
		padding: 0 !important
	}

	.p-xxl-1 {
		padding: .25rem !important
	}

	.p-xxl-2 {
		padding: .5rem !important
	}

	.p-xxl-3 {
		padding: 1rem !important
	}

	.p-xxl-4 {
		padding: 1.5rem !important
	}

	.p-xxl-5 {
		padding: 3rem !important
	}

	.px-xxl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.px-xxl-1 {
		padding-right: .25rem !important;
		padding-left: .25rem !important
	}

	.px-xxl-2 {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	.px-xxl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

	.px-xxl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

	.px-xxl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important
	}

	.py-xxl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.py-xxl-1 {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important
	}

	.py-xxl-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

	.py-xxl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important
	}

	.py-xxl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.py-xxl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

	.pt-xxl-0 {
		padding-top: 0 !important
	}

	.pt-xxl-1 {
		padding-top: .25rem !important
	}

	.pt-xxl-2 {
		padding-top: .5rem !important
	}

	.pt-xxl-3 {
		padding-top: 1rem !important
	}

	.pt-xxl-4 {
		padding-top: 1.5rem !important
	}

	.pt-xxl-5 {
		padding-top: 3rem !important
	}

	.pe-xxl-0 {
		padding-right: 0 !important
	}

	.pe-xxl-1 {
		padding-right: .25rem !important
	}

	.pe-xxl-2 {
		padding-right: .5rem !important
	}

	.pe-xxl-3 {
		padding-right: 1rem !important
	}

	.pe-xxl-4 {
		padding-right: 1.5rem !important
	}

	.pe-xxl-5 {
		padding-right: 3rem !important
	}

	.pb-xxl-0 {
		padding-bottom: 0 !important
	}

	.pb-xxl-1 {
		padding-bottom: .25rem !important
	}

	.pb-xxl-2 {
		padding-bottom: .5rem !important
	}

	.pb-xxl-3 {
		padding-bottom: 1rem !important
	}

	.pb-xxl-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-xxl-5 {
		padding-bottom: 3rem !important
	}

	.ps-xxl-0 {
		padding-left: 0 !important
	}

	.ps-xxl-1 {
		padding-left: .25rem !important
	}

	.ps-xxl-2 {
		padding-left: .5rem !important
	}

	.ps-xxl-3 {
		padding-left: 1rem !important
	}

	.ps-xxl-4 {
		padding-left: 1.5rem !important
	}

	.ps-xxl-5 {
		padding-left: 3rem !important
	}

	.gap-xxl-0 {
		gap: 0 !important
	}

	.gap-xxl-1 {
		gap: .25rem !important
	}

	.gap-xxl-2 {
		gap: .5rem !important
	}

	.gap-xxl-3 {
		gap: 1rem !important
	}

	.gap-xxl-4 {
		gap: 1.5rem !important
	}

	.gap-xxl-5 {
		gap: 3rem !important
	}

	.text-xxl-start {
		text-align: left !important
	}

	.text-xxl-end {
		text-align: right !important
	}

	.text-xxl-center {
		text-align: center !important
	}
}

@media(min-width: 1200px) {
	.fs-1 {
		font-size: 2.5rem !important
	}

	.fs-2 {
		font-size: 2rem !important
	}

	.fs-3 {
		font-size: 1.75rem !important
	}

	.fs-4 {
		font-size: 1.5rem !important
	}
}

@media print {
	.d-print-inline {
		display: inline !important
	}

	.d-print-inline-block {
		display: inline-block !important
	}

	.d-print-block {
		display: block !important
	}

	.d-print-grid {
		display: grid !important
	}

	.d-print-table {
		display: table !important
	}

	.d-print-table-row {
		display: table-row !important
	}

	.d-print-table-cell {
		display: table-cell !important
	}

	.d-print-flex {
		display: flex !important
	}

	.d-print-inline-flex {
		display: inline-flex !important
	}

	.d-print-none {
		display: none !important
	}
}

body {
	font: 400 clamp(1rem, 0.8269rem + 0.4808vw, 1.125rem)/clamp(1.5rem, 1.3269rem + 0.4808vw, 1.625rem) "Lato", sans-serif;
	margin: 0;
	padding: 0;
	transform: none
}

body * {
	box-shadow: none;
	outline: none
}

body *:focus {
	box-shadow: none;
	outline: none
}

body ul {
	margin: 0;
	padding: 0
}

body ul li {
	list-style: none
}

body a {
	text-decoration: none
}

body a:hover {
	color: currentColor
}

body p {
	color: #17273b
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 0
}

h1,
.h1 {
	font: 600 clamp(3rem, 2.1625rem + 4.1875vw, 7.1875rem)/clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem) "Lato", sans-serif
}

h2,
.h2 {
	font: 600 clamp(1.625rem, 1.35rem + 1.375vw, 3rem)/clamp(2rem, 1.775rem + 1.125vw, 3.125rem) "Lato", sans-serif
}

h3,
.h3 {
	font: 500 clamp(1.5625rem, 1.275rem + 1.4375vw, 3rem)/clamp(2rem, 1.675rem + 1.625vw, 3.625rem) "Lato", sans-serif
}

h4,
.h4 {
	font: 500 clamp(1.25rem, 1.1rem + 0.75vw, 2rem)/clamp(1.5625rem, 1.375rem + 0.9375vw, 2.5rem) "Lato", sans-serif
}

h5,
.h5 {
	font: 500 1.625rem/2.25rem "Lato", sans-serif
}

h6,
.h6 {
	font: 500 1.375rem/2rem "Lato", sans-serif
}

.od-btn {
	height: 3.75rem
}

.od-heading {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: clamp(.625rem, .125rem + 2.5vw, 3.125rem);
	margin-bottom: clamp(1.25rem, .875rem + 1.875vw, 3.125rem)
}

.od-heading h2,
.od-heading .h2 {
	color: #17273b;
	text-transform: capitalize;
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 900
}

@media(min-width: 1200px) {

	.od-heading h2,
	.od-heading .h2 {
		font-size: 3rem
	}
}

.od-heading h2 span,
.od-heading .h2 span {
	color: #ffbb09
}

.od-heading p {
	font: 400 clamp(1rem, 0.9rem + 0.5vw, 1.5rem)/clamp(1.5rem, 1.3rem + 1vw, 2.5rem) "Lato", sans-serif;
	color: #17273b;
	text-align: center;
	max-width: 70rem;
	margin-bottom: 0
}

.od-heading h3,
.od-heading .h3 {
	color: #303d5d;
	font: 500 2.1875rem/2.5rem "Lato", sans-serif
}

::-moz-selection {
	background: rgba(255, 187, 9, .15)
}

::selection {
	background: rgba(255, 187, 9, .15)
}

::-webkit-scrollbar {
	width: 0.625rem;
	height: 0.625rem
}

::-webkit-scrollbar-track {
	background: rgba(255, 187, 9, .2)
}

::-webkit-scrollbar-thumb {
	background-color: #ffbb09
}

.od-main {
	width: 100%;
	height: auto
}

section {
	margin: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) 0
}

.row {
	row-gap: 1.5625rem
}

@media(max-width: 991.98px) {
	.row {
		row-gap: 0.9375rem
	}
}

.od-header {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	padding: 0.625rem 0;
	z-index: 11;
	background-color: #150803;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	transition: background .5s ease
}

.od-header-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center
}

.od-header-wrap .od-header-logo img {
	transition: all .2s ease;
	width: auto
}

.od-header-wrap .od-header-nav .sub-drop-menu {
	display: flex;
	gap: 1.875rem
}

.od-header-wrap .od-header-nav .sub-drop-menu li {
	position: relative;
	transition: all .5s ease
}

.od-header-wrap .od-header-nav .sub-drop-menu li:hover a::before {
	width: 100%
}

.od-header-wrap .od-header-nav .sub-drop-menu li:hover a {
	background: rgba(0, 0, 0, 0) !important
}

.od-header-wrap .od-header-nav .sub-drop-menu li a {
	font: 400 clamp(1rem, 0.975rem + 0.125vw, 1.125rem)/clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem) "Lato", sans-serif;
	font-family: "Lato", sans-serif !important;
	color: #fff;
	transition: all .5s ease;
	position: relative
}

.od-header-wrap .od-header-nav .sub-drop-menu li a:hover {
	color: #ffbb09
}

.od-header-wrap .od-header-nav .sub-drop-menu li a.od-active {
	color: #ffbb09
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 2.25rem;
	margin: 0;
	padding: 0.625rem 0;
	width: -moz-max-content;
	width: max-content;
	background-color: #fff;
	display: flex;
	flex-flow: column
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 li {
	transition: all .5s ease;
	padding: 0.625rem
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 li a {
	color: #17273b;
	font-family: "Lato", sans-serif;
	transition: all .5s ease
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 li a::before {
	display: none
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 li:hover {
	background-color: rgba(255, 215, 111, .1)
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-0 li:hover a {
	color: #ffbb09
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 {
	position: absolute;
	right: -6.3125rem;
	top: .25rem;
	margin: 0;
	width: -moz-max-content;
	width: max-content;
	background-color: #fff;
	display: flex;
	flex-flow: column
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 li {
	transition: all .5s ease;
	padding: 0.625rem
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 li a {
	color: #17273b !important;
	font-family: "Lato", sans-serif;
	transition: all .5s ease
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 li a::before {
	display: none
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 li:hover {
	background-color: rgba(255, 215, 111, .1)
}

.od-header-wrap .od-header-nav .sub-drop-menu li .level-1 li:hover a {
	color: #ffbb09 !important
}

.od-header-wrap .od-header-nav-button {
	display: flex;
	align-items: center;
	gap: 0.3125rem
}

.od-header-wrap .od-header-nav-button .od-btn-signup,
.od-header-wrap .od-header-nav-button .od-btn-login {
	padding: 0.3125rem 0.625rem;
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	transition: all .5s ease
}

.od-header-wrap .od-header-nav-button .od-btn-signup:hover,
.od-header-wrap .od-header-nav-button .od-btn-login:hover {
	color: "Lato", sans-serif
}

.od-header-wrap .od-header-nav-user-profile {
	width: 1.875rem;
	height: 1.875rem
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-toggle {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	padding: 0;
	background-color: #ffc93c;
	border: none
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-toggle span {
	color: #17273b
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-toggle::after {
	display: none !important
}

.od-header-wrap .od-header-nav-user-profile .dropdown .user-name-item {
	display: flex;
	flex-flow: row;
	gap: 0.3125rem;
	padding: 0 10px
}

.od-header-wrap .od-header-nav-user-profile .dropdown .user-name-item .user-name {
	background-color: #17273b;
	width: 1.25rem;
	height: 1.875rem;
	border-radius: 100%;
	padding-bottom: 0.3125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 500 1.25rem/1.5625rem "Lato", sans-serif;
	color: #fff
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-menu li {
	position: relative
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	right: 100%;
	top: -7px
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto
}

.od-header-wrap .od-header-nav-user-profile .dropdown .dropdown-menu>li:hover>.dropdown-submenu {
	display: block
}

.od-header-wrap .od-btn {
	transition: all .5s ease
}

.od-header-wrap .od-header-icon {
	display: none
}

.od-header-wrap .od-header-icon svg {
	color: #fff;
	width: 30px;
	height: 30px
}

.ubermenu-submenu .ubermenu-item .ubermenu-target::before {
	display: none !important
}

.ubermenu-item:hover .ubermenu-target::before {
	width: 100%
}

.ubermenu-target {
	position: relative
}

.ubermenu-target::before {
	position: absolute;
	content: "";
	background-color: #ffbb09;
	height: 3px;
	width: 0px;
	top: 44px;
	left: 0;
	transition: .5s ease
}

.ubermenu-skin-blue-silver .ubermenu-item-level-0:hover>.ubermenu-target {
	background: rgba(0, 0, 0, 0) !important
}

.ubermenu-skin-blue-silver .ubermenu-submenu .ubermenu-target:hover {
	color: #ffbb09 !important
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
	right: 6px !important;
	top: 42% !important
}

.od-header-active {
	background: #150803;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .35)
}

.od-header-active .od-header-wrap .od-header-logo img {
	height: 4rem
}

.od-header-active .od-header-wrap .od-header-nav .ubermenu-nav-main-2-primary li .ubermenu-target {
	color: #fff !important;
	transition: all .5s ease
}

.od-header-active .od-header-wrap .od-header-nav .ubermenu-nav-main-2-primary li .ubermenu-target:hover {
	color: #ffbb09 !important
}

.od-header-active .od-header-wrap .od-header-nav .ubermenu-nav-main-2-primary li .ubermenu-target.od-active {
	color: #ffbb09 !important
}

.od-header-active .od-header-wrap .od-header-nav .ubermenu-main .ubermenu-submenu .ubermenu-item-header>.ubermenu-target {
	color: #17273b !important
}

.od-header-active .od-header-wrap .od-header-nav .ubermenu-main .ubermenu-submenu .ubermenu-item-header>.ubermenu-target .ubermenu-target-text {
	color: #17273b !important
}

.od-header-active .od-header-wrap .od-header-nav-button .od-btn {
	padding: clamp(.625rem, .5rem + .625vw, 1.25rem) clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem)
}

.od-header-active .od-header-wrap .od-header-nav-button .od-btn-signup,
.od-header-active .od-header-wrap .od-header-nav-button .od-btn-login {
	color: #fff
}

.od-header-active .od-header-wrap .od-header-nav-button .od-btn-signup:hover,
.od-header-active .od-header-wrap .od-header-nav-button .od-btn-login:hover {
	color: #ffbb09 !important
}

.od-header-active .od-header-wrap .od-header-nav-button .od-header-nav-user-profile {
	width: 1.875rem;
	height: 1.875rem
}

.od-header-active .od-header-wrap .od-header-nav-button .od-header-nav-user-profile .dropdown .dropdown-toggle {
	width: 1.875rem;
	height: 1.875rem;
	padding: 0;
	border-radius: 100%
}

.od-header-active .od-header-wrap .od-header-icon svg {
	color: #ffbb09
}

@media(max-width: 1364px) {
	.od-header-wrap .od-header-nav nav ul li .ubermenu-target {
		padding: 0.625rem
	}

	.od-header-wrap .od-header-nav-button .od-btn {
		padding: 0.625rem 0.9375rem
	}
}

@media(max-width: 992px) {
	.od-header-wrap .od-header-nav {
		display: none
	}

	.od-header-wrap .od-header-nav-button {
		display: flex;
		align-items: center;
		gap: 0.9375rem
	}

	.od-header-wrap .od-header-nav-button .od-header-icon {
		display: block
	}
}

@media(max-width: 576px) {
	.od-header-wrap .od-header-nav-button .od-btn {
		display: none
	}
}

.od-footer {
	background-color: #1f273b;
	padding: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) 0;
	padding-bottom: clamp(1.25rem, 1rem + 1.25vw, 2.5rem)
}

.od-footer h3 {
	color: #fff;
	margin-bottom: clamp(.9375rem, .8125rem + .625vw, 1.5625rem);
	font: 800 clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem)/clamp(1.375rem, 1.2875rem + 0.4375vw, 1.8125rem) "Lato", sans-serif
}

.od-footer .od-footer-social-link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.9375rem
}

.od-footer .od-footer-social-link li {
	border: 1px solid #fff;
	transition: all .5s ease
}

.od-footer .od-footer-social-link li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: clamp(2.1875rem, 2rem + .9375vw, 3.125rem);
	width: clamp(2.1875rem, 2rem + .9375vw, 3.125rem)
}

.od-footer .od-footer-social-link li a svg {
	width: 1.5rem;
	height: 1.5rem;
	transition: all .5s ease
}

.od-footer .od-footer-social-link li:hover {
	border: 1px solid #ffbb09
}

.od-footer .od-footer-social-link li:hover svg path {
	fill: #ffbb09
}

.od-footer .od-footer-contact {
	display: flex;
	flex-flow: column;
	gap: 1.25rem
}

.od-footer a {
	font: 400 1.125rem/1.375rem "Lato", sans-serif;
	color: #fff;
	transition: all .5s ease
}

.od-footer a:hover {
	color: #ffbb09
}

.od-footer-link {
	display: flex;
	flex-flow: row wrap;
	gap: 1.125rem
}

.od-footer-link li a {
	font: 400 clamp(1rem, 0.975rem + 0.125vw, 1.125rem)/clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem) "Lato", sans-serif;
	color: #fff;
	transition: all .5s ease
}

.od-footer-link li a:hover {
	color: #ffbb09
}

.od-footer-link li a.od-active {
	color: #ffbb09
}

.od-footer .form-group {
	display: flex;
	flex-flow: column;
	gap: 0.9375rem
}

.od-footer .form-group input {
	padding: clamp(.9375rem, .8125rem + .625vw, 1.5625rem)
}

.od-footer .form-group button {
	width: 100%;
	border-radius: 0
}

.od-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .15);
	margin-top: 2.5rem
}

.od-footer-bottom-content {
	margin-top: 2.5rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center
}

.od-footer-bottom-content p {
	font: 400 clamp(1rem, 0.975rem + 0.125vw, 1.125rem)/clamp(1.25rem, 1.225rem + 0.125vw, 1.375rem) "Lato", sans-serif;
	color: #fff
}

.od-footer-bottom-content p a {
	color: #ffbb09;
	transition: all .5s ease
}

.od-footer-bottom-content p a:hover {
	color: #fff
}

.onyx-getintouch {
	display: flex;
	width: 100%;
	flex-flow: row wrap
}

.onyx-getintouch-titlebox {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center
}

.onyx-getintouch-titlebox .section-title {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	font: 18px/20px "Lato", sans-serif
}

.onyx-getintouch-titlebox .section-subtitle {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 0 0.9375rem;
	font: 600 clamp(1.625rem, 1.35rem + 1.375vw, 3rem)/clamp(2rem, 1.775rem + 1.125vw, 3.125rem) "Lato", sans-serif;
	color: #303d5d;
	text-align: center
}

.onyx-getintouch-titlebox .section-subtitle span {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
	width: 100%;
	font: 60px/74px "Lato", sans-serif;
	color: #303d5d;
	text-align: center
}

.onyx-getintouch .getintouch-formbox {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: 1.25rem 0 3.125rem
}

.onyx-getintouch .getintouch-formbox .getintouch-form {
	display: flex;
	flex-flow: row wrap;
	max-width: 1200px;
	width: 100%;
	padding: 60px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05);
	justify-content: center
}

.onyx-getintouch .getintouch-formbox .getintouch-form .row {
	width: 100%
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin-bottom: 20px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox {
	display: flex;
	width: 100%;
	flex-flow: row wrap
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox .choosefilebtn {
	padding: 20px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox label {
	font: 20px/22px "Lato", sans-serif;
	color: #303d5d;
	padding-left: 20px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox span {
	font: 16px/26px "Lato", sans-serif;
	color: "Lato", sans-serif;
	text-transform: capitalize;
	margin-bottom: 10px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
	display: flex;
	width: 100%;
	outline: none;
	padding: 0 20px;
	align-items: center;
	border: solid 2px rgba(65, 83, 127, .1);
	height: 70px;
	font: 18px/26px "Lato", sans-serif;
	color: #303d5d
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input::-moz-placeholder {
	color: rgba(48, 61, 93, .7)
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input::placeholder {
	color: rgba(48, 61, 93, .7)
}

.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox textarea {
	width: 100%;
	display: flex;
	height: 191px;
	border: solid 2px rgba(65, 83, 127, .1);
	outline: none;
	padding: 20px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 100%;
	margin-top: 70px
}

.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
	width: 120px;
	padding: 0 1.875rem;
	height: 60px;
	border-radius: 30px;
	background-color: #17273b;
	text-transform: capitalize;
	outline: none;
	border: none;
	color: #fff;
	font: 20px/22px "Lato", sans-serif;
	transition: all .3s
}

.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn:hover {
	background-color: #17273b
}

.onyx-getintouch .onyx-contact-detailbox {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border: solid 1px rgba(65, 83, 127, .1);
	align-items: center;
	padding: 0 30px;
	height: 204px
}

.onyx-getintouch .onyx-contact-detailbox-icon {
	display: flex;
	flex-flow: row wrap;
	width: 80px;
	height: 80px;
	margin-right: 30px
}

.onyx-getintouch .onyx-contact-detailbox-icon img {
	width: 100%
}

.onyx-getintouch .onyx-contact-detailbox-text {
	display: flex;
	flex-flow: column;
	width: calc(100% - 110px)
}

.onyx-getintouch .onyx-contact-detailbox-text h4 {
	color: #17273b;
	font: 28px/28px "Lato", sans-serif;
	margin: 0;
	font-weight: 500
}

.onyx-getintouch .onyx-contact-detailbox-text a {
	text-decoration: none;
	font: 16px/26px "Lato", sans-serif;
	color: #303d5d;
	margin: 15px 0 0 0;
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 400
}

.onyx-getintouch .onyx-contact-detailbox-text a:hover {
	color: #ffbb09
}

.onyx-getintouch .onyx-contact-detailbox-text p {
	text-decoration: none;
	font: 16px/26px "Lato", sans-serif;
	color: #303d5d;
	margin: 15px 0 0 0;
	font-weight: 400
}

@media only screen and (max-width: 1600px) {
	.onyx-getintouch {
		padding: 60px 0 90px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 64px/80px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 60px/70px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 35px 0 70px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		max-width: 1100px;
		padding: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox {
		margin-bottom: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox .choosefilebtn {
		padding: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox label {
		font: 18px/22px "Lato", sans-serif;
		padding-left: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox span {
		font: 14px/24px "Lato", sans-serif;
		margin-bottom: 10px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		padding: 0 15px;
		height: 65px;
		font: 16px/24px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox textarea {
		height: 191px;
		padding: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 60px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 110px;
		height: 55px;
		font: 18px/22px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 0 28px;
		height: 180px
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 70px;
		height: 70px;
		margin-right: 25px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 95px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 26px/28px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif;
		margin: 10px 0 0 0
	}

	.onyx-getintouch .onyx-contact-detailbox-text p {
		font: 14px/24px "Lato", sans-serif;
		margin: 15px 0 0 0
	}
}

@media only screen and (max-width: 1440px) {
	.onyx-getintouch {
		padding: 50px 0 80px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 63px/55px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 56px/66px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 30px 0 60px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		max-width: 1000px;
		padding: 40px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox label {
		font: 16px/20px "Lato", sans-serif;
		padding-left: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		padding: 0 15px;
		height: 60px;
		font: 14px/24px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 100px;
		height: 50px;
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 0 25px;
		height: 160px
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 60px;
		height: 60px;
		margin-right: 20px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 80px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 24px/26px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}
}

@media only screen and (max-width: 1366px) {
	.onyx-getintouch {
		padding: 40px 0 70px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 56px/65px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 52px/60px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 25px 0 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		max-width: 1000px;
		padding: 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox label {
		font: 16px/20px "Lato", sans-serif;
		padding-left: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		padding: 0 15px;
		height: 60px;
		font: 14px/24px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 100px;
		height: 50px;
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 0 25px;
		height: 160px
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 50px;
		height: 50px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 65px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 20px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}
}

@media only screen and (max-width: 1199px) {
	.onyx-getintouch {
		padding: 35px 0 60px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 52px/62px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 48px/56px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 20px 0 40px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		max-width: 900px;
		padding: 25px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox label {
		font: 16px/20px "Lato", sans-serif;
		padding-left: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 40px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 100px;
		height: 50px;
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 0 25px;
		height: 160px
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 50px;
		height: 50px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 65px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 20px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}
}

@media only screen and (max-width: 991px) {
	.onyx-getintouch {
		padding: 30px 0 55px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 46px/56px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 42px/50px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 15px 0 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		width: 100%;
		padding: 20px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 100px;
		height: 50px;
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 15px;
		height: 100%
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 45px;
		height: 45px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 60px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text p {
		margin: 10px 0 0 0
	}
}

@media only screen and (max-width: 767px) {
	.onyx-getintouch {
		padding: 25px 0 45px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 40px/55px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 36px/46px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 15px 0 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		width: 100%;
		padding: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		height: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox .choosefilebtn {
		padding: 7px 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox textarea {
		height: 110px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 80px;
		height: 45px;
		font: 14px/20px "Lato", sans-serif
	}

	.onyx-getintouch .mr {
		margin: 15px 0
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 15px;
		height: 100%
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 45px;
		height: 45px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 60px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text p {
		margin: 10px 0 0 0
	}
}

@media only screen and (max-width: 576px) {
	.onyx-getintouch {
		padding: 25px 0 45px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		text-align: center;
		font: 34px/45px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 30px/42px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 15px 0 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		width: 100%;
		padding: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		height: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox .choosefilebtn {
		padding: 7px 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox textarea {
		height: 110px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 80px;
		height: 45px;
		font: 14px/20px "Lato", sans-serif
	}

	.onyx-getintouch .mr {
		margin: 15px 0
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 15px;
		height: 100%
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 45px;
		height: 45px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 60px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text p {
		margin: 10px 0 0 0
	}
}

@media only screen and (max-width: 320px) {
	.onyx-getintouch {
		padding: 25px 0 45px
	}

	.onyx-getintouch-titlebox .section-subtitle {
		font: 29px/39px "Lato", sans-serif
	}

	.onyx-getintouch-titlebox .section-subtitle span {
		font: 24px/30px "Lato", sans-serif
	}

	.onyx-getintouch .getintouch-formbox {
		margin: 15px 0 30px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form {
		width: 100%;
		padding: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox input {
		height: 50px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox .uploadfilebox .choosefilebtn {
		padding: 7px 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .inputbox textarea {
		height: 110px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit {
		margin-top: 15px
	}

	.onyx-getintouch .getintouch-formbox .getintouch-form .form-submit .sendbtn {
		width: 80px;
		height: 45px;
		font: 14px/20px "Lato", sans-serif
	}

	.onyx-getintouch .mr {
		margin: 15px 0
	}

	.onyx-getintouch .onyx-contact-detailbox {
		padding: 15px;
		height: 100%
	}

	.onyx-getintouch .onyx-contact-detailbox-icon {
		width: 45px;
		height: 45px;
		margin-right: 15px
	}

	.onyx-getintouch .onyx-contact-detailbox-text {
		width: calc(100% - 60px)
	}

	.onyx-getintouch .onyx-contact-detailbox-text h4 {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text a {
		font: 14px/26px "Lato", sans-serif
	}

	.onyx-getintouch .onyx-contact-detailbox-text p {
		margin: 10px 0 0 0
	}
}

@media(max-width: 576px) {
	.od-footer-bottom-content {
		justify-content: center
	}
}

.od-drawer-menu {
	display: none
}

.od-drawer-menu-wrap {
	display: flex;
	flex-flow: column;
	height: 100vh
}

.od-drawer-menu-wrap .od-drawer-menu-logo {
	background-color: #150803;
	padding: clamp(.9375rem, .7138rem + 1.1186vw, 1.25rem)
}

.od-drawer-menu-wrap .od-drawer-menu-nav,
.od-drawer-menu-wrap .ubermenu-nav {
	display: flex;
	flex-flow: column;
	gap: 15px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: calc(100vh - 16.3125rem) !important;
	padding-left: clamp(.9375rem, .7138rem + 1.1186vw, 1.25rem)
}

.od-drawer-menu-wrap .od-drawer-menu-nav li a,
.od-drawer-menu-wrap .ubermenu-nav li a {
	font: 400 clamp(1rem, 0.95rem + 0.25vw, 1.25rem)/clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem) "Lato", sans-serif;
	color: #17273b !important;
	transition: all .5s ease
}

.od-drawer-menu-wrap .od-drawer-menu-nav li a:hover,
.od-drawer-menu-wrap .ubermenu-nav li a:hover {
	color: #ffbb09
}

.od-drawer-menu-wrap .od-drawer-menu-nav li a.od-active,
.od-drawer-menu-wrap .ubermenu-nav li a.od-active {
	color: #ffbb09
}

.od-drawer-menu-wrap .od-drawer-menu-nav li .level-0,
.od-drawer-menu-wrap .ubermenu-nav li .level-0 {
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
	margin-left: 0.75rem
}

.od-drawer-menu-wrap .od-drawer-menu-nav li .level-1,
.od-drawer-menu-wrap .ubermenu-nav li .level-1 {
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
	margin-left: 0.9375rem
}

.od-drawer-menu-wrap .od-drawer-menu-nav .ubermenu-skin-blue-silver .ubermenu-item-level-0>.ubermenu-target,
.od-drawer-menu-wrap .ubermenu-nav .ubermenu-skin-blue-silver .ubermenu-item-level-0>.ubermenu-target {
	color: #17273b !important
}

.od-drawer-menu-wrap .od-drawer-menu-nav .ubermenu-responsive-toggle-open .fas,
.od-drawer-menu-wrap .ubermenu-nav .ubermenu-responsive-toggle-open .fas {
	color: #17273b !important
}

.od-drawer-menu-wrap-btn {
	padding: clamp(.9375rem, .7138rem + 1.1186vw, 1.25rem)
}

.od-drawer-menu-wrap-btn .od-btn {
	display: flex;
	width: 100%
}

.od-drawer-menu {
	position: fixed;
	width: 226px;
	height: 100vh;
	background: #fff;
	top: 0;
	left: -100%;
	z-index: 9999;
	transition: all .5s ease-in-out;
	display: block
}

.od-drawer-menu.show {
	left: 0
}

.od-signup-drawer {
	display: none
}

.od-signup-drawer-wrap {
	height: 100vh
}

.od-signup-drawer-wrap-header {
	padding: 1.25rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
	background-color: #17273b
}

.od-signup-drawer-wrap-header-head {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.od-signup-drawer-wrap-header-head .od-drawer-menu-logo {
	padding: clamp(.9375rem, .7138rem + 1.1186vw, 1.25rem)
}

.od-signup-drawer-wrap-header-head .od-sign-close {
	color: #fff;
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer
}

.od-signup-drawer-wrap-header h1 {
	font: 400 clamp(1.5625rem, 1.375rem + 0.9375vw, 2.5rem)/clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) "Lato", sans-serif;
	color: #fff
}

.od-signup-drawer-wrap-header p {
	text-align: center
}

.od-signup-drawer-wrap-header .od-btn {
	padding: 0.625rem 1.25rem
}

.od-signup-drawer-wrap-body {
	padding: 1.25rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem
}

.od-signup-drawer-wrap-body h2 {
	font: 400 clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem)/clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5625rem) "Lato", sans-serif;
	text-align: center
}

.od-signup-drawer-wrap-body p {
	font: 400 1.125rem/1.25rem "Lato", sans-serif
}

.od-signup-drawer-wrap-body .od-account-btn {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	width: 100%
}

.od-signup-drawer-wrap-body .od-account-btn .od-btn {
	padding: 0.625rem;
	width: 100%
}

.od-signup-drawer-wrap-body .od-account-btn .mo-openid-app-icons {
	width: 100% !important;
	display: flex;
	flex-flow: column;
	justify-content: center
}

.od-signup-drawer-wrap-body .od-account-btn .mo-openid-app-icons a {
	width: 100% !important
}

.od-signup-drawer-wrap-body .od-account-btn .mo-openid-app-icons .mo_btn_transform_i:hover {
	transform: scale(1) !important
}

.od-signup-drawer-wrap-body form {
	display: flex;
	flex-flow: column;
	gap: 0.625rem
}

.od-signup-drawer-wrap-body form .od-password {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.od-signup-drawer-wrap-body form .od-password a {
	color: #ffc93c
}

.od-signup-drawer-wrap-body .od-btn {
	padding: 0.625rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.od-signup-drawer {
	position: fixed;
	width: 500px;
	height: 100vh;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background-color: #fff;
	top: 0;
	left: -100%;
	z-index: 9999;
	transition: all .5s ease-in-out;
	display: block
}

.od-signup-drawer.show-sign {
	left: 0
}

.od-login-drawer {
	display: none
}

.od-login-drawer-wrap {
	height: 100vh
}

.od-login-drawer-wrap-header {
	padding: 1.25rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
	background-color: #17273b
}

.od-login-drawer-wrap-header-head {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.od-login-drawer-wrap-header-head .od-drawer-menu-logo {
	padding: clamp(.9375rem, .7138rem + 1.1186vw, 1.25rem)
}

.od-login-drawer-wrap-header-head .od-login-close {
	color: #fff;
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer
}

.od-login-drawer-wrap-header h1 {
	font: 400 clamp(1.5625rem, 1.375rem + 0.9375vw, 2.5rem)/clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) "Lato", sans-serif;
	color: #fff
}

.od-login-drawer-wrap-header p {
	text-align: center
}

.od-login-drawer-wrap-header .od-btn {
	padding: 0.625rem 1.25rem
}

.od-login-drawer-wrap-body {
	padding: 1.25rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem
}

.od-login-drawer-wrap-body h2 {
	font: 400 clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem)/clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5625rem) "Lato", sans-serif;
	text-align: center
}

.od-login-drawer-wrap-body p {
	font: 400 1.125rem/1.25rem "Lato", sans-serif
}

.od-login-drawer-wrap-body .od-account-btn {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	width: 100%
}

.od-login-drawer-wrap-body .od-account-btn .od-btn {
	padding: 0.625rem;
	width: 100%
}

.od-login-drawer-wrap-body .od-account-btn .mo-openid-app-icons {
	width: 100% !important;
	display: flex;
	flex-flow: column;
	justify-content: center
}

.od-login-drawer-wrap-body .od-account-btn .mo-openid-app-icons a {
	width: 100% !important
}

.od-login-drawer-wrap-body .od-account-btn .mo-openid-app-icons .mo_btn_transform_i:hover {
	transform: scale(1) !important
}

.od-login-drawer-wrap-body form {
	display: flex;
	flex-flow: column;
	gap: 0.625rem
}

.od-login-drawer-wrap-body .od-btn {
	padding: 0.625rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.od-login-drawer-wrap-body .od-password {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.od-login-drawer-wrap-body .od-password a {
	color: #ffc93c
}

.od-login-drawer {
	position: fixed;
	width: 500px;
	height: 100vh;
	background-color: #fff;
	top: 0;
	left: -100%;
	z-index: 9999;
	transition: all .5s ease-in-out;
	display: block;
	overflow-y: auto !important;
	overflow-x: hidden !important
}

.od-login-drawer.show-log {
	left: 0
}

@media(min-width: 400px)and (max-width: 576px) {

	.od-login-drawer,
	.od-signup-drawer {
		width: 300px
	}
}

@media(max-width: 400px) {

	.od-login-drawer,
	.od-signup-drawer {
		width: 320px
	}
}

.od-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	display: none;
	z-index: 5
}

.od-overlay.show {
	display: block;
	z-index: 5
}

@media(max-width: 992px) {
	.od-overlay.show {
		display: block;
		z-index: 5
	}
}

.entry-header {
	padding: 12.5rem 0 1.875rem;
	background-color: #17273b
}

.onyx-inner {
	width: 100%
}

.onyx-inner-header {
	width: 100%
}

.onyx-inner-title {
	font: 700 3rem/3.75rem "Lato", sans-serif;
	margin: 0;
	color: #fff
}

.onyx-inner p {
	font-family: "Lato", sans-serif
}

.breadcrumbs {
	width: 100%;
	padding: 0.3125rem 0 0;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 0.625rem;
	color: #fff
}

.breadcrumbs ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 0.3125rem
}

.breadcrumbs ul li {
	width: auto;
	position: relative
}

.breadcrumbs ul li:not(:first-child) {
	padding: 0 0 0 1.25rem
}

.breadcrumbs ul li:not(:first-child)::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.3125rem;
	width: 0.3125rem;
	height: 0.3125rem;
	border-radius: 0.3125rem;
	background-color: #ffbb09;
	margin: auto
}

.breadcrumbs span {
	color: #fff;
	font: 500 1.125rem/1.5rem "Lato", sans-serif;
	position: relative;
	position: relative
}

.breadcrumbs span:last-child {
	margin-right: 0
}

.breadcrumbs span:last-child:after {
	display: none
}

.breadcrumbs span a span {
	color: #ffbb09;
	transition: all .3s ease
}

.breadcrumbs span a span:hover {
	color: #fff
}

@media(max-width: 1199.98px) {
	.entry-header {
		padding: 10.625rem 0 1.875rem
	}

	.onyx-inner-title {
		font: 700 2.5rem/3.125rem "Lato", sans-serif
	}
}

@media(max-width: 991.98px) {
	.entry-header {
		padding: 9.375rem 0 1.25rem
	}

	.onyx-inner-title {
		font: 700 2.125rem/2.75rem "Lato", sans-serif
	}
}

@media(max-width: 767.98px) {
	.entry-header {
		padding: 8.125rem 0 1.25rem
	}

	.onyx-inner-title {
		font: 700 1.75rem/2.25rem "Lato", sans-serif
	}

	.breadcrumbs span {
		font: 500 0.875rem/1.25rem "Lato", sans-serif
	}
}

@media(max-width: 575.98px) {
	.entry-header {
		padding: 6.875rem 0 1.25rem
	}

	.onyx-inner-title {
		font: 700 1.5rem/2rem "Lato", sans-serif
	}
}

.entry-content {
	margin-top: 3.125rem;
	margin-bottom: 3.125rem
}

.entry-content ul {
	width: 100%;
	display: flex;
	flex-flow: column wrap;
	gap: 0.9375rem
}

.entry-content ul li {
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	padding: 0 0 0 1.5rem;
	position: relative;
	font: 400 1.125rem/1.625rem "Lato", sans-serif
}

.entry-content ul li::before {
	content: "";
	position: absolute;
	top: 0.3125rem;
	left: 0;
	margin: auto;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	border: 0.3125rem solid #ffbb09;
	transition: all .2s ease-in-out
}

.entry-content ul li:hover::before {
	border-color: #ffbb09
}

.entry-content .onyx-note {
	width: 100%;
	padding: 0.9375rem;
	background-color: rgba(255, 215, 111, .1);
	border-left: 0.3125rem solid rgba(255, 215, 111, .5);
	color: #ffc93c;
	display: flex;
	flex-flow: column wrap;
	gap: 0.625rem
}

.entry-content .onyx-note h5 {
	font: 700 1.25rem/1.75rem "Lato", sans-serif;
	color: currentColor
}

.entry-content .onyx-note p {
	font: 400 1.125rem/1.625rem "Lato", sans-serif;
	color: #ffbb09
}

@media only screen and (max-width: 1600px) {
	.entry-content {
		margin-top: 2.8125rem
	}

	.entry-content ul li {
		padding: 0 0 0 1.5rem;
		font: 400 1.0625rem/1.5rem "Lato", sans-serif
	}

	.entry-content .onyx-note h5 {
		font: 700 1.125rem/1.625rem "Lato", sans-serif
	}

	.entry-content .onyx-note p {
		font: 400 1rem/1.5rem "Lato", sans-serif
	}
}

@media only screen and (max-width: 1199px) {
	.entry-content {
		margin-top: 2.5rem
	}

	.entry-content ul li {
		padding: 0 0 0 1.5rem;
		font: 400 1rem/1.375rem "Lato", sans-serif
	}

	.entry-content .onyx-note h5 {
		font: 700 1rem/1.5rem "Lato", sans-serif
	}

	.entry-content .onyx-note p {
		font: 400 0.875rem/1.25rem "Lato", sans-serif
	}
}

@media only screen and (max-width: 991px) {
	.entry-content {
		margin-top: 2.1875rem
	}
}

@media only screen and (max-width: 767px) {
	.entry-content {
		margin-top: 1.875rem
	}
}

.entry-content {
	margin-top: 1.875rem
}

header.innerbg {
	background-color: #ffbb09
}

.onyx-inner {
	width: 100%;
	display: flex;
	flex-flow: row wrap
}

.onyx-inner .onyx-inner-header {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 15px 0
}

.onyx-inner .onyx-inner-header .onyx-inner-title {
	font: 600 3.75rem/4.375rem "Lato", sans-serif;
	color: #ffbb09;
	text-transform: capitalize;
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
	width: 100%
}

.onyx-inner .onyx-inner-header .onyx-breadcrumbs {
	display: flex;
	flex-flow: row wrap;
	margin-top: 10px;
	align-items: center;
	width: 100%;
	justify-content: center
}

.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul {
	margin: 0;
	padding: 0;
	display: flex
}

.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li {
	list-style: none;
	margin-right: 15px;
	position: relative
}

.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li a {
	text-decoration: none;
	text-transform: capitalize;
	font: 16px/24px "Lato", sans-serif;
	color: #ffbb09;
	transition: all .3s
}

.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li a:hover {
	text-decoration: none
}

.onyx-inner-content {
	display: flex;
	flex-flow: row wrap;
	width: 100%
}

.onyx-inner-content .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12 {
	padding-top: 30px;
	padding-bottom: 30px;
	align-items: center;
	display: flex
}

.onyx-inner-content .section-subtitle {
	padding: 50px 0 0;
	text-align: center;
	color: #ffbb09
}

.onyx-inner-content .inner-section-subtitle {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center
}

.onyx-inner-content .inner-section-subtitle h4 {
	font: 36px/40px "Lato", sans-serif;
	margin: 0;
	width: 100%;
	text-align: center
}

.onyx-inner-content .inner-section-subtitle p {
	font: 22px/28px "Lato", sans-serif;
	margin-top: 10px;
	margin-bottom: 0;
	color: #ffc93c
}

.onyx-inner-content .inner-page-content-title {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
	margin-top: 30px
}

.onyx-inner-content .inner-page-content-title h5 {
	font: 30px/36px "Lato", sans-serif;
	margin: 0;
	width: 100%;
	text-align: center
}

.onyx-inner-content .inner-page-content-title p {
	font: 20px/26px "Lato", sans-serif;
	margin-top: 10px;
	color: #ffbb09;
	margin-bottom: 0
}

.onyx-inner-content .onyx-inner-content-imagebox {
	width: 100%;
	display: flex;
	flex-flow: row wrap
}

.onyx-inner-content .onyx-inner-content-imagebox img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.onyx-inner-content .onyx-inner-content-image-text {
	display: flex;
	flex-flow: row wrap;
	width: 100%
}

.onyx-inner-content .onyx-inner-content-image-text-title {
	font: 24px/26px "Lato", sans-serif;
	color: #17273b;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 15px
}

.onyx-inner-content .casestudy-inner-footer-text-box {
	display: flex;
	flex-flow: row wrap;
	width: 100%
}

.onyx-inner-content .casestudy-inner-footer-text-box p {
	margin: 5px 0 15px;
	font: 20px/26px "Lato", sans-serif;
	color: #17273b;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center
}

@media only screen and (max-width: 1600px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 60px/60px "Lato", sans-serif
	}

	.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li {
		margin-right: 14px
	}

	.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li a {
		font: 15px/23px "Lato", sans-serif
	}

	.onyx-inner-content .section-subtitle {
		padding: 45px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 34px/38px "Lato", sans-serif
	}

	.onyx-inner-content .inner-section-subtitle p {
		font: 20px/26px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 30px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 28px/34px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title p {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-inner-content .onyx-inner-content-image-text-title {
		font: 22px/24px "Lato", sans-serif;
		margin-bottom: 15px
	}

	.onyx-inner-content .casestudy-inner-footer-text-box p {
		margin: 5px 0 15px;
		font: 18px/24px "Lato", sans-serif
	}
}

@media only screen and (max-width: 1440px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 50px/50px "Lato", sans-serif
	}

	.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li {
		margin-right: 13px
	}

	.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li a {
		font: 14px/22px "Lato", sans-serif
	}

	.onyx-inner-content .section-subtitle {
		padding: 40px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 32px/36px "Lato", sans-serif
	}

	.onyx-inner-content .inner-section-subtitle p {
		font: 18px/24px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 25px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 26px/32px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title p {
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-inner-content .onyx-inner-content-image-text-title {
		font: 20px/22px "Lato", sans-serif;
		margin-bottom: 10px
	}

	.onyx-inner-content .casestudy-inner-footer-text-box p {
		margin: 5px 0 15px;
		font: 16px/22px "Lato", sans-serif
	}
}

@media only screen and (max-width: 1366px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 40px/46px "Lato", sans-serif
	}

	.onyx-inner .onyx-inner-header .onyx-breadcrumbs ul li {
		margin-right: 13px
	}

	.onyx-inner-content .section-subtitle {
		padding: 35px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 30px/34px "Lato", sans-serif
	}

	.onyx-inner-content .inner-section-subtitle p {
		font: 16px/22px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 20px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 24px/30px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title p {
		font: 14px/20px "Lato", sans-serif
	}

	.onyx-inner-content .onyx-inner-content-image-text-title {
		font: 18px/20px "Lato", sans-serif;
		margin-bottom: 10px
	}

	.onyx-inner-content .casestudy-inner-footer-text-box p {
		margin: 5px 0 10px;
		font: 14px/20px "Lato", sans-serif
	}
}

@media only screen and (max-width: 1199px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 36px/42px "Lato", sans-serif
	}

	.onyx-inner-content .section-subtitle {
		padding: 30px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 28px/32px "Lato", sans-serif
	}

	.onyx-inner-content .inner-section-subtitle p {
		font: 14px/20px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 15px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 22px/28px "Lato", sans-serif
	}

	.onyx-inner-content .onyx-inner-content-image-text-title {
		font: 16px/20px "Lato", sans-serif;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 991px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 32px/40px "Lato", sans-serif
	}

	.onyx-inner-content .section-subtitle {
		padding: 25px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 26px/30px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 10px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 20px/26px "Lato", sans-serif
	}

	.onyx-inner-content .onyx-inner-content-image-text-title {
		font: 14px/20px "Lato", sans-serif;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 767px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 30px/34px "Lato", sans-serif
	}

	.onyx-inner-content .section-subtitle {
		padding: 20px 0 0
	}

	.onyx-inner-content .inner-section-subtitle h4 {
		font: 24px/28px "Lato", sans-serif
	}

	.onyx-inner-content .inner-page-content-title {
		margin-top: 5px
	}

	.onyx-inner-content .inner-page-content-title h5 {
		font: 18px/24px "Lato", sans-serif
	}
}

@media only screen and (max-width: 575px) {
	.onyx-inner .onyx-inner-header .onyx-inner-title {
		font: 28px/32px "Lato", sans-serif
	}
}

.od-btn,
.onyx-btn,
.onyx-btn-primary {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	font: 400 1.125rem/1.75rem "Lato", sans-serif;
	color: #fff;
	border: none;
	border-radius: 2.5rem;
	padding: 0 1.875rem;
	background-color: #17273b;
	transition: all .2s ease-in-out;
	width: -moz-max-content;
	width: max-content
}

.od-btn.od-btn-sm,
.od-btn.onyx-btn-sm,
.onyx-btn.od-btn-sm,
.onyx-btn.onyx-btn-sm,
.onyx-btn-primary.od-btn-sm,
.onyx-btn-primary.onyx-btn-sm {
	font: 500 1rem/1.5rem "Lato", sans-serif;
	padding: 0.625rem 1.5625rem;
	transition: all .2s ease-in-out
}

.od-btn.od-btn-primary,
.onyx-btn.onyx-btn-primary {
	color: #fff;
	background-color: #ffbb09;
	transition: all .2s ease-in-out;
	box-shadow: 0 0rem 0.625rem rgba(255, 187, 9, .15)
}

.od-btn.od-btn-primary:hover,
.onyx-btn.onyx-btn-primary:hover {
	color: #fff;
	background-color: #f2b209;
	transition: all .2s ease-in-out;
	box-shadow: 0 0rem 1.25rem rgba(255, 187, 9, .3)
}

.od-btn.od-btn-primary-outline,
.onyx-btn.onyx-btn-primary-outline {
	color: #ffbb09;
	background-color: rgba(0, 0, 0, 0);
	transition: all .2s ease-in-out;
	border: 0.125rem solid rgba(255, 187, 9, .1)
}

.od-btn.od-btn-primary-outline:hover,
.onyx-btn.onyx-btn-primary-outline:hover {
	color: #ffbb09;
	background-color: #ffbb09;
	transition: all .2s ease-in-out;
	border: 0.125rem solid rgba(255, 187, 9, .3)
}

.od-btn.od-btn-secondary,
.onyx-btn.onyx-btn-secondary {
	color: #ffbb09;
	background-color: #fff;
	transition: all .2s ease-in-out;
	box-shadow: 0 0rem 0.625rem rgba(255, 187, 9, .15)
}

.od-btn.od-btn-secondary:hover,
.onyx-btn.onyx-btn-secondary:hover {
	color: #ffbb09;
	background-color: #162538;
	transition: all .2s ease-in-out;
	box-shadow: 0 0rem 1.25rem rgba(255, 187, 9, .3)
}

.od-btn.od-btn-secondary-outline,
.onyx-btn.onyx-btn-secondary-outline {
	color: #17273b;
	background-color: rgba(0, 0, 0, 0);
	transition: all .2s ease-in-out;
	border: 0.125rem solid rgba(23, 39, 59, .1)
}

.od-btn.od-btn-secondary-outline:hover,
.onyx-btn.onyx-btn-secondary-outline:hover {
	color: #17273b;
	background-color: #17273b;
	transition: all .2s ease-in-out;
	border: 0.125rem solid rgba(23, 39, 59, .3)
}

.od-btn.od-btn-outline,
.onyx-btn.onyx-btn-outline {
	color: #ffbb09;
	background-color: rgba(0, 0, 0, 0);
	transition: all .2s ease-in-out;
	border: 0.125rem solid #ffbb09;
	padding: 0.8125rem 1.875rem
}

.od-btn.od-btn-outline:hover,
.onyx-btn.onyx-btn-outline:hover {
	color: #fff;
	background-color: #ffbb09;
	transition: all .2s ease-in-out
}

.od-btn svg,
.onyx-btn svg {
	fill: #fff
}

@media(max-width: 767.98px) {

	.od-btn,
	.onyx-btn {
		font: 500 1rem/1.5rem "Lato", sans-serif;
		padding: 0.625rem 1.25rem;
		transition: all .2s ease-in-out
	}

	.od-btn.od-btn-sm,
	.od-btn.onyx-btn-sm,
	.onyx-btn.od-btn-sm,
	.onyx-btn.onyx-btn-sm {
		font: 500 0.875rem/1.375rem "Lato", sans-serif;
		padding: 0.4375rem 1.125rem;
		transition: all .2s ease-in-out
	}
}

.od-btn:hover {
	background-color: #f2b209
}

.onyx-btn:hover {
	background-color: #f2b209
}

.od-btn,
.onyx-btn,
.onyx-btn-primary {
	height: 3.75rem;
	background-color: #17273b;
	color: #fff
}

.form-label {
	color: #17273b;
	margin-bottom: 0.375rem;
	flex-flow: row wrap;
	font: 500 1rem/1.25rem "Lato", sans-serif
}

.form-label sup {
	color: #ed1c24;
	font: 400 0.875rem/1.25rem "Lato", sans-serif
}

.form-select,
.form-control {
	padding: 0.9375rem 1.25rem;
	border-radius: 0.3125rem;
	border: 0.0625rem solid rgba(48, 61, 93, .25);
	font: 400 1.125rem/1.625rem "Lato", sans-serif;
	color: #17273b;
	background-color: #fff
}

.form-select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: rgba(23, 39, 59, .6)
}

.form-select:-moz-placeholder,
.form-control:-moz-placeholder {
	color: rgba(23, 39, 59, .6)
}

.form-select::-moz-placeholder,
.form-control::-moz-placeholder {
	color: rgba(23, 39, 59, .6)
}

.form-select:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	color: rgba(23, 39, 59, .6)
}

.form-text {
	font: 400 0.875rem/1.25rem "Lato", sans-serif
}

.form-check {
	margin: 0
}

.form-check-input {
	border-radius: 0.3125rem;
	border: 0.0625rem solid rgba(23, 39, 59, .1);
	margin-top: 0
}

.form-select,
.form-control,
.form-check-input {
	box-shadow: none;
	outline: none
}

.form-select:focus,
.form-control:focus,
.form-check-input:focus {
	box-shadow: none;
	outline: none;
	border: 0.0625rem solid #17273b
}

.od-group {
	position: relative
}

.od-group .form-control {
	padding-right: 3.125rem
}

.od-group-text {
	position: absolute;
	top: 0.9375rem;
	right: 1.25rem;
	cursor: pointer
}

.od-group.od-group-reverse .form-control {
	padding-left: 3.125rem
}

.od-group.od-group-reverse .od-group-text {
	position: absolute;
	top: 0.9375rem;
	right: inherit;
	left: 1.25rem
}

.od-error-msg {
	color: #ed1c24
}

.od-banner {
	background-image: url("../media/banner/banner.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.od-banner-text {
	display: flex;
	flex-flow: column;
	gap: clamp(.3125rem, .25rem + .3125vw, .625rem);
	padding: clamp(6.25rem, 5rem + 6.25vw, 12.5rem) 0;
	padding-top: clamp(8.75rem, 8rem + 3.75vw, 12.5rem)
}

.od-banner-text span {
	font: 400 clamp(1.5625rem, 1.15rem + 2.0625vw, 3.625rem)/clamp(2.1875rem, 1.8125rem + 1.875vw, 4.0625rem) "Lato", sans-serif;
	color: #fff
}

.od-banner-text h1 {
	color: #ffc93c;
	font-weight: 600
}

.od-banner-text p {
	font: 400 clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem)/clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem) "Lato", sans-serif;
	color: #fff
}

.od-why {
	margin-top: 0;
	margin-bottom: 0;
	padding: calc(1.75rem + 6vw) 0;
	background-color: rgba(232, 233, 235, .25)
}

@media(min-width: 1200px) {
	.od-why {
		padding: 6.25rem 0
	}
}

.od-why .od-heading {
	margin-bottom: 3.125rem;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0
}

.od-why .od-card {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.25rem;
	position: relative;
	padding-left: calc(1.4375rem + 2.25vw);
	transition: all .5s ease
}

@media(min-width: 1200px) {
	.od-why .od-card {
		padding-left: 3.125rem
	}
}

.od-why .od-card .od-card-img {
	position: absolute;
	background-color: #fff;
	left: 0;
	width: calc(1.875rem + 7.5vw);
	height: calc(1.875rem + 7.5vw);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border-left: 5px solid #ffbb09
}

@media(min-width: 1200px) {
	.od-why .od-card .od-card-img {
		width: 7.5rem
	}
}

@media(min-width: 1200px) {
	.od-why .od-card .od-card-img {
		height: 7.5rem
	}
}

.od-why .od-card-body {
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 0.9375rem;
	border-left: 5px solid #ffe9b1;
	padding: calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw) calc(1.5625rem + 3.75vw);
	transition: all .5s ease
}

@media(min-width: 1200px) {
	.od-why .od-card-body {
		padding: 1.875rem 1.875rem 1.875rem 4.375rem
	}
}

.od-why .od-card-body h3 {
	font-size: calc(1.275rem + 0.3vw) !important;
	font-weight: 700;
	line-height: 2.25rem;
	color: #17273b;
	margin-bottom: 0.625rem
}

@media(min-width: 1200px) {
	.od-why .od-card-body h3 {
		font-size: 1.5rem !important
	}
}

.od-why .od-card-body p {
	font-family: "karla";
	color: #1f273b;
	margin-bottom: 0
}

.od-why .od-card-body:hover {
	background-color: #fff4d8;
	border-color: #ffbb09
}

@media(max-width: 575.98px) {
	.od-why .od-card {
		padding-left: 0;
		padding-top: 2.5rem
	}

	.od-why .od-card .od-card-img {
		left: 31px;
		top: 0px
	}

	.od-why .od-card .od-card-img img {
		width: 1.875rem;
		height: 1.875rem
	}

	.od-why .od-card .od-card-body {
		padding-left: 1.875rem;
		padding-top: 3.125rem
	}
}

@media(max-width: 464px) {
	.od-why .od-card .od-card-img {
		width: 5rem;
		height: 5rem
	}

	.od-why .od-card .od-card-img img {
		width: 2.5rem;
		height: 2.5rem
	}
}

.od-strategy-text {
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: calc(1.3125rem + 0.75vw)
}

@media(min-width: 1200px) {
	.od-strategy-text {
		gap: 1.875rem
	}
}

.od-strategy-text .od-heading {
	align-items: flex-start;
	margin-bottom: 0;
	gap: calc(1.3125rem + 0.75vw)
}

@media(min-width: 1200px) {
	.od-strategy-text .od-heading {
		gap: 1.875rem
	}
}

.od-strategy-text .od-heading h2 {
	color: #17273b;
	text-transform: capitalize
}

.od-strategy-text .od-heading p {
	color: #1f273b;
	text-align: left;
	font-size: 1.25rem;
	margin-top: 0
	
}

@media(max-width: 992px) {
	.od-strategy img {
		width: 100%
	}
}

@media(max-width: 767.98px) {
	.od-strategy img {
		width: 100%
	}

	.od-strategy .od-heading {
		gap: 0.625rem
	}
}

.od-story .od-heading {
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.25rem
}

.od-story .od-heading h3 {
	font-size: calc(1.375rem + 1.5vw);
	color: #17273b;
	font-weight: 900
}

@media(min-width: 1200px) {
	.od-story .od-heading h3 {
		font-size: 2.5rem
	}
}

.od-story .od-heading p {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-top: 0;
	color: #1f273b;
	text-align: left
}

.od-story-item {
	width: 100%;
	display: flex;
	flex-flow: column
}

.od-story-item-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all .5s ease
}

.od-story-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.od-story-item h3 {
	padding: calc(1.3125rem + 0.75vw);
	background-color: #fff;
	transition: all .5s ease;
	font: inherit
}

@media(min-width: 1200px) {
	.od-story-item h3 {
		padding: 1.875rem
	}
}

.od-story-item h3 a {
	font: 700 1.5rem/2.125rem "Lato", sans-serif;
	color: #17273b;
	transition: all .5s ease
}

.od-story-item h3 a:hover {
	color: #ffbb09
}

.od-story-item:hover h3 {
	background-color: rgba(232, 233, 235, .25)
}

@media(max-width: 767.98px) {
	.od-story .od-heading {
		gap: 0.625rem
	}
}

.od-approach {
	background-color: #303d5d;
	margin: 0;
	padding: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) 0
}

.od-approach .od-heading {
	align-items: flex-start;
	margin-bottom: 1.25rem
}

.od-approach .od-heading h2 {
	color: #fff
}

.od-approach-tab {
	border: 1px solid #fff;
	border-radius: 0.625rem;
	padding: 0.625rem;
	display: flex;
	align-items: center;
	gap: 1.875rem;
	position: sticky;
	top: 25vh;
	z-index: 1;
	background-color: #303d5d;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: clamp(1.5625rem, 1.125rem + 2.1875vw, 3.75rem)
}

.od-approach-tab a {
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 0.3125rem;
	padding: 0.3125rem 0.625rem;
	font: 400 1.25rem/1.5625rem "Lato", sans-serif;
	color: #fff;
	transition: all .5s ease
}

.od-approach-tab a.active {
	border-color: #ffc93c;
	background-color: #ffc93c;
	color: #000
}

.od-approach-tab a:hover {
	color: #ffc93c
}

.od-approach .scroll-tab-content {
	display: flex;
	flex-flow: row wrap;
	gap: clamp(1.875rem, -0.25rem + 10.625vw, 12.5rem)
}

.od-approach-img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.od-approach-img svg {
	width: clamp(12.5rem, 9.9875rem + 12.5625vw, 25.0625rem);
	height: 100%
}

.od-approach-img.active-img svg path {
	fill: #ffc93c
}

.od-approach-text {
	display: flex;
	flex-flow: column;
	gap: clamp(.625rem, .5rem + .625vw, 1.25rem)
}

.od-approach-text h3 {
	font: 500 clamp(1.75rem, 1.475rem + 1.375vw, 3.125rem)/clamp(2.1875rem, 1.9125rem + 1.375vw, 3.5625rem) "Lato", sans-serif;
	color: #ffc93c
}

.od-approach-text p {
	font: 400 clamp(1.125rem, 0.9125rem + 1.0625vw, 2.1875rem)/clamp(1.375rem, 1.15rem + 1.125vw, 2.5rem) "Lato", sans-serif;
	color: #fff
}

.od-approach .col {
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width: 768px) {
	.od-approach-tab {
		display: none
	}
}

@media(max-width: 576px) {
	.od-approach .col {
		display: flex;
		justify-content: flex-start
	}
}

.od-partner .od-heading {
	justify-content: flex-start;
	align-items: flex-start
}

.od-partner #partnerimage {
	background-color: #fff
}

.od-partner #partnerimage .item .od-partner-box {
	background: rgba(232, 233, 235, .25)
}

.od-case-study .od-heading {
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.25rem
}

.od-case-study .od-heading h3 {
	font-size: calc(1.375rem + 1.5vw);
	color: #17273b;
	font-weight: 900
}

@media(min-width: 1200px) {
	.od-case-study .od-heading h3 {
		font-size: 2.5rem
	}
}

.od-case-study .od-heading p {
	font-size: 1.25rem;
	line-height: 2rem;
	margin-top: 0;
	color: #1f273b;
	text-align: left
}

.od-case-study-box {
	display: flex;
	flex-flow: column;
	gap: 1.25rem
}

.od-case-study-box h4 a {
	font-size: calc(1.275rem + 0.3vw);
	line-height: calc(1.35rem + 1.2vw);
	font-weight: 700;
	color: #17273b;
	transition: all .5s ease
}

@media(min-width: 1200px) {
	.od-case-study-box h4 a {
		font-size: 1.5rem
	}
}

@media(min-width: 1200px) {
	.od-case-study-box h4 a {
		line-height: 2.25rem
	}
}

.od-case-study-box h4:hover a {
	color: #ffbb09
}

@media(max-width: 992px) {
	.od-case-study-box-img {
		width: 100%
	}

	.od-case-study-box-img img {
		width: 100%
	}
}

@media(max-width: 767.98px) {
	.od-case-study .od-heading {
		gap: 0.625rem
	}
}

.od-talk {
	background-image: url("../media/talk/talk.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0;
	padding: calc(1.875rem + 7.5vw) 0
}

@media(min-width: 1200px) {
	.od-talk {
		padding: 7.5rem 0
	}
}

.od-talk .od-heading {
	margin-bottom: 0;
	gap: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {
	.od-talk .od-heading {
		gap: 2.5rem
	}
}

.od-talk .od-heading h2 {
	font-size: calc(1.525rem + 3.3vw);
	color: #000
}

@media(min-width: 1200px) {
	.od-talk .od-heading h2 {
		font-size: 4rem
	}
}

.od-talk .od-heading p {
	font-size: calc(1.275rem + 0.3vw);
	line-height: 1.625rem;
	margin-top: 0;
	color: #1f273b;
	text-align: center
}

@media(min-width: 1200px) {
	.od-talk .od-heading p {
		font-size: 1.5rem
	}
}

.od-talk .od-heading a {
	background-color: #fff;
	color: #000;
	font-weight: 600;
	transition: all .5s ease
}

.od-talk .od-heading a:hover {
	background-color: #17273b;
	color: #fff
}

.od-trusted-by .od-heading {
	justify-content: flex-start;
	align-items: flex-start
}

.od-trusted-by .od-brand-box {
	display: flex;
	justify-content: center;
	align-items: center
}

.od-testimonial {
	padding: 0 calc(2.375rem + 13.5vw)
}

@media(min-width: 1200px) {
	.od-testimonial {
		padding: 0 12.5rem
	}
}

.od-testimonial .od-testimonial-slide {
	margin-top: calc(1.28125rem + 0.375vw)
}

@media(min-width: 1200px) {
	.od-testimonial .od-testimonial-slide {
		margin-top: 1.5625rem
	}
}

.od-testimonial .od-testimonial-slide .od-testimonial-box {
	padding: calc(1.28125rem + 0.375vw);
	background-color: #17273b;
	border-radius: 0.9375rem;
	display: flex;
	flex-flow: column;
	gap: 0.625rem
}

@media(min-width: 1200px) {
	.od-testimonial .od-testimonial-slide .od-testimonial-box {
		padding: 1.5625rem
	}
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top {
	display: flex;
	align-items: start;
	gap: 0.3125rem
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top p {
	font-size: calc(1.28125rem + 0.375vw);
	color: #fff;
	font-weight: 500;
	margin: 0;
	line-height: 35px;
	text-align: center
}

@media(min-width: 1200px) {
	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top p {
		font-size: 1.5625rem
	}
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top .od-client-img img {
	width: auto
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.3125rem
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom .od-client {
	display: flex;
	flex-flow: column;
	align-items: end;
	gap: 0.3125rem
}

.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom .od-client p {
	font-size: 1.125rem;
	color: #fff;
	margin: 0;
	text-align: left
}

.od-testimonial .od-testimonial-slide .owl-nav .owl-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -70px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(23,39,59,1)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 44px;
	width: 44px
}

.od-testimonial .od-testimonial-slide .owl-nav .owl-prev span {
	display: none
}

.od-testimonial .od-testimonial-slide .owl-nav .owl-next {
	position: absolute;
	right: -70px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(23,39,59,1)'%3E%3Cpath d='M12 11V8L16 12L12 16V13H8V11H12ZM12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 44px;
	width: 44px
}

.od-testimonial .od-testimonial-slide .owl-nav .owl-next span {
	display: none
}

@media(max-width: 576px) {
	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top {
		flex-wrap: wrap
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-top p {
		text-align: left
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: .625rem
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom .od-client {
		align-items: flex-start !important;
		text-align: left !important;
		order: 1
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom .od-client p {
		text-align: left
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-bottom .od-brand-img {
		order: 2
	}
}

@media(max-width: 992px) {
	.od-testimonial {
		padding: 0
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box {
		flex-wrap: wrap
	}

	.od-testimonial .od-testimonial-slide .od-testimonial-box .od-box-left .od-client {
		width: 100%
	}

	.od-testimonial .od-testimonial-slide .owl-nav {
		margin-top: 20px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.od-testimonial .od-testimonial-slide .owl-nav .owl-prev {
		position: static;
		margin: 0
	}

	.od-testimonial .od-testimonial-slide .owl-nav .owl-next {
		position: static;
		margin: 0
	}
}

.od-our-service .od-heading {
	justify-content: flex-start;
	align-items: flex-start
}

.od-our-service .od-service-content {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 1.25rem
}

.od-our-service .od-service-content .od-service-slide .od-service-box {
	padding: calc(1.28125rem + 0.375vw);
	border-radius: .9375rem;
	border-left: 5px solid #ffbb09;
	border-right: 5px solid #ffbb09
}

@media(min-width: 1200px) {
	.od-our-service .od-service-content .od-service-slide .od-service-box {
		padding: 1.5625rem
	}
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-img {
	position: relative
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-img img {
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-text {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 0.625rem;
	text-align: center
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-text h6 {
	text-align: center
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 0.9375rem
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-list {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 0.625rem
}

.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-list ul li {
	list-style: disc;
	text-align: center
}

.od-our-service .od-service-content .od-service-slide .owl-nav .owl-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -70px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(23,39,59,1)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 44px;
	width: 44px
}

.od-our-service .od-service-content .od-service-slide .owl-nav .owl-prev span {
	display: none
}

.od-our-service .od-service-content .od-service-slide .owl-nav .owl-next {
	position: absolute;
	right: -70px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(23,39,59,1)'%3E%3Cpath d='M12 11V8L16 12L12 16V13H8V11H12ZM12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 44px;
	width: 44px
}

.od-our-service .od-service-content .od-service-slide .owl-nav .owl-next span {
	display: none
}

@media(min-width: 1600px)and (max-width: 1800px) {
	.od-our-service .od-service-content {
		padding: 0 100px
	}
}

@media(max-width: 1600px) {
	.od-our-service .od-service-content {
		padding: 0
	}

	.od-our-service .od-service-content .od-service-slide .owl-nav {
		margin-top: 20px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.od-our-service .od-service-content .od-service-slide .owl-nav .owl-prev {
		position: static;
		margin: 0
	}

	.od-our-service .od-service-content .od-service-slide .owl-nav .owl-next {
		position: static;
		margin: 0
	}
}

@media(min-width: 587px)and (max-width: 654px) {
	.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-img::before {
		border-width: 257px 75px 0 0
	}

	.od-our-service .od-service-content .od-service-slide .od-service-box .od-service-img::after {
		border-width: 0 0 257px 75px;
		bottom: -1px
	}
}

@media(max-width: 587px) {
	.od-our-service .od-service-content .od-service-slide .od-service-box .grid {
		-moz-column-gap: 0;
		column-gap: 0
	}

	.od-our-service .od-service-content .od-service-slide .od-service-box .grid .od-service-img::before {
		border-width: 257px 45px 0 0
	}

	.od-our-service .od-service-content .od-service-slide .od-service-box .grid .od-service-img::after {
		border-width: 0 0 257px 45px;
		bottom: -1px
	}
}

.od-free-cons {
	margin-top: -30px;
	display: flex;
	justify-content: center;
	align-items: center
}
