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

		body {font-family: 'Poppins', sans-serif;}

		.nav-item a {
			color: black;
			font-size: 14px;
			text-decoration: none;
			margin-left:8px;
			margin-right:8px;
			border:2px solid transparent;
			font-family: 'Poppins', sans-serif;
			font-weight:700;
		}

		.nav-item a:hover{
			border:2px solid #c3883c;
			color:#c3883c;
		}

		.custom-link {

			color: black;
			text-decoration: none !important;
			padding: 0;
			margin: 0;
		}

		.color-black {
			color: black;
		}

		.error.hidden {
			display: none;
		}

		.error {
			color: red;
			font-style: italic;
		}

		.error.active {
			display:block;
		}

		#accordion .color-black, a.color-black:hover {
			color: black;
			text-decoration: none !important;
		}

		.borderl-black {
			border-left: 4px solid black;
		}

		#accordion a[aria-expanded="true"] ,#accordion a[aria-expanded="true"]:hover {
			background-color: #c3883c;
			color: white;
			font-weight:bold;
		}

		#accordion a[aria-expanded="true"] .fa {
			transform: rotate(90deg);
		}

		.nav-link.active {
			background-color: black !important;
			color: white !important;
		}

		.back-silver {
			background-color: silver;
		}

		.btn-cus {
			border-radius: 0px;
			background-color: black;
			color: white !important;
		}

		.btn-cus:hover {
			background-color: #0069d9;
		}

		.box-product{
				height:412px;
		}
		.box-product img{
			border-radius: 3px;
		}
		.box-product:hover {
			box-shadow: 2px 3px 5px 5px #888888;
		}
		.box-product p{
			padding-left:10px;
			padding-right:10px;
		}

		select.product-select-qty {
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    width: 20px;
		    text-align-last:center;

		}

		#selling_points i {
			font-size: 2.85em;
		}

		#social_icons i {
			font-size: 2.40em;
			text-decoration: none;
			color: #fff;
		}

		#register_form {
			display: none;
		}

		#btn_address:hover {
			background-color: #f5f5f0;
		}

		h3, h4, h5 {
			font-family: arial;
		}

		ul {

			list-style: none;
		}
		ul.product-list{
			margin:10px 0px 50px 0px;
			padding:0 0 30px 0;
			list-style:none;
			text-align:center;
			position:relative;
			background:#fff;
			border-bottom:2px solid #c3883c;
			width:100%;
		}
		ul.product-list::after {
			content: '';
			position: absolute;
			bottom: 0;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 20px 0 20px;
			border-color: #c3883c transparent transparent transparent;
			left: 50%;
			transform: translateX(-50%) translateY(100%);
		}
		ul.product-list li{
			margin:2px;
			padding:0;
			list-style:none;
			display:inline-block;
			width:300px;
			vertical-align:top;
		}
		h3.heading{
			text-align:center;
		}
	h3.heading span{
		display: inline-block;
		position: relative;
	}
	h3.heading span:before,
	h3.heading span:after {
	  content: "";
	  position: absolute;
	  height: 5px;
	  border-top: 4px solid #000;
	  top: 15px;
	  width:120px;
	}
	h3.heading span:before {
	  right: 100%;
	  margin-right: 15px;
	}
	h3.heading span:after {
	  left: 100%;
	  margin-left: 15px;
	}

		@media (max-width: 768px) {

			#how_it_works {
				text-align: center;
			}

			#sn_button {
				margin-left: auto;
				margin-right: auto;
			}

			.order-1 {
				order: 2;
			}

			.order-2 {
				order: 1;
			}

			#mobile-pickup {
				display: block !important;
			}

			#desktop-pickup {
				display: none
			}
		}


		/*Edited*/

		.navbar-nav {margin:auto!important;}
		.top-header{
			background:#363835;
			color:#fff;
			position:fixed;
			z-index:10000;
		}
		.top-header .list-group{
			float:right;
		}
		.sticky-top{
			top:32px;
		}
		.section-social{
			background:#000000;
			color:#ffffff;
		}
		.steps{
			margin:20px 0;
			padding:0;
			clear:both;
		}
		.steps li{
			margin:5px;
			padding:0;
			display:block;
			font-size:18px;
			text-transform:uppercase;
			font-weight:bold;
			clear:both;
			height:auto;
			overflow:hidden;
		}
		.steps li p{
			margin-top:15px;
		}
		.steps li span{
			margin-right:10px;
			padding:10px;
			display:block;
			width:60px;
			height:60px;
			border:2px solid #000;
			text-align:center;
			color:#000;
			font-size:22px;
			font-weight:bold;
			line-height:35px;
			float:left;
			margin-bottom:10px;
		}
		.footer{
			background:#000;
			color:#fff;
			padding:20px;
		}
		.footer a{
			color:#fff;
		}


		.gr-1{
			background:linear-gradient(170deg, #222222 0%, #343a40 70%);
		}

		.avatar {
		    width: 110px;
		    overflow: hidden;
		    border: 3px solid #fff;
		    border-radius: 50%;
		}

		#carousel-reviews-controls .card{
			background:none;
			margin:8px;
		}

		.text-gold{
			color:gold;
		}
		.testimonial-card .card-body{
			height:240px;
			overflow:hidden;
			overflow-y:auto;
		}

		#selling_points .card{
		  min-height:350px;
		  margin: 0;
		  padding: 1.7rem 1.2rem;
		  border-radius: 3px;

			border:3px dashed #c3883c;
		  background:#c3883c;
		  color:#fff;

		  letter-spacing: .05rem;
		  box-shadow: 0 0 21px rgba(0,0,0,.27);
		  text-align:center;
		}
		#selling_points .card h2{
		  font-size:1.5rem;
		  font-weight: 400;
		  text-transform: uppercase;
			margin-top:20px;
		}
		#selling_points .card p{
			letter-spacing: 0rem;
			margin-top:33px;
		}
		#selling_points .card:hover{
			background:transparent;
			border:3px solid #c3883c;
		  color:rgba(0,0,0,1);
		}

		#hiw .card{
			width:300px;
			height:300px;
		  margin: 0 auto;
		  border-radius:50%;
		  color:rgba(255,255,255,1);
		  background:#000;
		  letter-spacing: .05rem;
		  padding:70px;
		  box-shadow: 0 0 21px rgba(0,0,0,0);
		  /*box-shadow: 0 0 21px rgba(0,0,0,.27);
		  padding: 1.7rem 1.2rem;
			border:3px dashed #c3883c;
		  background:transparent;*/
		  text-align:center;
		}
		#hiw .card h2{
		  font-size:5rem;
		  font-weight:800;
		  text-transform: uppercase;
			/*margin-top:20px;*/
		}
		#hiw .card p{
			letter-spacing: 0rem;
		}
		#hiw .card:hover{
		  box-shadow: 0 0 21px rgba(0,0,0,.27);
		  background:#fff;
		  color:#000;
		}



		.borderl-brown {
			border-left: 7px solid #c3883c;
		}

		.btncls:hover {background:#000!important; color:#fff;}
		.btnwhite:hover {background:#fff!important; color:#000;}

		.section-Login, .brown-bg{
			background:#f7dbad;
		}
		#login_form button[type="submit"]{
			background:#000;
			color:#fff;
			text-transform:uppercase;
			font-weight:bold;
			border-radius:0px;
		}
		#new_user button[type="submit"], #register_form button[type="submit"], .account-info button[type="submit"]{
			color:#000;
			text-transform:uppercase;
			font-weight:bold;
			border:2px solid #000000;
			border-radius:0px;
		}
		#new_user button[type="submit"]:hover, #register_form button[type="submit"]:hover, #account-info button[type="submit"]:hover{
			color:#fff;
			text-transform:uppercase;
			font-weight:bold;
			border:2px solid #000000;
			background:#000;
		}
		#delivery-packages .pick-meals div.p-1{
			padding:15px !important;
			font-size:16px;
			font-weight:bold;
			margin-bottom:10px;
		}
		#delivery-packages .delete-package div.p-1{
			padding:12px !important;
			font-size:16px;
			font-weight:bold;
			border:2px solid #ff0000 !important;
		}
		.form-control{
			background:#fff !important;
		}
		.box-product{
			text-align:center !important;
			margin:7px;
			background:rgba(255, 255, 255,1) !important;
			padding-top:10px;
			position:relative;
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		}
		.box-product:hover{
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		}

		.box-header{
			position:absolute;
			background:#000;
			text-align:center;
			padding:5px;
			width:100%;
			color:white;
			height:52px;
			top:0;
		}

		.current-pick{
			background:rgb(215,165,0);
		}

		.box-footer{
			position:absolute;
			background:#000;
			text-align:center;
			padding:5px;
			width:100%;
			bottom:0;
		}
		.box-product:hover{
			box-shadow: 0 0 10px rgb(0 0 0 0.15) !important;
		}
		.box-product p.name{
			font-size:18px;
			padding:10px 0px;
		}
		.box-product span.price{
			font-size:22px;
			font-weight:bold;
			padding:5px 0px;
			color:#c3883c;
		}

		.box-footer a.btn-cus{
			display:block;

			padding:8px 0px;
			text-align:center;
		}
		.box-footer a.btn-cus:hover{
			background:#000;
		}
		.btnblck{
			background:#000;
			padding:8px 15px;
			font-size:18px;
			text-transform:uppercase;
			text-decoration:none;
			border:2px solid #000;
			color:#fff;
		}
		.btnblck:hover{
			background:transparent;
			color:#000;
			text-decoration:none;
			border:2px solid #000;
		}

		.btnuse{
			background:#28a745;
			padding:8px 15px;
			font-size:18px;
			text-transform:uppercase;
			text-decoration:none;
			border:2px solid #28a745;
			color:#fff;
		}
		.btnuse:hover{
			background:transparent;
			color:#28a745;
			text-decoration:none;
			border:2px solid #28a745;
		}

		.btndelete{
			background:#ff0000;
			padding:8px 15px;
			font-size:18px;
			text-transform:uppercase;
			text-decoration:none;
			border:2px solid #ff0000;
			color:#fff;
		}
		.btndelete:hover{
			background:transparent;
			color:#ff0000;
			text-decoration:none;
			border:2px solid #ff0000;
		}
		.quantity{
			font-size:20px;
			font-weight:bold;
			margin-left:20px;
			margin-right:20px;
		}
		.remove-item{
			padding:8px 12px !important;
			font-size:16px;
			font-weight:bold;
			border:2px solid #ff0000 !important;
			cursor:pointer;
			margin-top:25px;
			color:#ff0000;
		}
		.remove-item:hover{
			text-decoration:none;
			color:#ff0000;
		}

		.profile .card{
		  margin: 0;
		  padding: 1rem;
			border:3px dashed #c3883c;
		  border-radius: 3px;
		  color:rgba(0,0,0,1);
		  letter-spacing: .05rem;
		  box-shadow: 0 0 21px rgba(0,0,0,.27);
		  background:transparent;
		  margin-bottom:30px;

		}
		.profile .card i{
		  font-size:4rem;
		}
		.profile .card h6{
		  font-size:1.3rem;
		  font-weight:600;
		}
		.profile .card p{
			letter-spacing: 0rem;
		}
		.profile .card:hover{
			border:3px dashed #c3883c;
		  background:#c3883c;
		  color:#fff;
		}

		@media (max-width:1152px) and (min-width:992px){
			.nav-item a {
				font-size: 12px !important;
				margin-left:2px !important;
				margin-right:2px !important;
			}
		}

		@media (max-width:600px){
			h3.heading span:before,
			h3.heading span:after {
			  border-top: 4px solid #000;
			  top: 15px;
			  width:60px;
			}
			h3.heading span:before {
			  right: 100%;
			  margin-right: 5px;
			}
			h3.heading span:after {
			  left: 100%;
			  margin-left: 5px;
			}
		}

		input.quantity_product::-webkit-outer-spin-button,
		input.quantity_product::-webkit-inner-spin-button {
		  -webkit-appearance: none;
		  margin: 0;
		}

		.quantity_product {
		  -moz-appearance: textfield;
		}

.voucher-box {
		cursor:pointer;
    width: 100%;
    float: right;
    text-align: center;
    border: 1px dashed rgb(145, 145, 145);
		box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    border-radius: 2px;
    padding: 4px;
}