:root{
	--bs-primary-rgb: 18, 147, 158;
}
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body {
	font-family: "Roboto", sans-serif;
	background-color: #f8f9fa;
	color: #525252;
	font-size: 0.95rem;
	padding-top: 4rem;
}
h1, h2, h3, h4, h5, h6{font-family: 'Newsreader', serif;}
li {
  margin-bottom: 0.5rem;
}
.nav-link, a {
 color: #505050;
 text-decoration: none;
}
.nav-link:focus, .nav-link:hover, a:focus,a:hover {
  color: #12939e;
}
.btn-primary {
 --bs-btn-bg: #12939e;
  --bs-btn-border-color: #12939e;
}
.btn-primary:hover {
  background-color: #06656d;
  border-color: #06656d;
}
.overlay-text {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  padding: 2rem 1.5rem;
  text-transform: uppercase;
}
.category-card {
	transition: transform 0.3s ease;
}
.category-card:hover {
	transform: translateY(-5px);
}
td p, th p{margin-bottom:0}
.table {
 font-size: 0.9rem;
}
.product-wrapper img {
  max-width: 100%;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 background-color: #12939e;
}
.fs-09{font-size: 0.9rem;}
.w-15{width:15px;}
.nav-pills .nav-link {
  border: 1px solid #12939e;
  background: #fff;
  color: #12939e;
}
.nav-pills .nav-item:first-child .nav-link {
  border-radius: 1rem 0rem 0rem 1rem;
}
.nav-pills .nav-item:last-child .nav-link {
  border-radius: 0rem 1rem 1rem 0rem;
}
.help-block.form-error {
  color: #f00;
  font-size: 0.8rem;
  letter-spacing: 0.3px;
}
.address .btn-check:checked + .btn {
  border: 2px solid #12939e !important;
  color: #000;
}
.address .btn-check:checked + .btn::after {
  content: "Deliver Here";
  background: #138791;
  color: #fff;
  padding: 0.2rem 0.8rem;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.billingaddress .btn-check:checked + .btn::after {
  content: "Bill Here";
}
.navbar-nav .nav-item {
	margin-left: 0.5rem;
}
.navbar-nav .nav-link {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.2px;
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
  background: #095c63;
  color: #e6e6e6;
}
.bg-dark a{
	color: #fff;
}
.min-ht{min-height: 70vh;}
@media screen and (max-width: 767px) {
	.overlay-text {
		font-size: 1rem;
		padding: 1.5rem 1rem;
	}
	.navbar-nav {
	  flex-direction: row;
	}
	h5 {
	  font-size: 1.1rem;
	}
	table td .input-group {
	 flex-wrap: inherit;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.overlay-text {
		font-size: 1rem;
		padding: 1.5rem 1rem;
	}
	.navbar-nav {
	  flex-direction: row;
	}
}