@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* Fonts */
:root {
	--font-default: 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-primary: 'Montserrat', sans-serif;
}

/* Colors */
:root {
	--bs-default: #212529;
	--bs-primary: #1e1e1e;
	--bs-secondary: #515457;
	--bs-lighter-gray: #f5f6f7;
	--bs-light-gray: #7f7f90;
	--bs-primary-rgb: 30, 30, 30;
	--bs-black-rgb: 0, 0, 0;
	--bs-primary: #1e1e1e;
	--bs-primary-rgb: 30, 30, 30;
	--bs-green-rgb: 29, 174, 14;
	--bs-lighter-green: #d0f7ca;
	--bs-gray-dark: #3F4254;
	--bs-gray-100: #F5F8FA;
	--bs-gray-200: #EFF2F5;
	--bs-gray-300: #E4E6EF;
	--bs-gray-400: #B5B5C3;
	--bs-gray-500: #A1A5B7;
	--bs-gray-600: #7E8299;
	--bs-gray-700: #5E6278;
	--bs-gray-800: #3F4254;
	--bs-gray-900: #181C32;
}

/* Smooth scroll behavior */
:root {
	scroll-behavior: smooth;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	font-family: var(--font-default);
	color: var(--bs-default);
}

a {
	color: var(--bs-default);
	text-decoration: none;
}

a:-webkit-any-link:focus-visible {
	outline: none;
}

a:hover {
	color: var(--bs-primary);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-primary);
}

.fs-7 {
	font-size: .95rem !important
}

.fs-8 {
	font-size: .875rem !important
}

.fs-9 {
	font-size: .75rem !important
}

.fs-10 {
	font-size: .5rem !important
}

.fs-2x {
	font-size: calc(1.325rem + .9vw) !important
}

.fs-2qx {
	font-size: calc(1.35rem + 1.2vw) !important
}

.fs-2hx {
	font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2tx {
	font-size: calc(1.4rem + 1.8vw) !important
}

.fs-3x {
	font-size: calc(1.425rem + 2.1vw) !important
}

.fs-3qx {
	font-size: calc(1.45rem + 2.4vw) !important
}

.fs-3hx {
	font-size: calc(1.475rem + 2.7vw) !important
}

.fs-3tx {
	font-size: calc(1.5rem + 3vw) !important
}

.fw-bold {
	font-weight: 600 !important;
}

.shadow-hover,
.hover-link i {
	transition: .3s ease-in-out;
}

.shadow-hover:hover {
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.min-w-125px {
	min-width: 125px;
}

.min-w-100px {
	min-width: 100px;
}

.btn {
	font-size: 0.875rem;
	padding: 0.75rem 1.25rem;
	border-radius: 0;
	transition: 0.3s;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus,
.btn-check:focus+.btn,
.btn:focus {
	box-shadow: none;
}

.btn:focus-visible {
	outline: none;
}

.btn.btn-primary {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-light {
	background-color: #fff;
}

.btn.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus {
	color: var(--bs-primary);
	background-color: #fff;
}

.btn-close:focus {
	box-shadow: none;
}

.btn-default {
	background-color: var(--bs-lighter-gray);
	border: 1px solid #ced4da;

}

.btn-default:hover {
	background-color: var(--bs-gray-200);
	border: 1px solid #ced4da;
}

.btn.btn-primary:hover,
.btn-hover-primary:hover {
	color: #fff;
	--bs-bg-opacity: 0.8;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	border-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.btn.btn-outline-light {
	--bs-bg-opacity: 0.8;
	--bs-btn-color: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	--bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	--bs-btn-active-border-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	--bs-btn-disabled-color: var(--bs-lighter-gray);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	--bs-gradient: none;
}

.form-control,
.form-select {
	border-radius: 0;
	box-shadow: none;
	font-size: 0.938rem;
	min-height: 3rem;
	padding: 0.625rem 0.938rem;
	color: var(--bs-secondary);
}

.form-control:focus,
.form-select:focus {
	box-shadow: none;
	border-color: inherit;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--bs-secondary) !important;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--bs-secondary) !important;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--bs-secondary) !important;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: var(--bs-secondary) !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
	--bs-bg-opacity: 0.055;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--bs-primary);
}

.dropup .dropdown-toggle::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	border: none;
	content: "";
	width: 0.938rem;
	height: 0.938rem;
	background-size: 0.813rem;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-180deg);
}

.dropdown-toggle::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	border: none;
	content: "";
	width: 0.938rem;
	height: 0.938rem;
	background-size: 0.813rem;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(0deg);
}

.min-h-100 {
	min-height: 100%;
}

.opacity-hover-100:hover {
	opacity: 1 !important;
}

.img-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.img-wrapper img {
	object-fit: cover;
	max-height: inherit;
}

.list-style li {
	position: relative;
	padding-left: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 7px;
}

.list-style li:not(:last-child) {
	margin-bottom: 10px;
}

.list-style.list-style-light li {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.list-seperator>li:not(:last-child):after {
	right: 0;
	margin: 0 10px;
	content: "|";
	position: relative;

}

.bg-lightest-primary {
	--bs-bg-opacity: 0.045;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.opacity-60 {
	opacity: 0.6 !important;
}

.bg-lighter-gray {
	background-color: var(--bs-lighter-gray) !important;
}

.bg-gray-100 {
	background-color: var(--bs-gray-100) !important;
}

.bg-gray-200 {
	background-color: var(--bs-gray-200) !important;
}

.bg-gray-300 {
	background-color: var(--bs-gray-300) !important;
}

.bg-gray-400 {
	background-color: var(--bs-gray-400) !important;
}

.bg-gray-500 {
	background-color: var(--bs-gray-500) !important;
}

.bg-gray-600 {
	background-color: var(--bs-gray-600) !important;
}

.bg-gray-700 {
	background-color: var(--bs-gray-700) !important;
}

.bg-gray-800 {
	background-color: var(--bs-gray-800) !important;
}

.bg-gray-900 {
	background-color: var(--bs-gray-900) !important;
}

.text-gray-100 {
	color: var(--bs-gray-100) !important;
}

.text-gray-200 {
	color: var(--bs-gray-200) !important;
}

.text-gray-300 {
	color: var(--bs-gray-300) !important;
}

.text-gray-400 {
	color: var(--bs-gray-400) !important;
}

.text-gray-500 {
	color: var(--bs-gray-500) !important;
}

.text-gray-600 {
	color: var(--bs-gray-600) !important;
}

.text-gray-700 {
	color: var(--bs-gray-700) !important;
}

.text-gray-800 {
	color: var(--bs-gray-800) !important;
}

.text-gray-900 {
	color: var(--bs-gray-900) !important;
}

.border-gray-100 {
	border-color: #f5f8fa !important
}

.border-gray-200 {
	border-color: #eff2f5 !important
}

.border-gray-300 {
	border-color: #e4e6ef !important
}

.border-gray-400 {
	border-color: #b5b5c3 !important
}

.border-gray-500 {
	border-color: #a1a5b7 !important
}

.border-gray-600 {
	border-color: #7e8299 !important
}

.border-gray-700 {
	border-color: #5e6278 !important
}

.border-gray-800 {
	border-color: #3f4254 !important
}

.border-gray-900 {
	border-color: #181c32 !important
}

.p-0 {
	padding: 0 !important
}

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

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

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

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

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

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

.p-7 {
	padding: 1.75rem !important
}

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

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

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

.p-11 {
	padding: 2.75rem !important
}

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

.p-13 {
	padding: 3.25rem !important
}

.p-14 {
	padding: 3.5rem !important
}

.p-15 {
	padding: 3.75rem !important
}

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

.p-17 {
	padding: 4.25rem !important
}

.p-18 {
	padding: 4.5rem !important
}

.p-19 {
	padding: 4.75rem !important
}

.p-20 {
	padding: 5rem !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: .75rem !important;
	padding-left: .75rem !important
}

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

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

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

.px-7 {
	padding-right: 1.75rem !important;
	padding-left: 1.75rem !important
}

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

.px-9 {
	padding-right: 2.25rem !important;
	padding-left: 2.25rem !important
}

.px-10 {
	padding-right: 2.5rem !important;
	padding-left: 2.5rem !important
}

.px-11 {
	padding-right: 2.75rem !important;
	padding-left: 2.75rem !important
}

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

.px-13 {
	padding-right: 3.25rem !important;
	padding-left: 3.25rem !important
}

.px-14 {
	padding-right: 3.5rem !important;
	padding-left: 3.5rem !important
}

.px-15 {
	padding-right: 3.75rem !important;
	padding-left: 3.75rem !important
}

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

.px-17 {
	padding-right: 4.25rem !important;
	padding-left: 4.25rem !important
}

.px-18 {
	padding-right: 4.5rem !important;
	padding-left: 4.5rem !important
}

.px-19 {
	padding-right: 4.75rem !important;
	padding-left: 4.75rem !important
}

.px-20 {
	padding-right: 5rem !important;
	padding-left: 5rem !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: .75rem !important;
	padding-bottom: .75rem !important
}

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

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

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

.py-7 {
	padding-top: 1.75rem;
	padding-bottom: 1.75rem
}

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

.py-9 {
	padding-top: 2.25rem;
	padding-bottom: 2.25rem
}

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

.py-11 {
	padding-top: 2.75rem;
	padding-bottom: 2.75rem
}

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

.py-13 {
	padding-top: 3.25rem;
	padding-bottom: 3.25rem
}

.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem
}

.py-15 {
	padding-top: 3.75rem !important;
	padding-bottom: 3.75rem !important
}

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

.py-17 {
	padding-top: 4.25rem !important;
	padding-bottom: 4.25rem !important
}

.py-18 {
	padding-top: 4.5rem !important;
	padding-bottom: 4.5rem !important
}

.py-19 {
	padding-top: 4.75rem !important;
	padding-bottom: 4.75rem !important
}

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

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

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

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

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

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

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

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

.pb-7 {
	padding-bottom: 1.75rem !important
}

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

.pb-9 {
	padding-bottom: 2.25rem !important
}

.pb-10 {
	padding-bottom: 2.5rem !important
}

.pb-11 {
	padding-bottom: 2.75rem !important
}

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

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

.pb-14 {
	padding-bottom: 3.5rem !important
}

.pb-15 {
	padding-bottom: 3.75rem !important
}

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

.pb-17 {
	padding-bottom: 4.25rem !important
}

.pb-18 {
	padding-bottom: 4.5rem !important
}

.pb-19 {
	padding-bottom: 4.75rem !important
}

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

.pt-0 {
	padding-top: 0 !important
}

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

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

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

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

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

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

.pt-7 {
	padding-top: 1.75rem !important
}

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

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

.pt-10 {
	padding-top: 2.5rem !important
}

.pt-11 {
	padding-top: 2.75rem !important
}

.pt-12 {
	padding-top: 3rem !important
}

.pt-13 {
	padding-top: 3.25rem !important
}

.pt-14 {
	padding-top: 3.5rem !important
}

.pt-15 {
	padding-top: 3.75rem !important
}

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

.pt-17 {
	padding-top: 4.25rem !important
}

.pt-18 {
	padding-top: 4.5rem !important
}

.pt-19 {
	padding-top: 4.75rem !important
}

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

.ps-0 {
	padding-left: 0 !important
}

.ps-1 {
	padding-left: .25rem !important
}

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

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

.ps-4 {
	padding-left: 1rem !important
}

.ps-5 {
	padding-left: 1.25rem !important
}

.ps-6 {
	padding-left: 1.5rem !important
}

.ps-7 {
	padding-left: 1.75rem !important
}

.ps-8 {
	padding-left: 2rem !important
}

.ps-9 {
	padding-left: 2.25rem !important
}

.ps-10 {
	padding-left: 2.5rem !important
}

.ps-11 {
	padding-left: 2.75rem !important
}

.ps-12 {
	padding-left: 3rem !important
}

.ps-13 {
	padding-left: 3.25rem !important
}

.ps-14 {
	padding-left: 3.5rem !important
}

.ps-15 {
	padding-left: 3.75rem !important
}

.ps-16 {
	padding-left: 4rem !important
}

.ps-17 {
	padding-left: 4.25rem !important
}

.ps-18 {
	padding-left: 4.5rem !important
}

.ps-19 {
	padding-left: 4.75rem !important
}

.ps-20 {
	padding-left: 5rem !important
}

.m-0 {
	margin: 0 !important
}

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

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

.m-3 {
	margin: .75rem !important
}

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

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

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

.m-7 {
	margin: 1.75rem !important
}

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

.m-9 {
	margin: 2.25rem !important
}

.m-10 {
	margin: 2.5rem !important
}

.m-11 {
	margin: 2.75rem !important
}

.m-12 {
	margin: 3rem !important
}

.m-13 {
	margin: 3.25rem !important
}

.m-14 {
	margin: 3.5rem !important
}

.m-15 {
	margin: 3.75rem !important
}

.m-16 {
	margin: 4rem !important
}

.m-17 {
	margin: 4.25rem !important
}

.m-18 {
	margin: 4.5rem !important
}

.m-19 {
	margin: 4.75rem !important
}

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

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

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

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

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

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

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

.mb-7 {
	margin-bottom: 1.75rem !important
}

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

.mb-9 {
	margin-bottom: 2.25rem !important
}

.mb-10 {
	margin-bottom: 2.5rem !important
}

.mb-11 {
	margin-bottom: 2.75rem !important
}

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

.mb-13 {
	margin-bottom: 3.25rem !important
}

.mb-14 {
	margin-bottom: 3.5rem !important
}

.mb-15 {
	margin-bottom: 3.75rem !important
}

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

.mb-17 {
	margin-bottom: 4.25rem !important
}

.mb-18 {
	margin-bottom: 4.5rem !important
}

.mb-19 {
	margin-bottom: 4.75rem !important
}

.mb-20 {
	margin-bottom: 5rem !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: .75rem !important;
	margin-left: .75rem !important
}

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

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

.mx-6 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important
}

.mx-7 {
	margin-right: 1.75rem !important;
	margin-left: 1.75rem !important
}

.mx-8 {
	margin-right: 2rem !important;
	margin-left: 2rem !important
}

.mx-9 {
	margin-right: 2.25rem !important;
	margin-left: 2.25rem !important
}

.mx-10 {
	margin-right: 2.5rem !important;
	margin-left: 2.5rem !important
}

.mx-11 {
	margin-right: 2.75rem !important;
	margin-left: 2.75rem !important
}

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

.mx-13 {
	margin-right: 3.25rem !important;
	margin-left: 3.25rem !important
}

.mx-14 {
	margin-right: 3.5rem !important;
	margin-left: 3.5rem !important
}

.mx-15 {
	margin-right: 3.75rem !important;
	margin-left: 3.75rem !important
}

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

.mx-17 {
	margin-right: 4.25rem !important;
	margin-left: 4.25rem !important
}

.mx-18 {
	margin-right: 4.5rem !important;
	margin-left: 4.5rem !important
}

.mx-19 {
	margin-right: 4.75rem !important;
	margin-left: 4.75rem !important
}

.mx-20 {
	margin-right: 5rem !important;
	margin-left: 5rem !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: .75rem !important;
	margin-bottom: .75rem !important
}

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

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

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

.my-7 {
	margin-top: 1.75rem !important;
	margin-bottom: 1.75rem !important
}

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

.my-9 {
	margin-top: 2.25rem !important;
	margin-bottom: 2.25rem !important
}

.my-10 {
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important
}

.my-11 {
	margin-top: 2.75rem !important;
	margin-bottom: 2.75rem !important
}

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

.my-13 {
	margin-top: 3.25rem !important;
	margin-bottom: 3.25rem !important
}

.my-14 {
	margin-top: 3.5rem !important;
	margin-bottom: 3.5rem !important
}

.my-15 {
	margin-top: 3.75rem !important;
	margin-bottom: 3.75rem !important
}

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

.my-17 {
	margin-top: 4.25rem !important;
	margin-bottom: 4.25rem !important
}

.my-18 {
	margin-top: 4.5rem !important;
	margin-bottom: 4.5rem !important
}

.my-19 {
	margin-top: 4.75rem !important;
	margin-bottom: 4.75rem !important
}

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

.seperator {
	border-top: 1px dashed #eee;
}

.border-gray-400 {
	border-color: var(--bs-gray-400)
}

.modal-dark .btn-close {
	border-radius: 100%;
	border: 1px solid #fff;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	background-size: 12px;
}

.modal-dialog {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 30px 0;
}


.list-padding li:not(:last-child) {
	padding-bottom: 10px;
}

.border-bottom-dashed {
	border-bottom-style: dashed !important;
}

.bg-image{
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center
}
/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
	overflow: hidden;
	padding: 5rem 0;
}

.section-bg {
	background-color: var(--bs-lighter-gray);
}

.sub-heading {
	font-size: 0.813rem;
	letter-spacing: 1px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: var(--bs-light-gray);
	text-transform: uppercase;
	font-family: var(--font-default);
}

.heading {
	font-size: 2.25rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 0.6rem;
	bottom: 0.6rem;
	z-index: 99999;
	background: var(--bs-primary);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 4px;
	transition: all 0.4s;
}

.scroll-top i {
	font-size: 1.5rem;
	color: #fff;
	line-height: 0;
}

.scroll-top:hover {
	background: var(--bs-primary);
	color: #fff;
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

#preloader:before,
#preloader:after {
	content: "";
	position: absolute;
	border: 4px solid var(--bs-primary);
	border-radius: 50%;
	-webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {
	0% {
		width: 0.625rem;
		height: 0.625rem;
		top: calc(50% - 0.313rem);
		left: calc(50% - 0.313rem);
		opacity: 1;
	}

	100% {
		width: 4.5rem;
		height: 4.5rem;
		top: calc(50% - 2.25rem);
		left: calc(50% - 2.25rem);
		opacity: 0;
	}
}

@keyframes animate-preloader {
	0% {
		width: 0.625rem;
		height: 0.625rem;
		top: calc(50% - 0.313rem);
		left: calc(50% - 0.313rem);
		opacity: 1;
	}

	100% {
		width: 4.5rem;
		height: 4.5rem;
		top: calc(50% - 2.25rem);
		left: calc(50% - 2.25rem);
		opacity: 0;
	}
}

section {
	scroll-margin-top: 65px;
}


.header {
	background: #fff;
	transition: all 0.5s;
	z-index: 997;
}

.header.sticked {
	border-color: #fff;
	border-color: #eee;
}

.header .logo img {
	max-height: 40px;
	margin-right: 6px;
}

.header .logo h1 {
	font-size: 22px;
	color: #000;
	margin: 0;
	font-family: var(--font-primary);
	margin-bottom: 0.5rem;
	transition: 0.35s ease-out;
}

.header .logo h1 span {
	color: var(--color-primary);
}

.header .btn-book-a-table,
.header .btn-book-a-table:focus {
	font-size: 14px;
	color: #fff;
	background: var(--color-primary);
	padding: 8px 20px;
	margin-left: 30px;
	border-radius: 50px;
	transition: 0.3s;
}
/*--------------------------------------------------------------
  # Desktop Navigation
  --------------------------------------------------------------*/
@media (min-width: 1280px) {
	.navbar {
		padding: 0;
	}

	.navbar ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
	}

	.navbar li {
		position: relative;
	}

	.navbar>ul li {
		white-space: nowrap;
		padding: 1px 8px;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 3px;
		font-family: var(--font-primary);
		font-size: 14px;
		color: #7f7f90;
		white-space: nowrap;
		transition: 0.3s;
		position: relative;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar>ul>li>a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -6px;
		left: 0;
		background-color: var(--color-primary);
		visibility: hidden;
		width: 0px;
		transition: all 0.3s ease-in-out 0s;
	}

	.navbar a:hover:before,
	.navbar li:hover>a:before,
	.navbar .active:before {
		visibility: visible;
		width: 100%;
	}

	.navbar a:hover,
	.navbar .active,
	.navbar .active:focus,
	.navbar li:hover>a {
		color: #000;
	}

	.navbar .dropdown ul {
		display: block;
		position: absolute;
		left: 28px;
		top: calc(100% + 30px);
		margin: 0;
		padding: 10px 0;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		background: #fff;
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
		transition: 0.3s;
		border-radius: 4px;
	}
	.navbar .dropdown ul.open-right{
	    left:unset;
	    right:0;
	}

	.navbar .dropdown ul li {
		min-width: 200px;
	}

	.navbar .dropdown ul a {
		padding: 10px 20px;
		font-size: 14px;
		text-transform: none;
	}

	.navbar .dropdown ul a i {
		font-size: 12px;
	}

	.navbar .dropdown ul a:hover,
	.navbar .dropdown ul .active:hover,
	.navbar .dropdown ul li:hover>a {
		color: var(--color-primary);
	}

	.navbar .dropdown:hover>ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

	.navbar .dropdown .dropdown ul {
		top: 0;
		left: calc(100% - 30px);
		visibility: hidden;
	}

	.navbar .dropdown .dropdown:hover>ul {
		opacity: 1;
		top: 0;
		left: 100%;
		visibility: visible;
	}
}

@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

@media (min-width: 1280px) {
	.mobile-nav-show,
	.mobile-nav-hide {
		display: none;
	}
}

.sticked {
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
    width:100%;
}

.header.sticked .logo h1{
    font-size: 18px;
    margin-bottom: 3px;
}
.header.sticked  .navbar>ul li {
   
    padding: 0px 8px;
}
@keyframes slideDown {
    from {
	transform: translateY(-100%);
    }
    to {
	transform: translateY(0);
    }
}
/*--------------------------------------------------------------
  # Mobile Navigation
  --------------------------------------------------------------*/
@media(max-width:1285px){
    .header .logo h1{
	font-size:20px;
    }

}
@media (max-width: 1279px) {
    .header .logo h1,.header.sticked .logo h1{
	margin:0;
    }
    .header > div {
	flex-direction: row !important;
    }
	.navbar {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 400px;
		border-left: 1px solid #ededed;
		bottom: 0;
		transition: 0.3s;
		z-index: 9997;
	}

	.navbar > ul {
		position: absolute;
		inset: 0;
		padding: 50px 0 10px 0;
		margin: 0;
		background: #fff;
		overflow-y: auto;
		transition: 0.3s;
		z-index: 9998;
		min-height:100vh;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
		font-family: var(--font-default);
		border-bottom: 2px solid rgba(255, 255, 255, 0.8);
		font-size: 16px;
		font-weight: 600;
		color: #7f7f90;
		transition: 0.3s;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar a:hover,
	.navbar li:hover>a {
		color: #000;
	}

	.navbar .active,
	.navbar .active:focus {
		color: #000;
		border-color: var(--color-primary);
	}

	.navbar .dropdown ul,
	.navbar .dropdown .dropdown ul {
		position: static;
		display: none;
		padding: 10px 0;
		margin: 10px 20px;
		transition: all 0.5s ease-in-out;
		border: 1px solid #eee;
	}

	.navbar .dropdown>.dropdown-active,
	.navbar .dropdown .dropdown>.dropdown-active {
		display: block;
	}

	.mobile-nav-show {
		color: var(--color-secondary);
		font-size: 28px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		z-index: 9999;
		margin: 0 0px 0 5px;
	}

	.mobile-nav-hide {
		color: var(--color-secondary);
		font-size: 32px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		position: absolute;
		right: 10px;
		top: 20px;
		z-index: 9999;
	}

	.mobile-nav-active {
		overflow: hidden;
	}

	.mobile-nav-active .navbar {
		right: 0;
	}

	.mobile-nav-active .navbar:before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.7);
		z-index: 9996;
		min-height:100vh;
	}
}


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

.overlay-outer {
	position: relative;
	z-index: 0;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.6;
	z-index: -1;
}

.logos .img-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 3.25rem;
	margin: 0 auto;
	overflow: hidden;
}

.logos .img-wrapper img {
	padding: 0.313rem;
	max-height: inherit;
	max-width: 100%;
	height: auto;
	/*filter: grayscale(1);*/
}
ul.timeline {
	list-style-type: none;
	position: relative;
}

ul.timeline:before {
	content: " ";
	background: #929292;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 0px;
	width: 2px;
	height: 100%;
	z-index: 400;
}

ul.timeline>li:before {
	content: " ";
	background-color: #ffffff;
	display: inline-block;
	border-radius: 50%;
	border: 3px solid #2a2a2b;
	left: -32px;
	width: 20px;
	height: 20px;
	z-index: 400;
	top: 0px;
	position: absolute;
}

ul.timeline>li {
	position: relative;
}

.profile-image {
	margin-top: -83.5%;
}

.profile-image .img-wrapper {
	border: 14px solid #fff;
	max-width: 400px;
	margin: 0 auto;
}

main {
    min-height: calc(100vh - 100px)
}

/*================Responsive==================*/

@media (max-width:991px) {
	.profile-image {
		margin-top: -145px;
	}
}

@media(max-width:767px) {
	section {
		padding: 4rem 0;
	}
	.profile-image {
		margin-top: 0;
	}
	.profile-image .img-wrapper {
		border: 12px solid #f3f3f3ff;
	}
}
@media (min-width:576px) {
    .mb-sm-0 {
	margin-bottom: 0!important
    }
}
@media (max-width:575px) {
	.heading {
		font-size: 2rem;
	}

	section {
		padding: 3rem 0;
	}

	.list-seperator>li:not(:last-child):after {
		margin: 0 5px;
	}

	
}
