body {
	background-image: url(/mc_comp/mc_img/back1.webp);
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #191919;
	color: var(--color-white);
	/* backdrop-filter: brightness(0.5); */
	}
	
	.swiper {
	  width: 100%;
	  height: 100%;
	}

	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  /* background: #fff; */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.swiper-slide img {
	  display: block;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	.swiper2 {
	  width: 100%;
	  height: 380px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.swiper2 {
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  overflow: hidden;
	  list-style: none;
	  padding: 0;
	  z-index: 1;
	}

	.swiper-slide {
	  background-size: cover;
	  background-position: center;
	}

	
	@media (min-width: 991px) {
	  .mySwiper2 {
		height: 92%; 
		width: 100%;
		}
	}
	.mySwiper {
	  height: 20%;
	  box-sizing: border-box;
	  padding: 10px 0;
	}

	.mySwiper .swiper-slide {
	  width: 25%;
	  height: 50%;
	  opacity: 0.4;
	}

	.mySwiper .swiper-slide-thumb-active {
	  opacity: 1;
	}

	.swiper-slide img {
	  display: block;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}

	.swiper-slide2 {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.swiper-slide2 img {
	  display: block;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	.swiper-slide2 {
	  background-size: cover;
	  background-position: center;
	}
	/* Custom Button */
	.btn-gold { 
	  color: #000000; 
	  background-color: #D9B367; 
	  border-color: #D09C34; 
	} 
	 
	.btn-gold:hover, 
	.btn-gold:focus, 
	.btn-gold:active, 
	.btn-gold.active, 
	.open .dropdown-toggle.btn-gold { 
	  color: #ffffff; 
	  background-color: #D09C34; 
	  border-color: #D09C34; 
	} 
	 
	.btn-gold:active, 
	.btn-gold.active, 
	.open .dropdown-toggle.btn-gold { 
	  background-image: none; 
	} 
	 
	.btn-gold.disabled, 
	.btn-gold[disabled], 
	fieldset[disabled] .btn-gold, 
	.btn-gold.disabled:hover, 
	.btn-gold[disabled]:hover, 
	fieldset[disabled] .btn-gold:hover, 
	.btn-gold.disabled:focus, 
	.btn-gold[disabled]:focus, 
	fieldset[disabled] .btn-gold:focus, 
	.btn-gold.disabled:active, 
	.btn-gold[disabled]:active, 
	fieldset[disabled] .btn-gold:active, 
	.btn-gold.disabled.active, 
	.btn-gold[disabled].active, 
	fieldset[disabled] .btn-gold.active { 
	  background-color: #D9B367; 
	  border-color: #D09C34; 
	} 
	 
	.btn-gold .badge { 
	  color: #D9B367; 
	  background-color: #ffffff; 
	}
	
	.smt {
		margin-top: 100px;
	}
	@media (max-width: 1399px) {
	  .smt {
		margin-top: 80px;
	  }
	}
	@media (max-width: 1220px) {
	  .smt {
		margin-top: 70px;
	  }
	}
	@media (max-width: 991px) {
	  .smt {
		margin-top: 0;
	  }
	}
	@media (max-width: 768px) {
	  .smt {
		margin-top: 0;
		}
	}
	
	.btn-outline-primary {
	  --bs-btn-color: #D09C34 !important;
	  --bs-btn-border-color: #D09C34 !important;
	  --bs-btn-hover-color: #fff !important;
	  --bs-btn-hover-bg: #D09C34 !important;
	  --bs-btn-hover-border-color: #D09C34 !important;
	  --bs-btn-focus-shadow-rgb: 13,110,253 !important;
	  --bs-btn-active-color: #fff !important;
	  --bs-btn-active-bg: #D09C34 !important;
	  --bs-btn-active-border-color: #D09C34 !important;
	  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	  --bs-btn-disabled-color: #D09C34 !important;
	  --bs-btn-disabled-bg: transparent !important;
	  --bs-btn-disabled-border-color: #D09C34 !important;
	  --bs-gradient: none !important;
	}
	.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	color: var(--color-black);
	background-color: var(--color-primary);
	border-color: var(--color-primary-dark);
	}

	.form-control {
	  padding: 0.375rem 0.75rem;
	  color: #d9b367;
	  background-color: #171717;
	  border: 1px solid #d9b367;

	}
	.form-control:focus {
	  color: #d9b367;
	  background-color: #171717;
	  border-color: #d9b367;
	  box-shadow: 0px 0px 6px 1px rgb(217, 179, 103);
	}
	.form-floating > label {
	  top: -6px;
	  left: 10px;
	  font-size: 14px;
	}
	.form-select {
	  color: #d9b367;
	  background-color: #171717;
	  border: 1px solid #d9b367;
	}
	.form-select:focus {
	  color: #d9b367;
	  background-color: #171717;
	  border-color: #d9b367;
	  box-shadow: 0px 0px 6px 1px rgb(217, 179, 103);
	}
	/* Hide the spin buttons in WebKit browsers */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Hide spin buttons in Firefox */
	input[type="number"] {
		-moz-appearance: textfield;
	}
	.dropdown-menu {
		--bs-dropdown-color: #d9b367;
		--bs-dropdown-bg: #0f0f0f;
		--bs-dropdown-link-color: #d9b367;
		--bs-dropdown-link-hover-bg: #d9b367;
	}
	.modal-footer {
		border-top: var(--bs-modal-footer-border-width) solid #d9b367;
	}
	.fotstick {
		background-color: #d9b367;
		color: black;
		position: fixed;
		bottom: 0px;
		height: 52px;
		z-index: 2;
	}
	.prod_disp {
		background-color:rgb(6 6 6 / 60%); 
		background-image: url(/mc_comp/mc_img/bomb2.webp), 
		url(/mc_comp/mc_img/kebab.png), 
		url(/mc_comp/mc_img/sandwich.webp);
		background-position: 100% 1%, 
		1% 33%,  
		100% 43%;  
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
	@media (max-width: 991px) {
	.prod_disp {
		background-color:rgb(6 6 6 / 60%); 
		background-image: url(/mc_comp/mc_img/leaf.png), url(/mc_comp/mc_img/kebab.png), url(/mc_comp/mc_img/spoon.png);  
		background-position: 100% 140px, center right, bottom right;  
		background-repeat: no-repeat, no-repeat, no-repeat;
	}
	}