		body {
			
			background-color: #1a1818;
		}

		/* Make all text visible on dark background */
		body,
		p,
		span,
		h1, h2, h3, h4, h5, h6 {
			color: #ffffff !important;
		}

		/* Fix gray/secondary text */
		.text-muted,
		.small,
		.about-section p {
			color: rgba(255,255,255,0.8) !important;
		}

		/* Fix headings like "OUR STORY" */
		.about-section h5,
		.section-header h5 {
			color: #ffffff !important;
		}

		/* If some text still looks dark */
		* {
			color: inherit;
		}
				
		/* Newsletter Section */
		.newsletter-section {
			background: #1a1818;
			padding: 60px 0;
		}

		.newsletter-box {
			background: #3a3a3a;
			border-radius: 12px;
			padding: 40px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			gap: 20px;
		}

		/* Text */
		.newsletter-text h3 {
			color: #fff;
			font-size: 32px;
			margin-bottom: 10px;
			font-weight: 700;
		}

		.newsletter-text p {
			color: #d5d5d5;
			margin: 0;
		}

		/* Form */
		.newsletter-form {
			display: flex;
			gap: 15px;
			flex-wrap: wrap;
		}

		.newsletter-form input {
			width: 320px;
			height: 50px;
			border: none;
			border-radius: 6px;
			padding: 0 15px;
			background: #1a1818;
			color: #fff;
		}

		.newsletter-form input::placeholder {
			color: #aaa;
		}

		.newsletter-form button {
			height: 50px;
			padding: 0 28px;
			border: none;
			border-radius: 6px;
			background: #9d4948;
			color: #fff;
			font-weight: 600;
			transition: 0.3s;
		}

		.newsletter-form button:hover {
			background: #b85b5a;
		}

		/* Responsive */
		@media (max-width: 768px) {

			.newsletter-box {
				text-align: center;
				justify-content: center;
			}

			.newsletter-form {
				justify-content: center;
			}

			.newsletter-form input {
				width: 100%;
			}
		}

		


		/* stars */
		.rating-stars {
			margin-top: 8px;
			text-align: center;
		}

		.rating-stars i {
			color: #f4b400; /* gold color */
			margin: 0 2px;
			font-size: 14px;
		}

		.rating-text {
			margin-left: 8px;
			font-size: 13px;
			color: #888;
		}

		/* order form  */

		.order-now-btn{
			background: transparent;
			border: 2px solid #c0392b;
			color: #fff;
			padding: 14px 40px;
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			cursor: pointer;
			transition: 0.3s ease;
			margin: 25px auto 15px;
			display: inline-block;
		}

		.order-now-btn:hover{
			background: #c0392b;
			color: #fff;
		}
		
		/* order form */

		/* Blog title color */
			/* Blog title visible on dark card */
		.latest-blog-content .entry-title a {
			color: #ffffff !important;
			font-size: 28px;
			font-weight: 700;
		}


		/* blog */

		@media (max-width: 991px) {
			.newsletter-box {
				padding: 25px 30px;
				flex-direction: column;
				text-align: center;
			}

			.newsletter-form {
				width: 100%;
				justify-content: center;
			}

			.newsletter-input {
				width: 100%;
				max-width: 470px;
			}
		}

		@media (max-width: 576px) {
			.newsletter-form {
				flex-direction: column;
			}

			.newsletter-form button {
				width: 100%;
			}

			.newsletter-box h4 {
				white-space: normal;
			}
		}

		@keyframes popupFade {
			from {
				transform: scale(0.8);
				opacity: 0;
			}
			to {
				transform: scale(1);
				opacity: 1;
			}
		}

		/*  Newsletter Box  */


		/* Menu card background */
		.menu-box {
			background-color: #1a1818 !important;
			border: 1px solid #2a2a2a; /* optional subtle border */
			padding: 25px;
			margin-bottom: 30px;
			transition: 0.3s;
		}

		/* Text inside card */
		.menu-box h3,
		.menu-box p {
			color: #ffffff;
		}

		/* Button style */
		.menu-box a {
			border: 1px solid #9d4948;
			color: #ffffff;
			padding: 8px 18px;
			display: inline-block;
			margin-top: 10px;
			transition: 0.3s;
		}

		/* Button hover */
		.menu-box a:hover {
			background-color: #9d4948;
			color: #fff;
		}

		/* Optional hover effect for card */
		.menu-box:hover {
			transform: translateY(-5px);
			box-shadow: 0 5px 20px rgba(0,0,0,0.5);
		}

		.menu-section .menu-box a {
			border: 2px solid #9d4948;
			color: #fff;
			display: inline-block;
			font-family: 'Poppins', sans-serif;
			font-size: 12px;
			font-weight: 700;
			padding: 10px 45px;
			letter-spacing: 0.84px;
			text-transform: uppercase;
			text-decoration: none;
			-webkit-transition: all 1s ease 0s;
			-moz-transition: all 1s ease 0s;
			-o-transition: all 1s ease 0s;
			transition: all 1s ease 0s;
		}

		.latest-blog .post-content {
			background-color: #1a1818;
			margin-top: 10px;
			padding-bottom: 25px;
			text-align: left;
			-webkit-transition: all 1s ease 0s;
			-moz-transition: all 1s ease 0s;
			-o-transition: all 1s ease 0s;
			transition: all 1s ease 0s;
		}

		/* Blog card hover - RED THEME */
.type-post:hover .post-content {
    background-color: #9d4948 !important;
    transition: 0.3s;
}

/* Change all text to white on hover */
.type-post:hover .post-content h3,
.type-post:hover .post-content p,
.type-post:hover .post-content a {
    color: #ffffff !important;
}

/* Read more button hover */
.type-post:hover .read-more {
    color: #fff !important;
}

/* Optional: slight lift effect */
.type-post {
    transition: 0.3s;
}
.type-post:hover {
    transform: translateY(-5px);
}

.dfjcc {
	display: flex !important;
	justify-content: center !important;
}