@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
:root, [data-bs-theme=light] {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #16502d;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
}

html, body {
	overflow-x: hidden;
	/* Prevent scroll on narrow devices */
	font-family: "Arimo", Arial, Helevatica, sans-serif;
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 1.6em;
	color: var(--bs-black);
}
a {
	text-decoration: none;
	color: var(--bs-black);
}
a:hover {
	text-decoration: none;
}
dt {
	font-weight: 500;
}

body {
	padding-top: 56px;
}
hr {
	margin: 0;
}
.border-secondary {
    --bs-border-opacity: 1;
    border-color: var(--bs-border-color) !important;
}

.breadcrumb-chevron {
	--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	gap: .5rem;
  }
  .breadcrumb-chevron .breadcrumb-item {
	display: flex;
	gap: inherit;
	align-items: center;
	padding-left: 0;
	line-height: 1;
  }
  .breadcrumb-chevron .breadcrumb-item::before {
	gap: inherit;
	float: none;
	width: 1rem;
	height: 1rem;
  }
  
  .breadcrumb-custom .breadcrumb-item {
	position: relative;
	flex-grow: 1;
	padding: .75rem 3rem;
  }
  .breadcrumb-custom .breadcrumb-item::before {
	display: none;
  }
  .breadcrumb-custom .breadcrumb-item::after {
	position: absolute;
	top: 50%;
	right: -25px;
	z-index: 1;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	content: "";
	background-color: var(--bs-tertiary-bg);
	border-top-right-radius: .5rem;
	box-shadow: 1px -1px var(--bs-border-color);
	transform: scale(.707) rotate(45deg);
  }
  .breadcrumb-custom .breadcrumb-item:first-child {
	padding-left: 1.5rem;
  }
  .breadcrumb-custom .breadcrumb-item:last-child {
	padding-right: 1.5rem;
  }
  .breadcrumb-custom .breadcrumb-item:last-child::after {
	display: none;
  }


@media (max-width: 991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 56px;
		/* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #ffffff;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibiity: visible;
		transform: translateX(-100%);
	}
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	--bs-gutter-x: 1.3rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x)* 2.5);
	padding-left: calc(var(--bs-gutter-x)* 2.5);
	margin-right: auto;
	margin-left: auto;
}
.dropdown-toggle::after {
	border: none !important;
	content: "";
	margin-left: .25em;
	margin-top: 0.1em;
	display: inline-block;
	width: 20px;
	height: 10px;
	vertical-align: 0em;
	background-repeat: no-repeat;
	background-image: url("img/arrow-down.svg");
}
.navbar-toggler {
	border: 0;
}
.navbar-toggler:focus {
	border: 0;
}
.btn-sm, .btn-group-sm>.btn {
	--bs-btn-border-radius: 0;
	border-radius: 0;
}
.btn {
	border-radius: 0;
}
.bg-primary {
	--bs-bg-opacity: 1;
	background-color: var(--bs-primary) !important;
}
.bg-secondary {
	background-color: var(--bs-gray-100)!important;
}
.cover-img img {
	width: 100%;
	object-fit: cover;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 3rem;
	left: 5%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: left;
}
.offcanvas-header {
	display: flex;
	align-items: center;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.navbar-light {
	background: var(--bs-white);
}
.navbar-nav .nav-link {
	text-transform: none;
	letter-spacing: 0.5px;
	font-size: 14px;
	color: var(--bs-black);
}
.navbar-nav .nav-link:hover {
	color: var(--bs-gray)!important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: var(--bs-gray);
  }
.nav-item {
	padding: 0 5px 0 5px;
}
.nav .nav-link {
	color: var(--bs-black)!important;
}
.nav-scroller .nav {
	color: rgba(255, 255, 255, .75);
}
.nav-scroller .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
}
.nav-scroller .nav-link:hover {
	color: #007bff;
}
.nav-scroller .active {
	font-weight: 500;
	color: #343a40;
}
.dropdown-item:hover {
	background: var(--bs-gray-200);
	color: var(--bs-black);
	border-radius: 5px;
}
.dropdown-menu {
  animation: .3s slideup;
  background: var(--bs-white);
  box-shadow: 0 0 2px rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12);
  color: var(--bs-black);
  min-width: 15rem;
  padding: 10px;
}

@keyframes slideup {
from {
  transform: translateY(10px);
}
to {
  transform: translateY(0);
}
}

.dropdown:hover>.dropdown-menu {
	display: block;
}
.dropdown>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}
.dropdown-toggle {
	outline: 0;
}
.btn-toggle {
	padding: 0 0 0 0;
	font-weight: normal;
	color: #222;
	background-color: transparent;
}

.btn-toggle a {
	color: var(--bs-emphasis-color-rgb);
}
.btn-toggle a:hover {
	background-color: transparent;
}
.btn-toggle-nav > li > a:hover {
	background: var(--bs-white);
	color: var(--bs-secondary);
}
.btn-toggle-nav a:hover {
	background-color: #fff;
	background: #fff;
}
.btn-toggle:hover, .btn-toggle:focus {
	color: var(--bs-emphasis-color);
	background-color: transparent;
	text-decoration: none;
}
.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
	background-color: transparent;
	color: var(--bs-emphasis-color);
}
.btn-toggle::after {
	width: .75em;
	line-height: 0;
	margin-left: .50em;
	margin-top: 0.1em;
	display: inline-block;
	vertical-align: 0em;
	background-repeat: no-repeat;
	content: url(img/arrow-down.svg);
	transition: transform .35s ease;
	transform-origin: .5em 50%;
}
[data-bs-theme="dark"] .btn-toggle::before {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}
.btn-toggle[aria-expanded="true"] {
	color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
	transform: rotate(90deg);
}
.btn-toggle-nav a {
	padding: .3rem 0rem;
	margin-top: .150rem;
	margin-left: 0rem;
}
.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
	background-color: var(--bs-tertiary-bg);
}
.scrollarea {
	overflow-y: auto;
}
/* OffCanvas Menu */
.offcanvas-body {
	padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.menu-offcanvas-item {
	
}

/* Card */

.card {
	word-wrap: break-word;
	background-clip: border-box;
	background-color: #fff;
	border: none;
	display: flex;
	flex-direction: column;
	min-width: 0;
	position: relative;
}
.card-img-hover img {
	opacity: 0.85;
	filter: alpha(opacity=40);
	transition: all .2s ease-in-out;
}
.card-img-hover img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.card-information {
	position: absolute;
	
  bottom: 0;
  left: -45px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  background: #222;
  padding: 1rem;
}
/* Card Badge */

.card-badge {
	position: absolute;
	top: .6rem;
	z-index: 1;
}
.card-badge-start {
	left: .5rem;
}
.badge {
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	padding: .5em 1em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	border-radius: 3px;
}
.product-name a{
	color: var(--bs-black) !important;
}

.link-animated {
	position:relative;
	text-decoration:none
  }
  .link-animated:after {
	position:absolute;
	bottom:0;
	left:-1px;
	width:0;
	height:1px;
	content:"";
	transition:.3s;
	background:var(--bs-gray-500);
  }
  .link-animated:hover {
	text-decoration:none
  }
  .link-animated:hover:after {
	width:25%
  }
  .link-animated.d-block {
	display:block;
	padding:.5em;
  }
  .link-animated.d-block:hover {
	background:var(--bs-white);
  }
.footer-menu-list {
	letter-spacing: 0.9px;
}

.img-grayscale {
    -webkit-filter: grayscale(0.9);
    -webkit-transition: all .3s ease-in-out;
}
.img-grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}
.logo-icon {
	color:var(--bs-primary);
}
.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: var(--bs-gray-500)!important;
	outline: 0;
	box-shadow: none!important;
}
  .form-control::-moz-placeholder {
	color: var(--bs-gray-500);
	opacity: 1;
}
  .form-control::placeholder {
	color: var(--bs-gray-500);
	opacity: 1;
}
.accordion-button:not(.collapsed) {
	color: var(--bs-black);
	background-color: var(--bs-gray-100);
	box-shadow: none;
  }
  .accordion-button {
	&:focus {
	  z-index: 3;
	  outline: 0;
	  box-shadow: none;
	}
  }
  .pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-width: var(--bs-border-width);
	--bs-pagination-border-color: var(--bs-border-color);
	--bs-pagination-border-radius: 0;
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-hover-bg: var(--bs-tertiary-bg);
	--bs-pagination-hover-border-color: var(--bs-border-color);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-focus-bg: var(--bs-secondary-bg);
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: var(--bs-white);
	--bs-pagination-active-bg: var(--bs-dark);
	--bs-pagination-active-border-color: var(--bs-border-color);
	--bs-pagination-disabled-color: var(--bs-secondary-color);
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
	list-style: none;
  }
.page-link {
	color: var(--bs-dark);
	text-decoration: none;
	background-color: var(--bs-pagination-bg);
}
.page-link:hover {
		z-index: 2;
		color: var(--bs-dark);
		background-color: var(--bs-gray-200);
}